@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#080d1a;--bg-sidebar:#0b1122;--bg-header:#0b1122d9;--bg-surface:#111a30;--bg-card:#111a30b3;--bg-card-hover:#172341e6;--bg-glass:#111a3099;--border-subtle:#ffffff12;--border-active:#10b98159;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--brand-primary:#10b981;--brand-primary-hover:#059669;--brand-light:#34d399;--brand-glow:#10b98140;--brand-accent:#06b6d4;--status-success:#10b981;--status-warning:#f59e0b;--status-error:#ef4444;--status-info:#3b82f6;--sidebar-width:260px;--header-height:70px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-app:#f8fafc;--bg-sidebar:#fff;--bg-header:#ffffffe6;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-glass:#ffffffd9;--border-subtle:#00000014;--border-active:#10b98180;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin}.app-shell{background-color:var(--bg-app);min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:40;transition:transform var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{height:var(--header-height);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:0 1.5rem;display:flex}.brand-icon-wrapper{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));color:#fff;width:36px;height:36px;box-shadow:0 0 16px var(--brand-glow);justify-content:center;align-items:center;display:flex}.brand-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:700}.brand-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-light);border-radius:var(--radius-full);background:#10b98126;border:1px solid #10b98140;padding:2px 6px;font-size:.65rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;padding:1.25rem 1rem;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.5rem .75rem .25rem;font-size:.7rem;font-weight:700}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:.85rem;padding:.7rem .85rem;font-size:.9rem;font-weight:500;display:flex}.nav-link:hover{color:var(--text-primary);background-color:#ffffff0a}.nav-link.active{color:#fff;border-left:3px solid var(--brand-primary);background:linear-gradient(90deg,#10b9812e,#10b9810a);font-weight:600}.nav-badge{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);margin-left:auto;padding:2px 8px;font-size:.7rem}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:1rem}.system-status-indicator{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:#ffffff05;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.status-dot{border-radius:var(--radius-full);background-color:var(--status-success);width:8px;height:8px;box-shadow:0 0 8px var(--status-success)}.status-text{color:var(--text-muted);font-size:.75rem}.app-main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.app-header{height:var(--header-height);background-color:var(--bg-header);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:30;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:1rem;display:flex}.sidebar-toggle-btn{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.5rem;display:none}.sidebar-toggle-btn:hover{background-color:var(--border-subtle);color:var(--text-primary)}.header-breadcrumbs{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.breadcrumb-active{color:var(--text-primary);font-weight:600}.header-right{align-items:center;gap:1rem;display:flex}.theme-toggle-btn{border-radius:var(--radius-md);color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.5rem;display:flex}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-active)}.user-profile-badge{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:.75rem;padding:.35rem .65rem .35rem .35rem;display:flex}.user-avatar{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:.8rem;font-weight:600;line-height:1.2}.user-role{color:var(--text-muted);font-size:.65rem;line-height:1.2}.app-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.app-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);background-color:var(--bg-app);justify-content:space-between;align-items:center;padding:1.25rem 2rem;font-size:.8rem;display:flex}.footer-links{gap:1.25rem;display:flex}.footer-links a:hover{color:var(--text-primary)}@media (width<=900px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main-wrapper{margin-left:0}.sidebar-toggle-btn{display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35;background-color:#0009;position:fixed;inset:0}}.page-header{margin-bottom:2rem}.page-title{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);padding:1.5rem}.metric-card:hover{border-color:var(--border-active);box-shadow:0 12px 24px -10px var(--brand-glow);transform:translateY(-2px)}.metric-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.metric-icon-box{border-radius:var(--radius-md);width:42px;height:42px;color:var(--brand-light);background:#10b9811a;border:1px solid #10b98133;justify-content:center;align-items:center;display:flex}.metric-change{border-radius:var(--radius-full);padding:3px 8px;font-size:.75rem;font-weight:600}.metric-change.positive{color:var(--status-success);background:#10b98126}.metric-value{letter-spacing:-.03em;margin-bottom:.25rem;font-size:2rem;font-weight:800}.metric-title{color:var(--text-muted);font-size:.85rem;font-weight:500}.dashboard-sections-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-sections-grid{grid-template-columns:1fr}}.content-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.75rem}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-title{font-size:1.15rem;font-weight:700}.card-badge{color:var(--brand-accent);border-radius:var(--radius-full);background:#06b6d426;padding:4px 10px;font-size:.75rem;font-weight:600}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:background var(--transition-fast);background:#ffffff05;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.activity-item:hover{background:#ffffff0d}.activity-info{flex-direction:column;display:flex}.activity-name{font-size:.9rem;font-weight:600}.activity-time{color:var(--text-muted);font-size:.75rem}.status-badge{border-radius:var(--radius-full);padding:3px 8px;font-size:.75rem;font-weight:600}.status-badge.online{color:var(--status-success);background:#10b98126}