:root{--bg:#f3f6fb;--card:#fff;--text:#162033;--muted:#64748b;--line:#dbe3ee;--primary:#2563eb;--success:#15803d;--warning:#b45309;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.75}.topbar{background:#0f172a;color:#fff;padding:.8rem max(1rem,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none}.topbar nav{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.topbar nav a,.topbar .link-button{color:#dbeafe;text-decoration:none}.container{max-width:1180px;margin:1.5rem auto;padding:0 1rem;min-height:calc(100vh - 150px)}footer{text-align:center;color:var(--muted);padding:1.5rem}.userline{color:var(--muted);font-size:.9rem;margin-bottom:.6rem}h1,h2{line-height:1.4;margin-top:0}h1{font-size:1.65rem}h2{font-size:1.15rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.page-head p{margin:0;color:var(--muted)}.panel,.auth-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.25rem;margin-bottom:1.2rem;box-shadow:0 4px 20px #1e293b0a}.narrow,.auth-card{max-width:620px;margin:2rem auto}.auth-card{max-width:420px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0 1.4rem}.stat{background:var(--card);padding:1rem;border:1px solid var(--line);border-top:3px solid var(--primary);border-radius:12px}.stat span{display:block;color:var(--muted);font-size:.88rem}.stat strong{font-size:1.6rem}.stat.success{border-top-color:#16a34a}.stat.warn{border-top-color:#f59e0b}.stat.neutral{border-top-color:#94a3b8}.stat.accent{border-top-color:#7c3aed}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.filter{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.filter>div{min-width:150px;flex:1}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field.wide{grid-column:1/-1}label{display:block;font-weight:600;margin:.35rem 0}.form-control,.form-select,input[type=text],input[type=password],input[type=email],select,textarea{width:100%;padding:.65rem .75rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit}.form-control:focus,.form-select:focus,input:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:var(--primary)}.btn{display:inline-block;border:1px solid #cbd5e1;background:#fff;color:var(--text);padding:.55rem .9rem;border-radius:8px;text-decoration:none;font:inherit;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:white}.btn.full{width:100%;margin-top:1rem}.inline{display:inline}.link-button{background:none;border:0;padding:0;font:inherit;cursor:pointer}.danger,.error{color:var(--danger)}.muted{color:var(--muted);display:block}.alert{padding:.75rem 1rem;border-radius:8px;margin:.8rem 0;background:#dbeafe;color:#1e40af}.alert.success{background:#dcfce7;color:#166534}.alert.warning{background:#fef3c7;color:#92400e}.alert.error{background:#fee2e2;color:#991b1b}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:.75rem;border-bottom:1px solid var(--line)}th{background:#f8fafc}.empty{text-align:center;color:var(--muted);padding:2rem}.badge{padding:.2rem .55rem;border-radius:999px;font-size:.8rem}.success-bg{background:#dcfce7;color:#166534}.muted-bg{background:#e2e8f0;color:#475569}.summary{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.summary dt,.summary dd{padding:.5rem;border-bottom:1px solid var(--line);margin:0}.summary dd{font-weight:700}.live-total{background:#eff6ff;padding:.75rem;border-radius:8px;margin:1rem 0}ul.errorlist{color:var(--danger);padding-right:1rem}@media(max-width:800px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.topbar{align-items:flex-start}.topbar nav{gap:.7rem;font-size:.88rem}}@media(max-width:520px){.stats-grid,.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.page-head .btn{width:100%;text-align:center}.filter{display:block}.filter>div{margin-bottom:.7rem}.stat strong{font-size:1.35rem}}