:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#fbfcfd;--surface-hover:#f4f5f7;--border:#e8eaed;--border-strong:#dadce1;--text:#16181d;--text-2:#5b616e;--text-3:#9098a3;--text-on-primary:#fff;--primary:#4f46e5;--primary-hover:#4338ca;--primary-press:#3730a3;--primary-soft:#eef0fe;--primary-soft-2:#e3e5fd;--primary-border:#c7c9f7;--accent:#06b6d4;--accent-soft:#e0f7fb;--success:#10b981;--success-soft:#e6f7f0;--success-text:#047857;--warning:#f59e0b;--warning-soft:#fef4e2;--warning-text:#b45309;--danger:#ef4444;--danger-soft:#fdecec;--danger-text:#b91c1c;--info:#3b82f6;--info-soft:#e8f0fe;--info-text:#1d4ed8;--neutral:#9ca3af;--neutral-soft:#f0f1f3;--neutral-text:#4b5563;--violet:#8b5cf6;--violet-soft:#f1ecfe;--violet-text:#6d28d9;--radius:8px;--radius-sm:6px;--radius-lg:12px;--radius-pill:999px;--space:1;--pad-card:calc(20px * var(--space));--row-h:calc(44px * var(--space));--shadow-xs:0 1px 2px rgba(16,24,40,.04);--shadow-sm:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);--shadow-md:0 4px 8px -2px rgba(16,24,40,.08),0 2px 4px -2px rgba(16,24,40,.05);--shadow-lg:0 12px 24px -6px rgba(16,24,40,.12),0 4px 8px -4px rgba(16,24,40,.06);--shadow-xl:0 24px 48px -12px rgba(16,24,40,.22);--font:"Inter",-apple-system,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--sidebar-w:244px;--sidebar-w-collapsed:68px;--topbar-h:60px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.006em}::selection{background:var(--primary-soft-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d7dae0;border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#bcc0c9;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.money,.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.money{letter-spacing:-.01em}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em}p{margin:0}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app{height:100vh;width:100vw;overflow:hidden}.app,.main{display:flex}.main{flex:1 1;flex-direction:column;min-width:0}.content{flex:1 1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.content-inner{max-width:1320px;margin:0 auto;padding:calc(28px * var(--space)) calc(32px * var(--space)) 80px}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .22s cubic-bezier(.22,1,.36,1)}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-brand{height:var(--topbar-h);display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid var(--border);flex-shrink:0}.brand-mark{width:32px;height:32px;border-radius:7px;flex-shrink:0;background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;letter-spacing:-.04em}.brand-name{font-weight:700;font-size:15px;letter-spacing:-.03em;line-height:1.1;white-space:nowrap}.brand-sub{font-size:11px;color:var(--text-3);white-space:nowrap;font-weight:500}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 12px 20px}.nav-group{margin-top:16px}.nav-group:first-child{margin-top:4px}.nav-group-label{font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--text-3);text-transform:uppercase;padding:0 10px 6px;white-space:nowrap}.collapsed .nav-group-label{opacity:0;height:8px;padding:0}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:500;font-size:13.5px;cursor:pointer;position:relative;white-space:nowrap;transition:background .12s,color .12s;margin-bottom:1px}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item svg{width:18px;height:18px;flex-shrink:0;color:var(--text-3)}.nav-item.active svg{color:var(--primary)}.nav-badge{margin-left:auto;background:var(--primary);color:#fff;font-size:10.5px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 5px}.nav-item.active .nav-badge{background:var(--primary)}.collapsed .brand-text,.collapsed .nav-badge,.collapsed .nav-label{display:none}.collapsed .nav-item{justify-content:center;padding:9px}.collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-foot{padding:12px;border-top:1px solid var(--border)}.user-chip{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer}.user-chip:hover{background:var(--surface-hover)}.topbar{height:var(--topbar-h);flex-shrink:0;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 24px;position:relative;z-index:30}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-2);transition:background .12s,color .12s;position:relative}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn svg{width:19px;height:19px}.topbar-search{flex:1 1;max-width:420px;display:flex;align-items:center;gap:9px;height:38px;padding:0 13px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);cursor:text;transition:border-color .12s,background .12s}.topbar-search:hover{border-color:var(--border-strong)}.topbar-search svg{width:17px;height:17px}.kbd{font-family:var(--font);font-size:11px;font-weight:600;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 6px;margin-left:auto}.notif-dot{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:999px;background:var(--danger);border:2px solid var(--surface)}.breadcrumb{display:flex;align-items:center;gap:7px;color:var(--text-3);font-size:12.5px;font-weight:500;margin-bottom:9px}.breadcrumb svg{width:13px;height:13px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title{font-size:23px;font-weight:680;letter-spacing:-.03em}.page-sub{color:var(--text-2);margin-top:3px}.btn,.page-sub{font-size:13.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:var(--radius-sm);font-weight:600;white-space:nowrap;transition:background .13s,border-color .13s,box-shadow .13s,transform .08s;border:1px solid transparent}.btn:active{transform:translateY(.5px)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm),inset 0 1px 0 hsla(0,0%,100%,.14)}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-ghost:hover{border-color:var(--border-strong)}.btn-ghost:hover,.btn-subtle{background:var(--surface-hover)}.btn-subtle{color:var(--text-2)}.btn-subtle:hover{background:#eceef1;color:var(--text)}.btn-sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:var(--radius-sm)}.btn-icon-only{width:38px;padding:0}.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#20bd5a}.btn-danger-ghost{background:var(--surface);color:var(--danger-text);border-color:var(--border)}.btn-danger-ghost:hover{background:var(--danger-soft);border-color:#f3c4c4}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.card-pad{padding:var(--pad-card)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px var(--pad-card);border-bottom:1px solid var(--border)}.card-title{font-size:14.5px;font-weight:650;letter-spacing:-.02em}.card-hint{font-size:12px;color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;white-space:nowrap;letter-spacing:-.01em}.badge .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.badge-success{background:var(--success-soft);color:var(--success-text)}.badge-warning{background:var(--warning-soft);color:var(--warning-text)}.badge-danger{background:var(--danger-soft);color:var(--danger-text)}.badge-info{background:var(--info-soft);color:var(--info-text)}.badge-neutral{background:var(--neutral-soft);color:var(--neutral-text)}.badge-violet{background:var(--violet-soft);color:var(--violet-text)}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-outline{border:1px solid var(--border);color:var(--text-2)}.badge-outline,.plate{background:var(--surface)}.plate{font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.04em;color:var(--text);border:1.5px solid var(--border-strong);border-radius:5px;padding:2px 7px;display:inline-flex;align-items:center;gap:5px;position:relative}.plate:before{content:"";width:5px;align-self:stretch;background:var(--info);border-radius:2px;margin:1px 3px 1px -3px}.plate-lg{font-size:16px;padding:5px 11px}.trend{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend.up{color:var(--success-text)}.trend.down{color:var(--danger-text)}.trend svg{width:13px;height:13px}.avatar{border-radius:999px;display:grid;place-items:center;font-weight:650;color:#fff;flex-shrink:0;letter-spacing:-.02em;background:var(--primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar-stack{display:flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--surface);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:11px 14px;position:-webkit-sticky;position:sticky;top:0;background:var(--surface-2);white-space:nowrap;z-index:1}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:calc(12px * var(--space)) 14px;font-size:13px;vertical-align:middle}.tbl tbody tr{transition:background .1s;cursor:pointer}.tbl tbody tr:hover{background:var(--surface-hover)}.tbl tbody tr:last-child td{border-bottom:none}.tbl .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cell-strong{font-weight:600;color:var(--text)}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:550;color:var(--text-2);cursor:pointer;transition:border-color .12s,background .12s}.chip:hover{border-color:var(--border-strong)}.chip.active{border-color:var(--primary-border)}.chip-remove,.chip.active{background:var(--primary-soft);color:var(--primary)}.chip-remove{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.chip-remove button{display:grid;place-items:center;width:17px;height:17px;border-radius:999px;color:var(--primary)}.chip-remove button:hover{background:var(--primary-soft-2)}.seg{background:var(--surface-hover);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg,.seg button{display:inline-flex}.seg button{height:30px;padding:0 13px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--text-2);transition:all .12s;align-items:center;gap:6px}.seg button svg{width:15px;height:15px}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.divider{height:1px;background:var(--border);border:none;margin:0}.inp{width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:13.5px;color:var(--text);outline:none;transition:border-color .12s,box-shadow .12s}.inp:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}select.inp{cursor:pointer}.progress{height:7px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.progress>div{height:100%;border-radius:999px;background:var(--primary);transition:width .5s cubic-bezier(.22,1,.36,1)}.meta-row{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:12.5px}.meta-row svg{width:14px;height:14px;color:var(--text-3)}.overlay{position:fixed;inset:0;background:rgba(16,18,29,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80}.drawer{top:0;right:0;bottom:0;width:480px}.drawer,.modal{position:fixed;max-width:94vw;background:var(--surface);box-shadow:var(--shadow-xl);z-index:90;display:flex;flex-direction:column}.modal{top:50%;left:50%;transform:translate(-50%,-50%);width:520px;max-height:88vh;border-radius:var(--radius-lg);overflow:hidden}.drawer-head,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-body{flex:1 1;overflow-y:auto;padding:22px}.drawer-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;gap:10px;flex-shrink:0}@keyframes fade{0%{opacity:0}}@keyframes slideIn{0%{transform:translateX(20px);opacity:.6}}@keyframes pop{0%{transform:translate(-50%,-48%) scale(.97);opacity:0}}@keyframes fadeUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.skel{background:linear-gradient(90deg,#eef0f2 25%,#f6f7f9 50%,#eef0f2 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cmdk{position:fixed;top:14vh;left:50%;transform:translateX(-50%);width:600px;max-width:92vw;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:90;overflow:hidden}.cmdk-input{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--border)}.cmdk-input input{flex:1 1;border:none;outline:none;font-size:15.5px;color:var(--text);background:transparent}.cmdk-input svg{width:19px;height:19px;color:var(--text-3)}.cmdk-list{max-height:50vh;overflow-y:auto;padding:8px}.cmdk-sec{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:10px 10px 5px}.cmdk-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:500}.cmdk-item svg{width:17px;height:17px;color:var(--text-2)}.cmdk-item.active{background:var(--primary-soft)}.cmdk-item.active,.cmdk-item.active svg{color:var(--primary)}.cmdk-item .hint{margin-left:auto;font-size:11.5px;color:var(--text-3)}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:120;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:11px;background:var(--text);color:#fff;padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:13.5px;font-weight:550;max-width:360px}.toast svg{width:17px;height:17px;flex-shrink:0}.toast .ok{color:#34d399}.grid{display:grid;grid-gap:16px;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.empty{text-align:center;padding:48px 20px;color:var(--text-3)}.empty-ill{width:96px;height:96px;margin:0 auto 16px;border-radius:20px;background:var(--surface-hover);display:grid;place-items:center}.empty-ill svg{width:42px;height:42px;color:var(--text-3)}.bottom-nav,.m-topbar{display:none}@media (max-width:860px){.app{flex-direction:column;height:100dvh}.sidebar,.topbar{display:none!important}.m-topbar{display:flex;align-items:center;gap:12px;height:56px;flex-shrink:0;padding:0 16px;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.m-topbar .brand-mark{width:30px;height:30px;font-size:14px}.m-title{font-weight:700;font-size:16px;letter-spacing:-.02em;flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-inner{padding:18px 14px 96px!important;max-width:100%!important}.content-inner [style*=grid-template-columns]{grid-template-columns:1fr!important}.content-inner .kpi-grid{grid-template-columns:repeat(2,1fr)!important}.page-head{flex-direction:column;align-items:stretch;gap:14px}.page-head .page-title{font-size:21px}.page-head>div:last-child{flex-wrap:wrap}.content-inner [style*="position: sticky"],.content-inner [style*="position:sticky"]{position:static!important}.card-head{padding:14px 16px}.seg{flex-wrap:wrap}.bottom-nav{display:flex;align-items:stretch;justify-content:space-around;position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(62px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border)}.bn-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);font-size:10px;font-weight:600;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}.bn-item svg{width:23px;height:23px}.bn-item.active{color:var(--primary)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:95;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:var(--shadow-xl);max-height:80dvh;overflow-y:auto;padding:8px 16px calc(20px + env(safe-area-inset-bottom, 0px))}.sheet-grab{width:38px;height:4px;border-radius:999px;background:var(--border-strong);margin:8px auto 14px}.sheet-item{display:flex;align-items:center;gap:13px;padding:13px 8px;border-radius:var(--radius-sm);font-size:15px;font-weight:550}.sheet-item:active{background:var(--surface-hover)}.sheet-item svg{width:20px;height:20px;color:var(--text-2)}.sheet-item.active,.sheet-item.active svg{color:var(--primary)}.drawer{width:100vw!important;max-width:100vw!important}}#__next,body,html{height:100%}