:root{--bg:#f3f5f9;--card:#fff;--line:#d9dde6;--text:#1b2430;--muted:#687386;--accent:#2057d4;--danger:#ffe7e7;--warning:#fff8da;--ok:#e8f7ea}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#101828;color:#fff;padding:24px}.sidebar h2{margin:0 0 20px;font-size:22px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a{color:#d7dbea;padding:10px 12px;border-radius:8px}.sidebar nav a.active,.sidebar nav a:hover{background:#1d2939;color:#fff;text-decoration:none}.content{padding:24px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;color:var(--muted)}.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 4px 18px rgba(16,24,40,.04);margin-bottom:18px}.card h3{margin:0 0 14px}.inline-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.inline-form input,.inline-form select,.inline-form button,table input,table select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}.inline-form.compact label{display:flex;flex-direction:column;gap:6px;min-width:240px}.inline-form button,button{background:var(--accent);color:#fff;border:none;cursor:pointer}.inline-form button:hover,button:hover{filter:brightness(.95)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:10px 8px;vertical-align:top;text-align:left}th{font-size:13px;color:var(--muted)}.row-danger{background:var(--danger)}.row-warning{background:var(--warning)}.row-ok{background:var(--ok)}.alert{padding:10px 12px;border-radius:10px;margin-bottom:14px}.alert.success{background:#e8f7ea;color:#116329}.alert.error{background:#ffe7e7;color:#9b1c1c}.hint{color:var(--muted);font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 34px rgba(16,24,40,.08)}.login-card h1{margin-top:0}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card label{display:flex;flex-direction:column;gap:6px}.login-card input{padding:12px;border:1px solid var(--line);border-radius:10px}.login-card button{padding:12px;border-radius:10px}
@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{padding:16px}.content{padding:16px}.inline-form{flex-direction:column}.inline-form input,.inline-form select,.inline-form button{width:100%}table{display:block;overflow:auto;white-space:nowrap}}