:root{font-family:Outfit,sans-serif;color-scheme:dark;background-color:#030712;color:#f3f4f6}body{margin:0;padding:0;min-height:100vh}.glass-panel{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #0000005e}.dashboard-container{max-width:1200px;margin:0 auto;padding:40px 20px}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:radial-gradient(ellipse 80% 50% at 0% 0%,rgba(56,189,248,.08),transparent 55%),#030712}.shell-sidebar{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);background:#030712eb;padding:20px 14px;position:sticky;top:0;height:100vh;box-sizing:border-box}.shell-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 20px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px}.shell-brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.04em;color:#0f172a;background:linear-gradient(135deg,#38bdf8,#818cf8);flex-shrink:0}.shell-brand h1{margin:0;font-size:15px;font-weight:650;letter-spacing:-.02em;color:#f3f4f6}.shell-brand p{margin:2px 0 0;font-size:11px;color:#9ca3af}.shell-nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:0 2px}.shell-nav-group-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;padding:0 10px 8px}.shell-nav-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#d1d5db;border-radius:10px;padding:10px 12px;cursor:pointer;font-family:inherit;margin-bottom:4px;transition:background .15s ease,border-color .15s ease,color .15s ease}.shell-nav-item:hover{background:#ffffff0a;color:#f9fafb}.shell-nav-item.active{background:#38bdf81f;border-color:#38bdf859;color:#e0f2fe}.shell-nav-item-label{font-size:13px;font-weight:600}.shell-nav-item-hint{font-size:11px;color:#9ca3af;line-height:1.35}.shell-nav-item.active .shell-nav-item-hint{color:#7dd3fc}.shell-sidebar-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.06);margin-top:12px}.shell-main{min-width:0;display:flex;flex-direction:column;max-height:100vh}.shell-detail-header{padding:28px 32px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.shell-detail-kicker{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}.shell-detail-header h2{margin:0;font-size:24px;font-weight:650;letter-spacing:-.03em;color:#f9fafb}.shell-detail-header p{margin:6px 0 0;font-size:13px;color:#9ca3af}.shell-detail-body{flex:1;overflow-y:auto;padding:24px 32px 40px}.card-button{display:block;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s ease,transform .12s ease}.card-button:hover{border-color:#38bdf859;transform:translateY(-1px)}.user-profile{display:flex;align-items:center;gap:10px;padding:10px 12px}.user-profile button{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:6px 10px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;transition:all .2s ease;flex-shrink:0}.user-profile button:hover{background:#ef444440;border-color:#ef4444}@media(max-width:900px){.shell{grid-template-columns:1fr}.shell-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.shell-main{max-height:none}.shell-detail-header,.shell-detail-body{padding-left:20px;padding-right:20px}}.oauth-portal{display:flex;justify-content:center;align-items:center;min-height:80vh}.login-card{width:100%;max-width:420px;padding:40px;text-align:center}.login-card h2{font-size:24px;margin:0 0 10px;font-weight:600}.login-card p{font-size:14px;color:#9ca3af;margin:0 0 30px}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;background:#fff;color:#0f172a;border:none;border-radius:8px;font-weight:500;font-size:15px;cursor:pointer;font-family:inherit;transition:transform .1s ease,box-shadow .2s ease}.google-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.google-login-btn svg{width:18px;height:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-bottom:32px}.status-card{padding:24px}.status-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.status-card-header h3{margin:0;font-size:18px;font-weight:600}.badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:9999px;text-transform:uppercase}.badge.online{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge.offline{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.badge.active{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.stat-row{display:flex;justify-content:space-between;font-size:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.stat-row:last-child{border-bottom:none}.stat-label{color:#9ca3af}.stat-value{font-weight:500}.stat-value.ok{color:#10b981}.logs-section{padding:24px}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.logs-header h3{margin:0;font-size:18px;font-weight:600}.log-viewer{background:#090d16;border:1px solid rgba(255,255,255,.05);border-radius:8px;height:250px;overflow-y:auto;font-family:Courier New,Courier,monospace;padding:16px;font-size:12px;line-height:1.6}.log-entry{margin-bottom:4px;color:#cbd5e1}.log-time{color:#64748b;margin-right:8px}.log-level-info{color:#38bdf8}.log-level-warn{color:#facc15}.log-level-error{color:#f87171}