:root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-size-xs:.72rem;--font-size-sm:.82rem;--font-size-base:.9rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--touch-target:44px;--sidebar-collapsed:64px;--sidebar-expanded:220px;--transition-fast:.15s ease;--transition-base:.25s ease;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}@media (width<=1023px){:root{--space-xl:1.5rem;--space-2xl:2rem;--font-size-base:.88rem}}@media (width<=639px){:root{--space-xl:1rem;--space-2xl:1.5rem;--font-size-base:.85rem;--font-size-sm:.78rem}}@media (width>=2560px){:root{--font-size-base:1.05rem;--font-size-sm:.95rem;--font-size-md:1.2rem;--space-xl:2.5rem;--touch-target:52px}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}}:root{--bg-dark:#0f172a;--bg-card:#1e293b;--primary:#3b82f6;--primary-hover:#2563eb;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--accent:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}.app-container{height:100vh;display:flex}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;width:260px;padding:1.5rem;display:flex}.main-content{background:radial-gradient(circle at top left, #1e293b, var(--bg-dark));flex-direction:column;flex:1;display:flex;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:16px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 4px #ef4444}50%{opacity:.7;box-shadow:0 0 10px #ef4444}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.top-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:200;align-items:center;gap:.75rem;height:48px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}@media (width<=1023px){.top-bar{display:flex}.main-content{padding-top:48px}.app-container{flex-direction:column}}.sidebar-backdrop{z-index:299;background:#0009;display:none;position:fixed;inset:0}.sidebar-backdrop.open{display:block}@media (width<=639px){.main-content{margin-left:0!important}}@media (width>=2560px){button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}}