@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#1a1411;--bg2:#211914;--bg3:#2a2019;--bg4:#33271f;--bg5:#3a2d24;--border:#fff1e80f;--border2:#fff1e817;--border3:#fff1e824;--text:#f7f1ea;--text2:#dccfbe;--text3:#bca896;--accent:#9c6a43;--accent2:#c48353;--accent3:#7f8f73;--accent-glow:#c483532e;--green:#62845a;--green-bg:#62845a24;--amber:#c58a49;--amber-bg:#c58a491f;--red:#b85b33;--red-bg:#b85b331f;--blue:#3b82f6;--blue-bg:#3b82f614;--purple:#8c6b55;--purple-bg:#8c6b551a;--teal:#67988d;--teal-bg:#67988d1f;--pink:#c97f71;--pink-bg:#c97f711a;--danger:#d9825e;--success:#7caf72;--chart-grid:#fff1e81f;--chart-axis:#f8f4efb8;--chart-tooltip-bg:#221b17f5;--chart-tooltip-border:#c4835340;--radius:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--font:"DM Sans", system-ui, sans-serif;--font2:"Space Grotesk", system-ui, sans-serif;--shadow:0 8px 24px #0e0a0852;--shadow-lg:0 20px 48px #0e0a0875;--shadow-accent:0 0 0 1px #c483536b, 0 10px 24px #c4835329;--ambient-a:#c4835321;--ambient-b:#7f8f7317;--sidebar-w:248px;--topbar-h:56px;--transition:all .22s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--bg:#eee0d0;--bg2:#f7ecdf;--bg3:#efe1d1;--bg4:#e5d4c1;--bg5:#dbc7b2;--border:#1412100f;--border2:#14121014;--border3:#1412101f;--text:#281f19;--text2:#4b3d32;--text3:#665548;--accent:#9c6a43;--accent2:#bf7c4e;--accent3:#7f8f73;--accent-glow:#c483531c;--green:#5d8056;--green-bg:#5d80561a;--amber:#b97c42;--amber-bg:#b97c421a;--red:#b85b33;--red-bg:#b85b3314;--blue:#3569a8;--blue-bg:#3569a80f;--purple:#74604d;--purple-bg:#74604d0f;--teal:#5b8f86;--teal-bg:#5b8f8614;--pink:#be6e5d;--pink-bg:#be6e5d0f;--danger:#a94f2d;--success:#446f3c;--chart-grid:#2a20191a;--chart-axis:#2a2019c7;--chart-tooltip-bg:#fff8f0f7;--chart-tooltip-border:#7c5c4042;--shadow:0 7px 20px #281f181c;--shadow-lg:0 16px 36px #281f1824;--shadow-accent:0 0 0 1px #c483534d, 0 6px 18px #c4835314;--ambient-a:#c4835329;--ambient-b:#7f8f731c;--accent-color:var(--accent)}[data-theme=rose]{--bg:#2a1f24;--bg2:#32252c;--bg3:#3a2b34;--bg4:#44313d;--bg5:#513b49;--border:#ffe8f11a;--border2:#ffe8f126;--border3:#ffe8f136;--text:#f7edf2;--text2:#dfc8d4;--text3:#c4a5b4;--accent:#b87b8f;--accent2:#d799ad;--accent3:#8e7d96;--accent-glow:#d799ad33;--green:#6b9a83;--green-bg:#6b9a832e;--amber:#c99a6d;--amber-bg:#c99a6d29;--red:#cc7886;--red-bg:#cc788629;--blue:#8096c7;--blue-bg:#8096c71f;--purple:#a67fb0;--purple-bg:#a67fb029;--teal:#6e98a4;--teal-bg:#6e98a424;--pink:#d992af;--pink-bg:#d992af29;--danger:#da8799;--success:#8fbea5;--chart-grid:#ffe8f12e;--chart-axis:#f7edf2d1;--chart-tooltip-bg:#382831f7;--chart-tooltip-border:#d799ad61;--shadow:0 9px 24px #1d121857;--shadow-lg:0 20px 42px #1d121870;--shadow-accent:0 0 0 1px #d799ad59, 0 10px 24px #d799ad29;--ambient-a:#d799ad2b;--ambient-b:#a67fb024}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:radial-gradient(1200px 600px at 15% 0%, var(--ambient-a), transparent 55%), radial-gradient(900px 500px at 100% 0%, var(--ambient-b), transparent 48%), linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;transition:background-color .26s,color .26s;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border3);border-radius:4px}a{color:var(--accent2);text-decoration:none}button,input,select,textarea{font-family:var(--font)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}body{background-attachment:fixed}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1}.w-full{width:100%}.min-w-0{min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font2{font-family:var(--font2)}.text-muted{color:var(--text2)}.text-hint{color:var(--text3)}.text-accent{color:var(--accent2)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.text-purple{color:var(--purple)}.text-teal{color:var(--teal)}.text-pink{color:var(--pink)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.cursor-pointer{cursor:pointer}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grid-3,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.card{background:linear-gradient(180deg, #ffffff08, transparent 34%), var(--bg2);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow)}.card:hover{border-color:var(--border2);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card-p{padding:20px}.card-hover:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card{background:linear-gradient(180deg, #ffffff08, transparent 28%), var(--bg2);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);cursor:default;flex-direction:column;gap:6px;padding:20px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--accent-color,var(--accent));opacity:.06;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.stat-card:hover{border-color:var(--border2);box-shadow:var(--shadow-lg);transform:translateY(-3px)scale(1.01)}.stat-icon{font-size:20px}.stat-label{color:var(--text2);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.stat-value{font-size:28px;font-weight:700;font-family:var(--font2);line-height:1}.stat-change{font-size:12px;font-weight:500}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.btn{border-radius:var(--radius);cursor:pointer;font-family:var(--font);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s,color .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:linear-gradient(180deg, #ffffff1f, transparent), var(--accent);color:#fff;box-shadow:0 10px 24px #c483532e}.btn-primary:hover{background:linear-gradient(180deg, #ffffff26, transparent), var(--accent2);box-shadow:0 14px 28px #c4835338}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-secondary:hover{background:var(--bg4);border-color:var(--border3)}.btn-ghost{color:var(--text2);border:1px solid var(--border2);background:0 0}.btn-ghost:hover{background:var(--bg3);color:var(--text);border-color:var(--border3)}.btn-success{background:linear-gradient(180deg, #ffffff1a, transparent), var(--green);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-danger{background:linear-gradient(180deg, #ffffff14, transparent), var(--red);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-sm{border-radius:8px;padding:5px 12px;font-size:12px}.btn-xs{border-radius:6px;padding:3px 8px;font-size:11px}.btn-icon{border-radius:var(--radius);border:1px solid var(--border2);width:34px;height:34px;color:var(--text2);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);background:#ffffff05;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex}.btn-icon:hover{background:var(--bg3);color:var(--text);transform:translateY(-1px)}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-teal{background:var(--teal-bg);color:var(--teal)}.badge-pink{background:var(--pink-bg);color:var(--pink)}.badge-gray{background:var(--bg4);color:var(--text2)}.progress{background:var(--bg4);border-radius:99px;height:6px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width 1s}.input{background:linear-gradient(180deg, #ffffff05, transparent), var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:9px 12px;font-size:13px;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), 0 10px 20px #00000014;transform:translateY(-1px)}.input::placeholder{color:var(--text3)}.select{background:linear-gradient(180deg, #ffffff05, transparent), var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;transition:var(--transition);appearance:none;outline:none;padding:9px 12px;font-size:13px}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), 0 10px 20px #00000014;transform:translateY(-1px)}.label{color:var(--text2);letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.avatar{color:#fff;background:linear-gradient(135deg, var(--accent), var(--purple));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:44px;height:44px;font-size:16px}.avatar-xl{width:56px;height:56px;font-size:20px}.chip{background:linear-gradient(180deg, #ffffff05, transparent), var(--bg3);border:1px solid var(--border2);color:var(--text2);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.chip:hover,.chip.active{background:var(--accent-glow);color:var(--accent2);border-color:#c4835347}.chip.active-accent{background:var(--accent-glow);color:var(--accent2);border-color:#c4835357}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{font-family:var(--font2);font-size:15px;font-weight:600}.section-sub{color:var(--text2);margin-top:3px;font-size:12px;line-height:1.45}.page-header{margin-bottom:24px}.page-title-lg{font-family:var(--font2);font-size:22px;font-weight:700}.page-desc{color:var(--text2);margin-top:4px;font-size:13px}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--bg3);text-align:left;color:var(--text2);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}tbody td{border-top:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:13px}tbody tr:hover td{background:color-mix(in oklab, var(--accent-glow) 52%, transparent)}.timeline-item{border-bottom:1px solid var(--border);gap:12px;padding:12px 0;display:flex}.timeline-item:last-child{border-bottom:none;padding-bottom:0}.timeline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.timeline-dot.green{background:var(--green)}.timeline-dot.amber{background:var(--amber)}.timeline-dot.red{background:var(--red)}.timeline-dot.blue{background:var(--blue)}.timeline-dot.purple{background:var(--purple)}.glow-accent{box-shadow:0 0 20px var(--accent-glow)}.stars{gap:3px;display:flex}.star{color:var(--border3);cursor:pointer;font-size:16px;transition:color .15s}.star.filled{color:var(--amber)}.notif-dot{background:var(--red);border:1.5px solid var(--bg2);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}@keyframes scanLine{0%{top:10%}50%{top:85%}to{top:10%}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fadeUp{animation:.35s both fadeUp}.animate-fadeUp-slow{animation:.45s both fadeUp}.skeleton{background:linear-gradient(90deg, var(--bg3) 25%, var(--bg4) 50%, var(--bg3) 75%);background-size:800px 100%;border-radius:6px;animation:1.5s infinite shimmer}@media (width<=768px){.page-title-lg{font-size:18px}.hide-mobile{display:none!important}}.dock-tooltip{background:var(--bg4);border:1px solid var(--border2);color:var(--text);white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;z-index:200;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}input[type=number].otp-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.token-pill{font-family:var(--font2);color:var(--accent2);letter-spacing:.04em;background:linear-gradient(135deg,#c483532e,#7f8f7324);border:1px solid #c4835347;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.heatmap-cell{transition:transform .1s,opacity .15s}.heatmap-cell:hover{z-index:10;position:relative;transform:scale(1.4)}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){#topbar-sticky{-webkit-backdrop-filter:blur(8px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-popover{animation:.22s slideDown}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.34s cubic-bezier(.4,0,.2,1) pageIn}.theme-switcher{border:1px solid var(--border2);background:linear-gradient(180deg, #ffffff14, transparent), var(--bg3);width:210px;box-shadow:var(--shadow);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;display:grid;position:relative}.theme-switcher-thumb{background:linear-gradient(180deg, #ffffff29, transparent), var(--bg4);border:1px solid var(--border2);width:calc(33.3333% - 2px);height:calc(100% - 6px);box-shadow:var(--shadow-accent);pointer-events:none;border-radius:999px;transition:transform .26s cubic-bezier(.22,1,.36,1),background-color .22s;position:absolute;top:3px;left:3px}.theme-option{z-index:1;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:700;transition:color .18s,transform .18s;position:relative}.theme-option:hover{color:var(--text);transform:translateY(-1px)}.theme-option.active{color:var(--text)}.dock-icon-active{box-shadow:0 0 16px var(--accent-glow)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}@media (width<=480px){.hide-mobile{display:none!important}.stats-grid{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media print{aside,header{display:none!important}main{overflow:visible!important}}