:root{--bg:#f4f6f8;--panel:#fff;--ink:#17202a;--muted:#667085;--line:#d9e0e7;--brand:#123f63;--brand-2:#0b6b78;--danger:#b42318;--ok:#087443}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{color:#fff;background:#0f2537;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,4vw,40px);display:flex}.brand-title{font-size:18px;font-weight:800}.brand-subtitle{color:#c5d2df;margin-top:2px;font-size:13px}.page{width:min(1160px,100% - 32px);margin:28px auto 56px}.nav{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.nav a,.button,button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 14px;display:inline-flex}.button.primary,button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.danger{color:var(--danger)}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.card{padding:18px}.panel{margin-bottom:18px;padding:clamp(16px,3vw,28px)}.card h2,.panel h1,.panel h2{margin:0 0 8px}.muted{color:var(--muted)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.input-with-action{grid-template-columns:1fr auto;align-items:stretch;display:grid}.input-with-action input{border-radius:8px 0 0 8px}.input-with-action button{white-space:nowrap;border-left:0;border-radius:0 8px 8px 0}label{font-size:13px;font-weight:700}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:11px 12px}textarea{resize:vertical;min-height:90px}.summary{gap:10px;display:grid}.summary-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.summary-row strong{font-size:18px}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.pill{color:var(--ok);background:#e8f3ef;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;display:inline-flex}.pill.inactive{color:var(--danger);background:#f4e7e5}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login .panel{width:min(420px,100%)}.error{color:var(--danger);background:#fff0ee;border:1px solid #ffd3cd;border-radius:8px;padding:10px 12px}@media (max-width:760px){.form-grid{grid-template-columns:1fr}.input-with-action{grid-template-columns:1fr;gap:8px}.input-with-action input,.input-with-action button{border-left:1px solid var(--line);border-radius:8px}.topbar{flex-direction:column;align-items:flex-start}}