:root{--brand:#2e6df6;--brand-dark:#1b57d8;--brand-light:#e8f0fe;--bg:#f4f6fb;--card:#fff;--border:#e4e7f0;--text:#1c2433;--muted:#6b7385;--success:#16a34a;--success-bg:#e7f6ee;--danger:#dc2626;--danger-bg:#fdecec;--warning:#d97706;--warning-bg:#fdf3e3;--info:#2e6df6;--info-bg:#e8f0fe;--purple:#7c3aed;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #1018280f, 0 4px 16px #1018280f;--shadow-lg:0 12px 40px #10182824}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}a{color:var(--brand);text-decoration:none}.layout{min-height:100vh;display:flex}.sidebar{color:#3c4456;border-right:1px solid var(--border);z-index:100;background:#fff;flex-direction:column;flex-shrink:0;width:252px;height:100vh;transition:margin-left .25s;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar.collapsed{margin-left:-252px}.sidebar .brand{color:var(--text);letter-spacing:.3px;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 22px;font-size:19px;font-weight:800;display:flex}.sidebar .brand .logo{background:linear-gradient(135deg, var(--brand), #7c3aed);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.sidebar .brand span{color:var(--brand)}.sidebar nav{padding:8px 0 30px}.sidebar .nav-section{text-transform:uppercase;letter-spacing:1.1px;color:#9aa1b2;padding:16px 22px 6px;font-size:10.5px;font-weight:700}.sidebar .nav-item{display:block}.sidebar .nav-link{color:#4a5266;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;width:calc(100% - 20px);margin:1px 10px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar .nav-link:hover{color:var(--brand);background:#f1f4fa}.sidebar .nav-link.active{background:var(--brand-light);color:var(--brand);font-weight:600}.sidebar .nav-link .ico{text-align:center;width:18px;font-size:14px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:90;background:#ffffffd9;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:20px}.topbar h1{flex:1;margin:0;font-size:17px;font-weight:700}.content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.card-title{margin:0 0 16px;font-size:15px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{flex-direction:column;gap:10px;padding:18px;display:flex}.stat-card .label{color:var(--muted);font-size:12.5px;font-weight:600}.stat-card .value{letter-spacing:-.5px;font-size:26px;font-weight:800}.stat-card .icon{color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:13.5px}tbody tr:last-child td{border-bottom:none}th{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;background:#fafbfe;font-size:11px}tbody tr:hover{background:#f8faff}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 1px 2px #2e6df64d}.btn-primary:hover{background:var(--brand-dark)}.btn-outline{border-color:var(--border);color:var(--text);background:#fff}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--text);background:#f1f4fa}.btn-sm{border-radius:7px;padding:6px 11px;font-size:12px}.btn-icon{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 9px;font-size:13px}.btn-icon:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.btn-icon.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:#4a5266;font-size:12.5px;font-weight:600}input,select,textarea{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}textarea{resize:vertical;min-height:70px}.modal-overlay{z-index:200;background:#10182880;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-body{padding:22px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:22px}.modal-close:hover{color:var(--text)}.badge{border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-muted{color:#6b7280;background:#eef0f5}.badge-purple{color:var(--purple);background:#f0e9fe}.empty-state{text-align:center;color:var(--muted);padding:44px 20px}.empty-state .big{margin-bottom:8px;font-size:38px}.loading{color:var(--muted);place-items:center;padding:60px;display:grid}.spinner{border:3px solid var(--brand-light);border-top-color:var(--brand);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:300;color:#fff;box-shadow:var(--shadow-lg);background:#1c2433;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;display:flex;position:fixed;bottom:24px;right:24px}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-input{max-width:280px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-head h2{letter-spacing:-.3px;margin:0;font-size:21px}.page-head p{color:var(--muted);margin:4px 0 0}.chart-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=1000px){.chart-grid{grid-template-columns:1fr}}.report-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.kpi{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);padding:18px}.kpi .k-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.kpi .k-value{margin-top:6px;font-size:24px;font-weight:800}.segmented{background:#eef1f7;border-radius:9px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.segmented button.active{color:var(--text);background:#fff;box-shadow:0 1px 3px #1018281f}.item-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.item-row>*{min-width:0}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=1000px){.two-col{grid-template-columns:1fr}}.auth-wrap{background:linear-gradient(135deg,#eef3ff 0%,#f6f4ff 50%,#eef9f4 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;padding:36px 34px}.auth-card .auth-logo{color:var(--text);justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:24px;font-weight:800;display:flex}.auth-card .auth-logo .logo{background:linear-gradient(135deg, var(--brand), #7c3aed);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.auth-card .auth-sub{text-align:center;color:var(--muted);margin:0 0 24px;font-size:13.5px}.auth-card .form-group{margin-bottom:14px}.auth-card .auth-btn{width:100%;margin-top:6px;padding:11px;font-size:14px}.auth-card .auth-alt{text-align:center;color:var(--muted);margin-top:18px;font-size:13.5px}.auth-card .auth-alt button{color:var(--brand);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13.5px;font-weight:700}.auth-error{background:var(--danger-bg);color:var(--danger);border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:13px}.pos-layout{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}@media (width<=1000px){.pos-layout{grid-template-columns:1fr}}.pos-products{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:70vh;padding-right:4px;display:grid;overflow-y:auto}.pos-item{border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:14px;transition:all .15s;display:flex}.pos-item:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 6px 20px #2e6df626}.pos-item .p-name{font-size:13px;font-weight:600;line-height:1.3}.pos-item .p-price{color:var(--brand);font-size:15px;font-weight:800}.pos-item .p-stock{color:var(--muted);font-size:11.5px}.pos-item .p-stock.low{color:var(--danger);font-weight:600}.pos-item.disabled{opacity:.45;cursor:not-allowed}.pos-cart{position:sticky;top:80px}.cart-line{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.cart-line .cl-name{flex:1;font-size:13px;font-weight:600}.cart-line .cl-qty{align-items:center;gap:6px;display:flex}.cart-line .cl-qty button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;width:24px;height:24px;font-weight:700}.cart-line .cl-qty button:hover{border-color:var(--brand);color:var(--brand)}.cart-line .cl-total{text-align:right;width:72px;font-weight:700}.cart-totals{padding-top:12px}.cart-totals .row{color:var(--muted);justify-content:space-between;padding:5px 0;font-size:13.5px;display:flex}.cart-totals .row.grand{color:var(--text);border-top:1px solid var(--border);margin-top:6px;padding-top:10px;font-size:17px;font-weight:800}.track-layout{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=1000px){.track-layout{grid-template-columns:1fr}}.timeline{margin-top:12px;padding-left:26px;position:relative}.timeline:before{content:"";background:linear-gradient(var(--brand), var(--success));border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:8px}.timeline-item{padding-bottom:18px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--brand);width:18px;height:18px;box-shadow:0 0 0 2px var(--brand-light);border:3px solid #fff;border-radius:50%;position:absolute;top:4px;left:-26px}.timeline-body{border:1px solid var(--border);background:#fafbff;border-radius:10px;padding:12px 14px}body.dark{--brand:#4c82ff;--brand-dark:#6a9bff;--brand-light:#1d2b4d;--bg:#0f1420;--card:#171e2e;--border:#273349;--text:#e6eaf2;--muted:#97a3b8;--success:#34d17a;--success-bg:#12301f;--danger:#f87171;--danger-bg:#3a1717;--warning:#fbbf24;--warning-bg:#3a2c0d;--info:#6a9bff;--info-bg:#1d2b4d;--purple:#a78bfa;--shadow:0 1px 3px #0006;--shadow-lg:0 12px 40px #00000080}body.dark .sidebar{color:#c8d0de;background:#131a28}body.dark .sidebar .nav-link{color:#aeb8ca}body.dark .sidebar .nav-link:hover{background:#1d2738}body.dark .sidebar .nav-section{color:#6b7690}body.dark .topbar{background:#0f1420d9}body.dark th{background:#1b2336}body.dark tbody tr:hover{background:#1b2436}body.dark .btn-outline{background:#171e2e}body.dark .btn-ghost:hover{background:#1d2738}body.dark input,body.dark select,body.dark textarea{color:var(--text);background:#131a28}body.dark input::placeholder,body.dark textarea::placeholder{color:#5d6880}body.dark .modal{background:#171e2e}body.dark .modal-overlay{background:#04060ca6}body.dark .segmented{background:#1b2336}body.dark .segmented button.active{color:var(--text);background:#273349}body.dark .auth-wrap{background:linear-gradient(135deg,#0f1420 0%,#16132b 50%,#0d1f1a 100%)}body.dark .auth-card,body.dark .pos-item{background:#171e2e}body.dark .cart-line .cl-qty button,body.dark .timeline-body{background:#131a28}body.dark .timeline-dot{border-color:#171e2e}body.dark .badge-muted{color:#97a3b8;background:#273349}body.dark .badge-purple{color:var(--purple);background:#2a2044}body.dark .kpi{background:var(--card)}body.dark .btn-outline:hover{border-color:var(--brand);color:var(--brand);background:#1d2b4d}body.dark .form-group label{color:#aeb8ca}body.dark .toast{background:#0b0f1a}.cmd-overlay{z-index:400;background:#1018288c;justify-content:center;align-items:flex-start;padding:12vh 20px 20px;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--card);border:1px solid var(--border);width:100%;max-width:620px;box-shadow:var(--shadow-lg);border-radius:14px;overflow:hidden}.cmd-input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;outline:none;padding:16px 18px;font-size:15px}.cmd-list{max-height:380px;padding:8px;overflow-y:auto}.cmd-item{cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;display:flex}.cmd-item.active{background:var(--brand-light)}.cmd-item .cmd-icon{text-align:center;width:20px}.cmd-item .cmd-title{flex:1;font-weight:600}.cmd-item .cmd-sub{color:var(--muted);font-size:12px}.cmd-hint{border-top:1px solid var(--border);color:var(--muted);gap:14px;padding:10px 16px;font-size:12px;display:flex}.notif-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9px;width:38px;height:38px;font-size:16px;position:relative}.notif-dot{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.notif-pop{background:var(--card);border:1px solid var(--border);width:340px;box-shadow:var(--shadow-lg);z-index:120;border-radius:12px;position:absolute;top:46px;right:0;overflow:hidden}.notif-pop h4{border-bottom:1px solid var(--border);margin:0;padding:12px 16px;font-size:13px}.notif-list{max-height:320px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.notif-item:last-child{border-bottom:none}.notif-item .n-ico{border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.notif-item .n-text{font-size:12.5px;line-height:1.4}.notif-item .n-time{color:var(--muted);font-size:11px}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;position:absolute;inset:0}.no-print{display:none!important}}.print-invoice{color:var(--text);padding:24px;font-family:Inter,sans-serif}.print-invoice .inv-head{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.print-invoice table{border-collapse:collapse;width:100%}.print-invoice th,.print-invoice td{text-align:left;border:1px solid #d6dbe6;padding:8px 10px;font-size:13px}.icon-wrap{flex-shrink:0;line-height:0}.icon-wrap svg{display:block}.breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;padding:0 0 18px;font-size:12.5px;display:flex}.breadcrumb-link{color:var(--muted);align-items:center;gap:4px;font-weight:500;transition:color .15s;display:inline-flex}.breadcrumb-link:hover{color:var(--brand)}.breadcrumb-sep{color:#c8cdd8;flex-shrink:0}.breadcrumb-current{color:var(--text);font-weight:600}body.dark .breadcrumb-sep{color:#4a5570}.page-transition{opacity:0;transition:opacity .28s ease-out,transform .28s ease-out;transform:translateY(8px)}.page-transition.visible{opacity:1;transform:translateY(0)}.skeleton-line,.skeleton-cell{background:linear-gradient(90deg, var(--border) 25%, #e8ecf3 50%, var(--border) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.6s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{flex-direction:column;gap:12px;padding:20px;display:flex}.skeleton-card .skeleton-line.large{width:40%;height:28px}.skeleton-card .skeleton-line.short{width:55%;height:10px}.skeleton-table{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.skeleton-header,.skeleton-row{border-bottom:1px solid var(--border);gap:12px;padding:12px 14px;display:flex}.skeleton-header{background:#fafbfe}body.dark .skeleton-header{background:#1b2336}.skeleton-row:last-child{border-bottom:none}.skeleton-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.skeleton-kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:18px;display:flex}.skeleton-kpi .skeleton-line.short{width:40%}.skeleton-kpi .skeleton-line.large{width:55%;height:24px}.skeleton-chart{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.skeleton-pulse{background:linear-gradient(90deg,#0000 40%,#fff6 50%,#0000 60%);animation:2s ease-in-out infinite pulseMove;position:absolute;inset:0}body.dark .skeleton-pulse{background:linear-gradient(90deg,#0000 40%,#ffffff0d 50%,#0000 60%)}@keyframes pulseMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}body.dark .skeleton-line,body.dark .skeleton-cell{background:linear-gradient(90deg, var(--border) 25%, #2a3550 50%, var(--border) 75%);background-size:200% 100%}.kpi-glass{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.kpi-glass:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-glass .kpi-glow{opacity:.12;pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.kpi-glass .kpi-top{justify-content:space-between;align-items:flex-start;display:flex}.kpi-glass .kpi-icon{background:#fff3;border-radius:12px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.kpi-glass .kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}.kpi-glass .kpi-value{letter-spacing:-.8px;margin-top:8px;font-size:28px;font-weight:800}.kpi-glass .kpi-trend{align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:600;display:flex}.kpi-glass .kpi-trend.up{color:var(--success)}.kpi-glass .kpi-trend.down{color:var(--danger)}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.quick-action{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);box-shadow:var(--shadow);align-items:center;gap:12px;padding:14px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.quick-action:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 4px 20px #2e6df626}.quick-action .qa-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.sparkline{align-items:flex-end;gap:2px;height:24px;margin-top:4px;display:flex}.sparkline-bar{border-radius:2px 2px 0 0;flex:1;min-width:3px;transition:height .5s}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;z-index:500;background:#1c2433;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}body.dark [data-tooltip]:hover:after{color:#0f1420;background:#e6eaf2}.sidebar .nav-link{position:relative;overflow:hidden}.sidebar .nav-link:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;height:0;transition:height .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar .nav-link.active:before{height:22px}.sidebar .nav-link .ico svg{display:block}.card{transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#d0d6e4}body.dark .card:hover{border-color:#354060}tbody tr{transition:background .12s}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.active,.status-dot.completed,.status-dot.success{background:var(--success)}.status-dot.pending{background:var(--warning)}.status-dot.draft,.status-dot.inactive{background:var(--muted)}.status-dot.cancelled,.status-dot.danger{background:var(--danger)}.gradient-text{background:linear-gradient(135deg, var(--brand), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes countIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s ease-out forwards countIn}.animate-in:first-child{animation-delay:50ms}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}.animate-in:nth-child(6){animation-delay:.3s}.animate-in:nth-child(7){animation-delay:.35s}.animate-in:nth-child(8){animation-delay:.4s}.empty-state{padding:48px 20px}.empty-state .empty-icon{background:var(--brand-light);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:26px;display:grid}.sidebar{transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.main{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8cdd8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a8b8}body.dark ::-webkit-scrollbar-thumb{background:#3d4a62}body.dark ::-webkit-scrollbar-thumb:hover{background:#556280}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.pulse-dot{background:var(--success);border-radius:50%;width:10px;height:10px;display:inline-block;position:relative}.pulse-dot:after{content:"";background:var(--success);opacity:.3;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:-3px}@keyframes pulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}