:root{color-scheme:light;--bg:#f4f5f7;--panel:#ffffff;--border:#e2e5ea;--text:#1c2430;--muted:#6b7480;--accent:#0f4c81;--accent-hover:#0d3f6b;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:960px;margin:0 auto;padding:24px 16px 64px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:24px}.center-screen{min-height:80vh;display:flex;align-items:center;justify-content:center}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:0 0 12px}.subtitle{color:var(--muted);margin:0 0 24px;font-size:14px}label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px}input,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;margin-top:20px}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.small{padding:4px 10px;font-size:12px;margin-top:0}.error{color:var(--danger)}.error,.info{font-size:13px;margin-top:12px}.info{color:var(--muted)}.header{justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.header,.header .who{display:flex;align-items:center}.header .who{gap:10px;font-size:14px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:#e7eefb;color:var(--accent)}.badge.admin{background:#fef0c7;color:#93370d}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;margin:24px 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px}.card h3{margin:0 0 6px;font-size:15px}.card p{margin:0;color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}td,th{text-align:left;padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border)}th{background:#fafbfc;font-weight:600;color:var(--muted)}tr:last-child td{border-bottom:none}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row>div{flex:1 1;min-width:180px}