:root{--ink:#0b2545;--bg:#f4f6fa;--line:#d9e0ec;--acc:#13315c;--ok:#1b7f4b;--err:#b3261e;font-family:"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh;background:var(--bg);color:var(--ink)}
aside{width:230px;background:var(--ink);color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}
aside h1{font-size:1.25rem;line-height:1.2;margin:0 0 8px}nav{display:flex;flex-direction:column;gap:6px;flex:1}
aside button{background:transparent;color:#dbe4f3;border:0;text-align:left;padding:10px 12px;border-radius:10px;font:inherit;cursor:pointer}
aside button.on,aside button:hover{background:#1d3a66;color:#fff}aside .ghost{border:1px solid #3b5a8c}
main{flex:1;padding:28px;max-width:1100px}h2{margin-top:0}h3{margin:0 0 12px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:16px}
.row{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.row>label{flex:1;min-width:170px}
label{display:flex;flex-direction:column;gap:5px;font-size:.85rem;font-weight:600;margin-bottom:8px}
input,select,textarea{font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
input[type=color]{padding:2px;height:40px}textarea{min-height:80px}
button{font:inherit;background:var(--acc);color:#fff;border:0;border-radius:10px;padding:9px 16px;cursor:pointer}
button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}button.danger{background:#fff;color:var(--err);border:1px solid var(--err)}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6b9be8;outline-offset:1px}
.prev{text-align:center}.prev img{width:240px;height:240px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.note{color:#4a5a78;font-size:.88rem}.note.warn{background:#fff6dd;border:1px solid #ecd68a;border-radius:10px;padding:10px;color:#5b4a00}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stats b{font-size:2rem;display:block}
.bars{display:flex;align-items:flex-end;gap:6px;height:140px}.bars div{flex:1;background:var(--acc);border-radius:6px 6px 0 0;min-height:2px;position:relative}
.bars span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:.65rem;color:#4a5a78}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:14px}
.item img{width:100%;border:1px solid var(--line);border-radius:10px}.item h4{margin:10px 0 4px}.item .meta{font-size:.8rem;color:#4a5a78;word-break:break-all}
.item .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.item .acts button{padding:6px 10px;font-size:.8rem}
.badge{font-size:.72rem;padding:2px 8px;border-radius:99px;background:#e3ebf8}.badge.off{background:#f6dcda;color:var(--err)}
#toast{position:fixed;right:20px;bottom:20px;padding:12px 18px;border-radius:12px;color:#fff;background:var(--ok);display:none}#toast.err{background:var(--err)}
@media(max-width:760px){body{flex-direction:column}aside{width:100%;height:auto;position:static}nav{flex-direction:row;flex-wrap:wrap}main{padding:16px}}
body.login{align-items:center;justify-content:center}body.login .card{width:min(360px,92vw)}