:root{--bg:#f4f7fb;--sidebar:#0f172a;--primary:#2563eb;--muted:#64748b}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:245px;background:var(--sidebar);color:#fff;padding:22px 16px;position:fixed;top:0;bottom:0;left:0}.brand{font-size:22px;font-weight:800;line-height:1.1;margin-bottom:30px}.brand span{font-size:13px;color:#93c5fd}.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:10px;margin-bottom:5px}.sidebar a:hover{background:#1e293b;color:#fff}.nav-label{font-size:11px;text-transform:uppercase;color:#64748b;margin:18px 12px 8px}.main-content{margin-left:245px;width:calc(100% - 245px)}.topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;position:sticky;top:0;z-index:5}.content-wrap{padding:24px}.kpi-card{border:0;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.kpi-card .number{font-size:30px;font-weight:800}.panel{background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:20px;margin-bottom:20px}.badge{padding:7px 10px;border-radius:999px}.ticket-title{font-size:22px;font-weight:800}.timeline{border-left:3px solid #e5e7eb;padding-left:18px}.timeline-item{margin-bottom:18px;position:relative}.timeline-item:before{content:"";position:absolute;left:-27px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--primary)}.form-control,.custom-select{border-radius:10px}.btn{border-radius:10px}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.main-content{margin-left:0;width:100%}.app-shell{display:block}}