@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;600;700;800&display=swap";:root{--primary: #00ff9d;--primary-glow: rgba(0, 255, 157, .4);--bg-main: #0f172a;--bg-sidebar: rgba(30, 41, 59, .95);--bg-card: rgba(51, 65, 85, .3);--bg-row: rgba(45, 55, 75, .2);--bg-row-hover: rgba(99, 102, 241, .15);--bg-input: #1e293b;--bg-header: rgba(30, 41, 59, .8);--text-main: #f8fafc;--text-muted: #cbd5e1;--text-faint: #94a3b8;--text-label: #64748b;--border-color: rgba(99, 102, 241, .3);--border-input: rgba(255, 255, 255, .2);--border-row: rgba(255, 255, 255, .1);--success: #22c55e;--warning: #eab308;--danger: #ef4444;--font-family: "Inter", system-ui, sans-serif;--transition: all .2s cubic-bezier(.4, 0, .2, 1);color-scheme:dark}[data-theme=light]{--bg-main: #f6f8fa;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-row: #ffffff;--bg-row-hover: #f6f8fa;--bg-input: #ffffff;--bg-header: #ffffff;--text-main: #1f2328;--text-muted: #636c76;--text-faint: #848d97;--text-label: #adb5bd;--border-color: #d0d7de;--border-input: #d0d7de;--border-row: #eaeef2;--primary: #0969da;--primary-glow: rgba(9, 105, 218, .1);--success: #1a7f37;--warning: #9a6700;--danger: #d1242f;color-scheme:light}[data-theme=light] body{background:#f6f8fa!important;color:#1f2328!important}[data-theme=light] .app-container,[data-theme=light] .main-content{background:#f6f8fa!important}[data-theme=light] .sidebar{background:#ffffff!important;border-right:1px solid #d0d7de!important;box-shadow:none!important}[data-theme=light] .top-header{background:#ffffff!important;border-bottom:1px solid #d0d7de!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[data-theme=light] .glass-card{background:#ffffff!important;border:1px solid #d0d7de!important;box-shadow:0 1px 3px #1f23280f!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[data-theme=light] .card-v17{background:#ffffff!important;border:1px solid #d0d7de!important;box-shadow:0 1px 3px #1f23280f!important}[data-theme=light] .nav-item{color:#1f2328!important}[data-theme=light] .nav-item:hover{background:#f6f8fa!important;color:#0969da!important}[data-theme=light] .nav-item.active{background:#dbeafe!important;color:#0969da!important;font-weight:600}[data-theme=light] .page-header-v17{background:#ffffff!important;border-bottom:1px solid #d0d7de!important}[data-theme=light] .dev-row-v17,[data-theme=light] .net-row-v17,[data-theme=light] .usr-row-v17,[data-theme=light] .log-row-v17,[data-theme=light] .ping-row-v17,[data-theme=light] .email-row-v17,[data-theme=light] .wa-row-v17,[data-theme=light] .telemetry-row-v17,[data-theme=light] .status-row-v17,[data-theme=light] .din-row{background:#ffffff!important;border-bottom:1px solid #eaeef2!important;color:#1f2328!important}[data-theme=light] .dev-row-v17:hover,[data-theme=light] .net-row-v17:hover,[data-theme=light] .usr-row-v17:hover,[data-theme=light] .log-row-v17:hover,[data-theme=light] .ping-row-v17:hover{background:#f6f8fa!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#ffffff!important;color:#1f2328!important;border-color:#d0d7de!important}[data-theme=light] .logout-btn{color:#d1242f!important}[data-theme=light] .brand-name,[data-theme=light] .username{color:#1f2328!important}[data-theme=light] .brand-tag,[data-theme=light] .user-role,[data-theme=light] .text-muted{color:#636c76!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-main);color:var(--text-main);transition:background .3s ease,color .3s ease;overflow-x:hidden;min-height:100vh}@media (max-width: 640px){body{font-size:15px}}.app-container{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000;height:100vh;position:sticky;top:0;overflow:hidden}.sidebar.closed{width:72px}.sidebar-header{padding:16px;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.sidebar.closed .sidebar-header{justify-content:center;padding:16px 0}.toggle-sidebar{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--transition)}.toggle-sidebar:hover{background:var(--bg-row-hover);color:var(--primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0}.nav-section{display:flex;flex-direction:column;gap:2px;padding-bottom:16px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:0 12px;border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:500;transition:var(--transition);white-space:nowrap}.sidebar.closed .nav-item{margin:0 12px;padding:10px;justify-content:center}.nav-item:hover{background:var(--bg-row-hover);color:var(--primary)}.nav-item.active{background:var(--primary-glow);color:var(--primary);font-weight:600}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px;background:none;border:none;color:var(--danger);cursor:pointer;border-radius:8px;font-size:13px;font-weight:600;transition:var(--transition)}.logout-btn:hover{background:rgba(239,68,68,.1)}.sidebar.closed .logout-btn{justify-content:center;padding:10px 0}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width: 1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.sidebar{position:fixed;left:-240px;height:100vh;width:240px;transition:left .3s ease}.sidebar.mobile-open{left:0}.sidebar.closed{width:240px}.mobile-hamburger-btn{display:flex;background:none;border:none;color:var(--text-main);cursor:pointer;padding:8px}}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-main)}.top-header{height:64px;background:var(--bg-header);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:900}@media (max-width: 768px){.top-header{height:64px;padding:0 12px}.brand-name{font-size:45px;font-weight:900}.brand-tag{font-size:10px}}.app-brand-header{display:flex;align-items:center;gap:12px}.brand-text-wrap{display:flex;flex-direction:column}.brand-name{font-family:Outfit,sans-serif;font-weight:800;font-size:16px;color:var(--text-main);line-height:1}.brand-name-sub{color:var(--primary);opacity:.8}.brand-tag{font-size:9px;font-weight:900;color:var(--text-faint);text-transform:uppercase;letter-spacing:1px}.user-profile{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.info{display:flex;flex-direction:column}.username{font-size:12px;font-weight:600;color:var(--text-main)}.user-role{font-size:10px;color:var(--text-faint);text-transform:uppercase;font-weight:700}.mobile-hamburger-btn{display:none;background:none;border:none;color:var(--text-main);cursor:pointer}@media (max-width: 1024px){.mobile-hamburger-btn{display:block}.top-header{padding:0 16px}}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px -1px #0000001a}.page-header-v17{padding:12px 24px;background:var(--bg-card);border-bottom:1px solid var(--border-color);margin-bottom:1px}.page-title-v17{font-family:Outfit,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.5px}.list-container-v17{display:flex;flex-direction:column;gap:1px;background:var(--border-row)}.dev-row-v17,.net-row-v17,.usr-row-v17,.log-row-v17,.ping-row-v17,.email-row-v17,.wa-row-v17,.telemetry-row-v17,.status-row-v17,.din-row{display:flex;align-items:center;padding:8px 24px;background:var(--bg-row);transition:var(--transition);border-bottom:1px solid var(--border-row);font-size:11px}.dev-row-v17:hover,.net-row-v17:hover,.usr-row-v17:hover{background:var(--bg-row-hover);transform:translate(2px)}.text-bold{font-weight:700;color:var(--text-main)}.text-muted{font-size:10px;color:var(--text-muted)}.theme-toggle-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.theme-toggle-btn:hover{background:var(--primary-glow);border-color:var(--primary)}@media (max-width: 1024px){.sidebar{position:fixed;left:-240px;height:100vh}.sidebar.mobile-open{left:0}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);margin-bottom:10px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{color:var(--primary)}.logo-text{font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--text-muted);text-decoration:none;transition:var(--transition);margin:2px 10px;border-radius:8px;font-size:13px}.nav-item:hover,.nav-item.active{background:var(--bg-row-hover);color:var(--primary)}.nav-item.active{font-weight:600;background:rgba(99,102,241,.15)}.page-wrapper{flex:1;padding:24px;overflow-y:auto}@media (max-width: 768px){.page-wrapper{padding:16px}}