@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f8;--surface: #ffffff;--grey-1: #f5f5f8;--grey-2: #d7d8e0;--grey-3: #9b9daa;--grey-4: #797b8d;--grey-5: #141629;--primary-text: #0f111c;--def-btn-text: #0f111c;--sidebar-bg: #141629;--input-bg: #ffffff;--accent: #f99e2c;--accent-hover: #e88e1a;--accent-bg: rgba(249,158,44,.1);--accent-border: rgba(249,158,44,.25);--success: #27ae60;--success-bg: rgba(39,174,96,.1);--danger: #f64747;--danger-bg: rgba(246,71,71,.1);--blue: #2782e4;--blue-bg: rgba(39,130,228,.1);--border: #d7d8e0;--border-light: #ebebf0;--shadow: 0px 1px 3px 0px rgba(20,22,41,.1);--shadow-lg: 0px 40px 100px 0px rgba(0,0,0,.15);--hover-bg: #f9f9fb;--muted: #9b9daa;--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--rad: 10px;--rads: 8px;--radxs: 6px;--sf: var(--surface);--sf2: var(--grey-1);--sf3: var(--border-light);--bd: var(--border);--bd2: var(--grey-2);--p: var(--accent);--ph: var(--accent-hover);--pd: var(--accent-bg);--s: var(--success);--sd: var(--success-bg);--d: var(--danger);--dd: var(--danger-bg);--w: #d97706;--wd: #fef3c7;--inf: #0284c7;--infd: #e0f2fe;--t: var(--primary-text);--t2: var(--grey-4);--t3: var(--grey-3);--f: var(--sans);--fsz: 13px;--rsm: var(--radxs);--rmd: 8px;--rlg: 12px;--rxl: 16px;--rfull: 9999px;--ssm: var(--shadow);--smd: 0 4px 16px rgba(0,0,0,.1);--slg: 0 10px 32px rgba(0,0,0,.13);--tr: .15s cubic-bezier(.4,0,.2,1);--sidebar: 220px}html,body,#root{height:100%;font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--primary-text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column;overflow:hidden}.sidebar-logo{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-logo-inner{display:flex;align-items:center;gap:10px}.sidebar-logo-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#f99e2c,#e88e1a);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-logo-name{font-size:.88rem;font-weight:700;color:#fff;letter-spacing:-.01em}.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radxs);color:#fff9;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .14s;text-decoration:none;border:1px solid transparent}.nav-item:hover{color:#fffffff2;background:#ffffff0f}.nav-item.active{color:var(--accent);background:#f99e2c1f;border-color:#f99e2c40;font-weight:600}.nav-item svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{padding:10px 10px 14px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radxs);background:#ffffff08}.sidebar-user-left{display:flex;align-items:center;gap:9px}.avatar{width:28px;height:28px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}.user-name{font-size:.78rem;font-weight:600;color:#ffffffd9}.user-role{font-size:.65rem;color:#fff6;letter-spacing:.02em}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{flex-shrink:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border-light);background:var(--surface);box-shadow:0 1px 3px #0000000a}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:10px}.content{flex:1;overflow-y:auto;padding:20px;background:var(--bg);min-height:0;box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--grey-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--grey-3)}.mono{font-family:var(--mono)}.fw-bold{font-weight:700}.text-muted{color:var(--muted)}.text-sm{font-size:.75rem}@keyframes pageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-anim{animation:pageIn .18s ease-out}