@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",Consolas,"Courier New",monospace;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}[data-theme=dark]{--bg-editor:#1e1e1e;--bg-sidebar:#252526;--bg-activitybar:#181818;--bg-header:#252526;--bg-surface:#2d2d2d;--bg-card:#252526;--bg-card-hover:#2d2d30;--border-color:#383838;--border-subtle:#2f2f2f;--border-active:#007acc;--text-primary:#e1e4e8;--text-secondary:#9da5b4;--text-muted:#6e7681;--text-inverse:#1e1e1e;--accent-blue:#007acc;--accent-blue-hover:#1f8ad2;--accent-blue-subtle:rgba(0,122,204,0.15);--accent-green:#4ec9b0;--accent-green-subtle:rgba(78,201,176,0.15);--accent-yellow:#dcdcaa;--accent-yellow-subtle:rgba(220,220,170,0.15);--accent-orange:#ce9178;--accent-orange-subtle:rgba(206,145,120,0.15);--accent-purple:#c586c0;--accent-purple-subtle:rgba(197,134,192,0.15);--accent-red:#f14c4c;--accent-red-subtle:rgba(241,76,76,0.15);--input-bg:#1e1e1e;--input-border:#3c3c3c;--input-focus:#007acc;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5)}[data-theme=light]{--bg-editor:#f8fafc;--bg-sidebar:#f1f5f9;--bg-activitybar:#e2e8f0;--bg-header:#ffffff;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f8fafc;--border-color:#e2e8f0;--border-subtle:#cbd5e1;--border-active:#005fb8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#ffffff;--accent-blue:#005fb8;--accent-blue-hover:#0078d4;--accent-blue-subtle:rgba(0,95,184,0.1);--accent-green:#059669;--accent-green-subtle:rgba(5,150,105,0.1);--accent-yellow:#d97706;--accent-yellow-subtle:rgba(217,119,6,0.1);--accent-orange:#ea580c;--accent-orange-subtle:rgba(234,88,12,0.1);--accent-purple:#7c3aed;--accent-purple-subtle:rgba(124,58,237,0.1);--accent-red:#dc2626;--accent-red-subtle:rgba(220,38,38,0.1);--input-bg:#ffffff;--input-border:#cbd5e1;--input-focus:#005fb8;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 25px rgba(0,0,0,0.1)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh;background-color:var(--bg-editor);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-activitybar)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.admin-shell,.main-viewport{display:flex;height:100vh;overflow:hidden}.main-viewport{flex:1 1;flex-direction:column;background-color:var(--bg-editor)}.content-scrollable{flex:1 1;overflow-y:auto;padding:24px}.vscode-titlebar{height:38px;background-color:var(--bg-header);align-items:center;justify-content:space-between;padding:0 16px;-webkit-user-select:none;user-select:none;font-size:12px;color:var(--text-secondary)}.vscode-tabs,.vscode-titlebar{border-bottom:1px solid var(--border-color);display:flex}.vscode-tabs{overflow-x:auto}.vscode-tab,.vscode-tabs{background-color:var(--bg-activitybar)}.vscode-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;color:var(--text-muted);border-right:1px solid var(--border-color);cursor:pointer;white-space:nowrap;transition:var(--transition)}.vscode-tab.active{color:var(--text-primary);background-color:var(--bg-editor);border-top:2px solid var(--accent-blue)}.vscode-tab:hover:not(.active){background-color:var(--bg-sidebar);color:var(--text-secondary)}.vscode-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition)}.vscode-panel-header{padding:14px 18px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card)}.vscode-panel-body{padding:18px}.btn-vscode{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:var(--transition)}.btn-primary{background-color:var(--accent-blue);color:#ffffff}.btn-primary:hover{background-color:var(--accent-blue-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-active)}.btn-success{background-color:var(--accent-green);color:#ffffff}.btn-danger{background-color:var(--accent-red);color:#ffffff}.btn-sm{padding:4px 10px;font-size:11.5px}.badge-code{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;font-family:var(--font-mono)}.badge-active{background-color:var(--accent-green-subtle);color:var(--accent-green);border:1px solid rgba(78,201,176,.3)}.badge-inactive{background-color:var(--accent-red-subtle);color:var(--accent-red);border:1px solid rgba(241,76,76,.3)}.badge-info{background-color:var(--accent-blue-subtle);color:var(--accent-blue);border:1px solid rgba(0,122,204,.3)}.badge-warning{background-color:var(--accent-yellow-subtle);color:var(--accent-yellow);border:1px solid rgba(220,220,170,.3)}.input-code{width:100%;padding:8px 12px;border-radius:var(--radius-sm);background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-size:13px;outline:none;transition:var(--transition)}.input-code:focus{border-color:var(--input-focus);box-shadow:0 0 0 1px var(--input-focus)}.vscode-table{width:100%;border-collapse:collapse;font-size:12.5px}.vscode-table th{padding:10px 14px;background-color:var(--bg-sidebar);color:var(--text-secondary);font-weight:600;text-align:left;border-bottom:1px solid var(--border-color);font-family:var(--font-mono);font-size:11px;letter-spacing:.5px}.vscode-table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.vscode-table tr:hover td{background-color:var(--bg-card-hover)}.vscode-statusbar{height:24px;background-color:var(--accent-blue);color:#ffffff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;font-family:var(--font-mono);font-weight:500;-webkit-user-select:none;user-select:none}