*{box-sizing:border-box}
:root{--ink:#15302f;--ink-soft:#60736f;--forest:#123c3a;--forest-deep:#0b2d2c;--lime:#d8f36a;--line:#d9e4de;--danger:#a3312a;--ok:#1f6b4d}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(145deg,#f8f7f1,#eaf6f0);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}
.card{width:min(480px,100%);padding:38px 34px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 28px 80px rgba(18,60,58,.14)}
.card.wide{width:min(860px,100%)}
.brand{display:inline-flex;align-items:center;gap:11px;margin-bottom:24px;color:var(--forest);font-weight:800;text-decoration:none}
.mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--forest);color:var(--lime);font-size:19px;font-weight:800}
.label{color:#579078;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
h1{margin:8px 0 10px;font-size:30px;line-height:1.12;letter-spacing:-.02em}
h2{margin:0 0 4px;font-size:18px}
p{margin:0 0 18px;color:var(--ink-soft)}
form{display:grid;gap:14px;margin-top:22px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
input,select,textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid #b9c8c2;border-radius:13px;background:#fff;color:var(--ink);font:inherit;font-size:16px}
textarea{min-height:84px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #79d4ad;outline-offset:2px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:999px;background:var(--forest);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.button:hover{background:var(--forest-deep)}
.button[disabled]{opacity:.6;cursor:progress}
.button.secondary{border-color:#aabbb5;background:transparent;color:var(--forest)}
.button.secondary:hover{background:#eef5f1}
.link{padding:0;border:0;background:none;color:var(--forest);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.status{min-height:22px;margin:0;font-size:14px;font-weight:600}
.status.error{color:var(--danger)}
.status.ok{color:var(--ok)}
.foot{margin:22px 0 0;font-size:14px}
.head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.pill{display:inline-block;padding:4px 12px;border-radius:999px;background:#eaf6f0;color:var(--ok);font-size:12px;font-weight:800}
.pill.warn{background:#fff4d6;color:#7a5a00}
.pill.bad{background:#fde8e6;color:var(--danger)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:22px 0}
.product{display:grid;gap:8px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fbfdfb}
.product p{margin:0;font-size:14px}
.product small{color:#579078;font-weight:700}
.empty{grid-column:1/-1;margin:0;padding:22px;border:1px dashed #b9c8c2;border-radius:20px;text-align:center}
.inline{grid-template-columns:1fr auto;align-items:end}
[hidden]{display:none!important}
@media (max-width:560px){.card{padding:28px 20px}.row,.inline{grid-template-columns:1fr}h1{font-size:26px}}
.cloud{margin:6px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:13px}
.cloud p{margin:0 0 10px;font-size:13px}
.cloud .button{min-height:40px;padding:0 16px;font-size:13px}
.cloud .link{font-size:13px}