:root{--bg-color: #0f1115;--panel-bg: rgba(22, 25, 33, .65);--panel-border: rgba(255, 255, 255, .08);--text-main: #e2e8f0;--text-muted: #828a9a;--accent: #6d28d9;--accent-hover: #7c3aed;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);overflow:hidden}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--panel-border);box-shadow:0 8px 32px #0006}.glass-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;transition:all .2s ease}.glass-card:hover{background:#ffffff0d;border-color:#ffffff1a}.app-container{display:flex;height:100vh;width:100vw;background:radial-gradient(circle at 50% 50%,#1a1d24 0%,var(--bg-color) 100%)}.sidebar{width:320px;height:100%;display:flex;flex-direction:column;padding:24px;z-index:10;flex-shrink:0}.main-content{flex:1;position:relative;height:100%;width:100%}h1{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#e2e8f0,#a0aec0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;display:flex;align-items:center;gap:12px}h2{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;font-weight:600}button{cursor:pointer;font-family:var(--font-body)}.btn-primary{background:var(--accent);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:all .2s;box-shadow:0 4px 12px #6d28d94d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6d28d966}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}