*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0f1115;color:#e8edf2}header{padding:16px 20px;border-bottom:1px solid #222;background:#12151b;position:sticky;top:0;z-index:3}h1{margin:0 0 10px;font-size:20px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea,button{background:#1b2028;color:#e8edf2;border:1px solid #2d3440;border-radius:8px;padding:9px 10px}input,select,textarea{width:100%}button{cursor:pointer}main{padding:16px 20px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:14px}.kpi{background:#151a21;border:1px solid #2a3340;border-radius:10px;padding:10px}.kpi .label{font-size:12px;color:#8ea0b5}.kpi .value{font-size:22px;font-weight:700}.layout{display:grid;grid-template-columns:260px 1fr;gap:12px}aside{background:#12171e;border:1px solid #2a3340;border-radius:12px;padding:12px;height:calc(100vh - 185px);overflow:auto}aside h3{margin-top:0}.topic-btn{display:block;width:100%;text-align:left;margin:6px 0;padding:9px 10px;border-radius:8px;border:1px solid #2a3340;background:#151d27;color:#dce7f3}.topic-btn.active{border-color:#4ca1ff;background:#17253a}.full{width:100%;margin-top:8px}.content{background:#12171e;border:1px solid #2a3340;border-radius:12px;padding:12px;min-height:60vh}.content-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.item-card{background:#151d27;border:1px solid #2b3746;border-radius:12px;padding:10px;margin-bottom:10px}.item-head{display:grid;grid-template-columns:1fr 170px;gap:8px}.item-title{font-weight:600}.item-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:#8ea0b5}.delete-btn{border-color:#6a2f39;background:#30161c;color:#ffcad1}.muted{color:#95a6ba;font-size:12px}.auth-gate{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:50}.auth-card{width:min(360px,92vw);background:#12171e;border:1px solid #2a3340;padding:16px;border-radius:12px}.hidden{display:none !important}@media (max-width:900px){.layout{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(120px,1fr))}aside{height:auto}}