@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app:#080d1a;--bg-surface:#0f172a;--bg-subtle:#1e293b;--bg-hover:#1e293b;--sidebar-bg:#0b1120;--header-bg:#0b1120d9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#2563eb;--accent-secondary:#1d4ed8;--accent-hover:#1d4ed8;--accent-cf-orange:#f6821f;--border-color:#1e293b;--border-subtle:#151f32;--border-focus:#3b82f6;--card-bg:#0f172a;--card-hover:#131d33;--card-shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--input-bg:#0b1120;--nav-bg:#080d1ae6;--logo-mu-color:#f8fafc;--logo-subtext-color:#93c5fd}[data-theme=light]{--bg-app:#f4f6f9;--bg-surface:#fff;--bg-subtle:#f1f5f9;--bg-hover:#f1f5f9;--sidebar-bg:#fff;--header-bg:#ffffffe6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#0051c3;--accent-secondary:#003d94;--accent-hover:#003d94;--accent-cf-orange:#f6821f;--border-color:#e2e8f0;--border-subtle:#edf2f7;--border-focus:#0051c3;--card-bg:#fff;--card-hover:#fff;--card-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--input-bg:#fff;--nav-bg:#fffffff2;--logo-mu-color:#64748b;--logo-subtext-color:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .2s,color .2s}.app-container{background-color:var(--bg-app);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:20;flex-direction:column;width:240px;min-width:240px;height:100%;padding:0;transition:width .2s cubic-bezier(.4,0,.2,1),min-width .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.collapsed{width:64px;min-width:64px}.sidebar-header{border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;height:60px;min-height:60px;padding:0 1rem;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-toggle-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.sidebar-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.sidebar-nav-links{flex-direction:column;flex:1;gap:.25rem;padding:.75rem .5rem;list-style:none;display:flex;overflow-y:auto}.sidebar.collapsed .sidebar-nav-links{align-items:center;padding:.75rem .35rem}.sidebar-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:.75rem .6rem .35rem;font-size:.7rem;font-weight:700;overflow:hidden}.sidebar.collapsed .sidebar-section-title{display:none}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;width:100%;padding:.55rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;width:44px;height:44px;padding:.65rem 0}.sidebar.collapsed .nav-item span{display:none}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-subtle);color:var(--accent-primary);font-weight:600}[data-theme=light] .nav-item.active{color:#0051c3;background:#eff6ff}.nav-icon{color:inherit;flex-shrink:0}.main-wrapper{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.top-header-bar{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;height:60px;min-height:60px;padding:0 2rem;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.75rem 2.25rem 3rem;overflow-y:auto}.cf-card,.glass-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:8px;transition:border-color .2s,box-shadow .2s}.cf-card:hover,.glass-card:hover{border-color:var(--border-focus)}.cf-btn-primary{background-color:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:background-color .15s;display:inline-flex}.cf-btn-primary:hover{background-color:var(--accent-hover)}.cf-btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.cf-btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}