@charset "UTF-8";:root{--bg: #09090b;--surface: #18181b;--surface2: #27272a;--surface3: #3f3f46;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.1);--accent: #3b82f6;--accent-hover: #2563eb;--accent-bg: rgba(59,130,246,.12);--orange: #f97316;--blue: #3b82f6;--blue-bg: rgba(59,130,246,.12);--yellow: #f59e0b;--yellow-bg: rgba(245,158,11,.12);--red: #ef4444;--red-bg: rgba(239,68,68,.12);--green: #22c55e;--green-bg: rgba(34,197,94,.12);--purple: #a78bfa;--purple-bg: rgba(167,139,250,.12);--teal: #2dd4bf;--teal-bg: rgba(45,212,191,.12);--text: #fafafa;--text2: #a1a1aa;--text3: #52525b;--ink-blue: #7cb0fb;--ink-amber: #fbbf24;--ink-red: #f87171;--ink-green: #4ade80;--ink-violet: #c4b5fd;--ink-teal: #5eead4;--ink-orange: #fdba74;--r: 8px;--rl: 10px;--rxl: 12px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 17px;--text-2xl: 20px;--sidebar-bg: #0a0a0f;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--topbar-height: 52px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "Fira Code", monospace}html{font-size:14px}html.font-sm{font-size:12px}html.font-xl{font-size:17px}html.light{--bg: #f4f4f5;--surface: #fff;--surface2: #f4f4f5;--surface3: #e4e4e7;--border: rgba(0,0,0,.06);--border2: rgba(0,0,0,.1);--accent: #2563eb;--accent-hover: #1d4ed8;--accent-bg: rgba(37,99,235,.1);--orange: #ea6c10;--blue: #2563eb;--blue-bg: rgba(37,99,235,.1);--yellow: #c27d00;--yellow-bg: rgba(194,125,0,.1);--red: #d63030;--red-bg: rgba(214,48,48,.1);--green: #16a34a;--green-bg: rgba(22,163,74,.1);--purple: #7c3aed;--purple-bg: rgba(124,58,237,.1);--teal: #0d9488;--teal-bg: rgba(13,148,136,.1);--text: #09090b;--text2: #52525b;--text3: #a1a1aa;--ink-blue: #1d4ed8;--ink-amber: #a16207;--ink-red: #b91c1c;--ink-green: #15803d;--ink-violet: #6d28d9;--ink-teal: #0f766e;--ink-orange: #c2410c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:4px}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--r);border:1px solid var(--border2);background:var(--surface2);color:var(--text);font-family:var(--font-sans);font-size:.929rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--surface3);border-color:var(--border2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:transparent;border-color:transparent;color:var(--text2)}.btn-danger:hover{background:var(--red-bg);color:var(--red);border-color:var(--red)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text2)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-sm{height:28px;padding:0 10px;font-size:.857rem}.spinner-sm{width:13px;height:13px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;display:inline-block;animation:spin .6s linear infinite;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px}.glass-page{--glass-bg: rgba(255, 255, 255, .06);--glass-bg-hover: rgba(255, 255, 255, .095);--glass-border: rgba(255, 255, 255, .13);--glass-highlight: rgba(255, 255, 255, .32);--glass-sheen: rgba(255, 255, 255, .07);--glass-inset: rgba(0, 0, 0, .22);--glass-blur: blur(18px) saturate(160%);--glass-shadow: 0 12px 40px rgba(0, 0, 0, .45);--glow-a: rgba(59, 130, 246, .34);--glow-b: rgba(139, 92, 246, .28);--glow-c: rgba(45, 212, 191, .2);position:relative}.light .glass-page{--glass-bg: rgba(255, 255, 255, .62);--glass-bg-hover: rgba(255, 255, 255, .8);--glass-border: rgba(15, 23, 42, .08);--glass-highlight: rgba(255, 255, 255, 1);--glass-sheen: rgba(255, 255, 255, .75);--glass-inset: rgba(15, 23, 42, .05);--glass-blur: blur(20px) saturate(190%);--glass-shadow: 0 14px 38px rgba(15, 23, 42, .1), 0 2px 6px rgba(15, 23, 42, .045);--glow-a: rgba(37, 99, 235, .3);--glow-b: rgba(124, 58, 237, .26);--glow-c: rgba(13, 148, 136, .22)}.glass-page:before{content:"";position:fixed;inset:-10%;z-index:0;pointer-events:none;background:radial-gradient(46rem 32rem at 10% -4%,var(--glow-a),transparent 60%),radial-gradient(42rem 30rem at 92% 8%,var(--glow-b),transparent 58%),radial-gradient(38rem 28rem at 55% 78%,var(--glow-c),transparent 60%);filter:blur(14px)}.glass-page>*{position:relative;z-index:1}.glass-page .card,.glass-page .pref-card.pref-card,.glass-page .user-card.user-card,.glass-page app-kpi-card .kpi-card{background:linear-gradient(155deg,var(--glass-sheen),transparent 46%),var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:relative;overflow:hidden;transition:background .22s ease,transform .22s ease,box-shadow .22s ease}.glass-page .card:after,.glass-page .pref-card.pref-card:after,.glass-page .user-card.user-card:after,.glass-page app-kpi-card .kpi-card:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight) 22%,var(--glass-highlight) 78%,transparent);pointer-events:none}.glass-page app-kpi-card .kpi-card:hover{background:linear-gradient(155deg,var(--glass-sheen),transparent 46%),var(--glass-bg-hover);transform:translateY(-2px)}.glass-page app-kpi-card .kpi-blue,.glass-page app-kpi-card .kpi-pay{--kpi-ink: var(--ink-blue)}.glass-page app-kpi-card .kpi-yellow,.glass-page app-kpi-card .kpi-rto{--kpi-ink: var(--ink-amber)}.glass-page app-kpi-card .kpi-can,.glass-page app-kpi-card .kpi-exp{--kpi-ink: var(--ink-red)}.glass-page app-kpi-card .kpi-green,.glass-page app-kpi-card .kpi-net{--kpi-ink: var(--ink-green)}.glass-page app-kpi-card .kpi-purple,.glass-page app-kpi-card .kpi-bal{--kpi-ink: var(--ink-violet)}.glass-page app-kpi-card .kpi-teal,.glass-page app-kpi-card .kpi-stk{--kpi-ink: var(--ink-teal)}.glass-page app-kpi-card .kpi-ord{--kpi-ink: var(--ink-orange)}.glass-page app-kpi-card .kpi-label{color:var(--kpi-ink, var(--text2));font-weight:700}.glass-page .card-title{color:var(--text2)}.glass-page .data-table th{color:var(--text2);font-weight:700}.glass-page{--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4d4d8' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.light .glass-page{--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2352525b' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.glass-page select{background-color:var(--glass-inset);background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 10px center;border:1px solid var(--glass-border);border-radius:var(--rl);height:34px;backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%);transition:background-color .15s,border-color .15s,box-shadow .15s}.glass-page select:hover{background-color:var(--glass-bg-hover);border-color:var(--text3)}.glass-page select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.glass-page select option{background:var(--surface);color:var(--text)}.glass-page app-date-picker .dp-trigger{height:34px;background:var(--glass-inset);border:1px solid var(--glass-border);border-radius:var(--rl);backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%);transition:background-color .15s,border-color .15s,box-shadow .15s}.glass-page app-date-picker .dp-trigger:hover{background:var(--glass-bg-hover);border-color:var(--text3)}.th-ord{color:var(--ink-blue)!important}.th-can{color:var(--ink-amber)!important}.th-rto{color:var(--ink-red)!important}.th-cus{color:var(--ink-violet)!important}.th-net{color:var(--ink-green)!important}.th-exp{color:var(--ink-teal)!important}.th-ret{color:var(--ink-red)!important}.glass-page app-kpi-card .kpi-sub{color:var(--text2)}.glass-page app-kpi-card .kpi-card:before{content:"";position:absolute;top:0;left:14px;right:14px;height:2px;border-radius:0 0 3px 3px;background:var(--kpi-ink, var(--accent));box-shadow:0 0 18px 1px var(--kpi-ink, var(--accent));opacity:.9;pointer-events:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-page .card,.glass-page .pref-card.pref-card,.glass-page .user-card.user-card,.glass-page app-kpi-card .kpi-card{background:var(--surface)}.glass-page:before{opacity:.5}}@media(prefers-reduced-motion:reduce){.glass-page .card,.glass-page app-kpi-card .kpi-card:hover{transition:none;transform:none}}.card-title{font-size:.786rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.ctrl-label{display:block;font-size:.857rem;font-weight:500;color:var(--text2);margin-bottom:6px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select{width:100%;height:32px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);color:var(--text);font-family:var(--font-sans);font-size:.929rem;padding:0 10px;transition:border-color .15s,box-shadow .15s;outline:none;appearance:none}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,select::placeholder{color:var(--text3)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}textarea{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);color:var(--text);font-family:var(--font-sans);font-size:.929rem;padding:8px 10px;transition:border-color .15s,box-shadow .15s;outline:none;appearance:none;resize:vertical;min-height:80px}textarea::placeholder{color:var(--text3)}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.form-group{margin-bottom:16px}.input-error{border-color:var(--red)!important;box-shadow:0 0 0 3px var(--red-bg)!important}.error-text{font-size:.786rem;color:var(--red);margin-top:4px}.field-hint{font-size:.786rem;color:var(--text3);line-height:1.5;margin-top:5px}.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-family:var(--font-sans);font-size:.714rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-teal{background:var(--teal-bg);color:var(--teal)}.badge-accent{background:var(--accent-bg);color:var(--accent)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text3)}.empty .empty-icon{font-size:48px;opacity:.5}.empty .empty-title{font-size:1.071rem;font-weight:600;color:var(--text2)}.empty .empty-sub{font-size:.929rem}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:var(--surface2)}.data-table th{font-size:.786rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);font-size:.929rem;vertical-align:middle}.data-table tbody tr{transition:background .12s;animation:fadeIn .25s ease}.data-table tbody tr:hover{background:var(--surface2)}.data-table tbody tr:last-child td{border-bottom:none}.mono{font-family:Geist Mono,Fira Code,monospace}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.97)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:var(--r)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.dot-grid-bg{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px}@media(max-width:700px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.hide-mobile{display:none!important}}