:root{
  --bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#657086;--primary:#246bfe;--primary-dark:#164ed0;--danger:#c43131;--ok:#177245;--border:#dbe2ef;
}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,textarea,select{font:inherit}button{border:0;border-radius:10px;padding:.75rem 1rem;background:var(--primary);color:#fff;cursor:pointer;font-weight:700}button:hover{background:var(--primary-dark)}button.secondary{background:#e9eef8;color:var(--text)}button.danger{background:var(--danger)}button.ghost{background:transparent;color:var(--primary);padding:.25rem .5rem}button:disabled{opacity:.55;cursor:not-allowed}
.container{max-width:1100px;margin:0 auto;padding:1.25rem}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px rgba(30,45,80,.08);padding:1.25rem}.auth-card{width:min(440px,100%)}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:700}.success{color:var(--ok);font-weight:700}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.between{display:flex;justify-content:space-between;gap:1rem;align-items:center}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.grid.two,.grid.three{grid-template-columns:1fr}.between{align-items:flex-start;flex-direction:column}}
label{display:grid;gap:.35rem;font-weight:700;margin:.8rem 0}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:.75rem;background:#fff;color:var(--text)}textarea{min-height:120px;resize:vertical}.topbar{position:sticky;top:0;background:rgba(244,247,251,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.tab{background:#fff;color:var(--text);border:1px solid var(--border)}.tab.active{background:var(--primary);color:#fff}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#eef3ff;color:#1847a6;padding:.25rem .6rem;font-size:.85rem;font-weight:700}.list{display:grid;gap:.8rem}.item{border:1px solid var(--border);border-radius:14px;padding:1rem;background:#fff}.item h3{margin:.1rem 0 .4rem}.small{font-size:.9rem}.file-link{word-break:break-all}.hidden{display:none!important}
