:root{--bg: #0C0A07;--glass: rgba(255, 255, 255, .045);--glass2: rgba(255, 255, 255, .07);--line: rgba(232, 197, 106, .14);--gold: #E8C56A;--gold2: #B8892E;--text: #F2EDE3;--muted: #9A927F;--c-victoria: #E8C56A;--c-seo: #6AC5E8;--c-avatar: #C58AE8;--c-tree: #8AE89E;--c-food: #E8946A;--r: 16px}*{margin:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:var(--glass);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh}.sidebar .nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;line-height:1.2;transition:background .15s,color .15s}.sidebar .nav-item:hover{background:var(--glass2);color:var(--text)}.sidebar .nav-item.active{background:#e8c56a1f;color:var(--gold)}.content{flex:1;min-width:0;padding:32px 40px;max-width:1180px}.card{background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 24px}.grid{display:grid;gap:16px}@media(max-width:760px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;gap:2px;padding:8px 10px;border-right:none;border-bottom:1px solid var(--line)}.sidebar .nav-item{padding:8px 10px;font-size:13px}.content{padding:20px 16px}}