:root{--status-1: #22c55e;--status-2: #1a9848;--status-3: #f59e0b;--status-4: #2563eb;--status-5: #a855f7;--status-6: #ef4444;--status-7: #fb7185;--status-8: #14b8a6;--status-9: #9ca3af;--page-bg: #0f172a;--page-bg-secondary: #111827;--panel-bg: rgba(30,41,59,.92);--panel-bg-solid:#1e293b;--panel-border:rgba(255,255,255,.08);--text:#f8fafc;--text-muted:#cbd5e1;--text-soft:rgba(255,255,255,.65);--accent:#38bdf8;--radius:14px;--radius-small:10px;--padding:16px;--gap:14px;--sidebar-width:320px;--sidebar-small:260px;--shadow:0 10px 30px rgba(0,0,0,.25);--header-height:70px;--footer-height:60px;--font:Arial, Helvetica, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 30%),radial-gradient(circle at bottom right,rgba(34,197,94,.08),transparent 30%),linear-gradient(135deg,var(--page-bg),var(--page-bg-secondary));color:var(--text);font-family:var(--font);overflow:hidden}.layout{height:100vh;padding:var(--gap);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--gap)}.layout-header,.layout-footer,.layout-sidebar,.layout-main{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.layout-header{min-height:var(--header-height);padding:0 var(--padding);display:flex;justify-content:space-between;align-items:center;gap:var(--gap)}.layout-header h1{font-size:1.3rem}.layout-header-right{display:flex;align-items:center;gap:15px}.layout-footer{min-height:var(--footer-height);padding:0 var(--padding);display:flex;align-items:center;justify-content:space-between}.layout-body{min-height:0;display:grid;gap:var(--gap)}.layout.layout-none .layout-body{grid-template-columns:1fr}.layout.layout-left .layout-body{grid-template-columns:var(--sidebar-small) minmax(0,1fr)}.layout.layout-right .layout-body{grid-template-columns:minmax(0,1fr) var(--sidebar-width)}.layout.layout-both .layout-body{grid-template-columns:var(--sidebar-small) minmax(0,1fr) var(--sidebar-width)}.layout-sidebar,.layout-main{min-height:0;overflow:auto;padding:var(--padding)}.panel-title{font-size:1.15rem;font-weight:700;margin-bottom:20px;color:var(--accent)}.text-muted{color:var(--text-muted)}.text-soft{color:var(--text-soft)}.scrollbar{scrollbar-width:thin}.scrollbar::-webkit-scrollbar{width:8px}.scrollbar::-webkit-scrollbar-thumb{background:#475569;border-radius:99px}@media(max-width:900px){body{overflow:auto}.layout{height:auto;min-height:100vh}.layout-body,.layout.layout-left .layout-body,.layout.layout-right .layout-body,.layout.layout-both .layout-body{grid-template-columns:1fr}.layout-sidebar-left{order:1}.layout-main{order:2}.layout-sidebar-right{order:3}}