/* Hostimise kihi stiil. Toote enda CSS on index.html sees ja seda see fail ei puuduta —
   siin on ainult sisselogimine ja kasutajate haldus. */
:root{
  --bg:#f5f4f7; --card:#fff; --ink:#1d1a2b; --dim:#6b6780; --line:#e3e0ea;
  --brand:#2a1b3d; --accent:#c2185b; --err:#b3261e; --ok:#1b6e3c;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
     font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--accent)}
.wrap{max-width:900px;margin:0 auto;padding:24px 16px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px;flex-wrap:wrap}
h1{font-size:20px;margin:0}
h2{font-size:15px;margin:0 0 12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:18px}
label{display:block;margin:10px 0}
input,select{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:inherit}
input[type=text],input[type=password]{width:100%}
button{font:inherit;padding:7px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}
button:hover{border-color:var(--dim)}
button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
table{width:100%;border-collapse:collapse;margin-top:6px}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-weight:600;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}
.dim{color:var(--dim);font-size:12px}
.inline{display:inline-flex;gap:6px;align-items:center;margin:0}
.inline input[type=password]{width:130px}
.msg{padding:9px 12px;border-radius:6px;background:#eee7f3;margin-bottom:14px}
.msg.err{background:#fdecea;color:var(--err)}
.msg.ok{background:#e7f4ec;color:var(--ok)}

/* Sisselogimine */
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;
            background:var(--brand)}
.login-card{width:min(360px,92vw);margin:0}
.login-card h1{font-size:26px;letter-spacing:.14em;color:var(--brand)}
.login-card .sub{margin:2px 0 16px;color:var(--dim);font-size:13px}
.login-card button{width:100%;margin-top:14px}