:root{--bg: #0b0e14;--panel: #121826;--purple: #7c6cff;--purple-soft: #9f91ff;--text: #e6e9f0;--muted: #9aa4bf;--green: #3fb950;--red: #ff5c5c;--yellow: #f2cc60}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.app{display:flex;height:100vh}.sidebar{width:220px;background:#0f1420;padding:20px;display:flex;flex-direction:column;gap:14px}.logo{color:var(--purple);font-size:22px;margin-bottom:20px}.sidebar a{color:var(--muted);text-decoration:none}.sidebar a.active{color:var(--purple)}.content{flex:1;padding:24px;overflow-y:auto}.page{max-width:1100px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.section-title{font-size:20px;margin-bottom:16px;color:var(--purple-soft)}.card{background:linear-gradient(180deg,rgba(124,108,255,.08),var(--panel));border:1px solid rgba(124,108,255,.25);border-radius:14px;padding:16px;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 0 24px #7c6cff59}