:root{color-scheme:dark;--bg:#070d19;--panel:#152238;--line:#33445f;--text:#f8fafc;--muted:#a8b5c9;--brand:#15c79a;--blue:#38bdf8;--danger:#fb7185}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,system-ui,sans-serif}.portal-head{display:flex;align-items:center;justify-content:space-between;padding:18px max(20px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:#0d1728}.portal-logo{font-size:20px;font-weight:800;color:#fff;text-decoration:none}.portal-head nav{display:flex;align-items:center;gap:18px}.portal-head nav a,.portal-footer a{color:var(--blue)}.portal-head form{margin:0}.portal-head button,.btn{border:0;border-radius:8px;padding:10px 16px;background:var(--brand);color:#04130f;font-weight:800;cursor:pointer}.portal-main{max-width:1180px;margin:32px auto;padding:0 20px;min-height:70vh}.portal-footer{max-width:1180px;margin:auto;padding:25px 20px;color:var(--muted);border-top:1px solid var(--line)}h1{font-size:clamp(28px,4vw,42px);margin:0 0 8px}h2{margin-top:0}.lead{color:var(--muted);margin-bottom:25px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:700}.field input,.field select,.field textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #52647d;background:#0c1729;color:#fff;font:inherit}.field small,.muted{color:var(--muted)}.alert{padding:12px 15px;border-radius:8px;margin:15px 0;background:#402818;border:1px solid #b97716}.alert.error{background:#3b1720;border-color:#be3651}.alert.ok{background:#10392f;border-color:#16866b}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn.secondary{background:#33445f;color:#fff}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{background:#101a2d;font-size:13px;text-transform:uppercase}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#253956;color:#dbeafe;font-size:13px}.price{font-size:25px;font-weight:850}.readonly{background:#0c1729;padding:11px;border-radius:8px;color:var(--muted)}@media(max-width:650px){.portal-head{align-items:flex-start}.portal-head nav{gap:9px;flex-wrap:wrap;justify-content:flex-end}.portal-head nav a{font-size:14px}.card{padding:18px}}
