:root{--bg:#f4f6f8;--card:#fff;--text:#17202a;--muted:#667085;--line:#dde3ea;--primary:#166534;--primary2:#14532d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--primary);text-decoration:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:#111827;color:#fff}
.topbar a{color:#fff;margin-right:18px}.brand{font-size:20px;font-weight:800}.container{max-width:1240px;margin:28px auto;padding:0 20px}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.page-head h1{margin:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card,.metric,.auth-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:20px 0}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{font-size:22px}
.button{display:inline-block;border:1px solid var(--primary);border-radius:9px;padding:9px 13px;margin:3px;background:#fff;color:var(--primary);cursor:pointer;font-weight:650}
.button.primary{background:var(--primary);color:#fff}.button.secondary{border-color:#667085;color:#344054}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse}th,td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#f8fafc;font-size:13px}
.form-card{max-width:760px}.form-card input,.form-card select,.form-card textarea,.auth-card input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}
.auth-card{max-width:430px;margin:80px auto}.muted,small{color:var(--muted)}.message{padding:12px;border-radius:9px;margin:12px 0;background:#e0f2fe}.message.success{background:#dcfce7}.message.error{background:#fee2e2}
.inline{display:inline}.link-button{border:0;background:none;color:#fff;cursor:pointer;font:inherit}.chip{display:inline-block;padding:6px 10px;border-radius:999px;background:#e7f5ec;margin:3px}.code{font-size:30px;font-weight:800;letter-spacing:4px;padding:15px;background:#f1f5f9;text-align:center;border-radius:10px}.report{margin:10px 0}.report-item{margin-top:8px;padding:8px 0;border-top:1px solid var(--line)}
@media(max-width:720px){.topbar{display:block;padding:14px}.topbar nav{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.page-head{display:block}.page-head>div:last-child{margin-top:12px}}