:root{--navy:#000061;--orange:#FF7A1A;--orange-text:#C25500;--page:#F4F5F9;--line:#e3e5ee;--muted:#5c6080;--white:#fff;--ink:#14152e;--serif:"Times New Roman",Times,serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}
a{color:var(--navy)}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.top{background:var(--navy);color:#fff}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{height:46px;width:auto;display:block}
.admin-tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffb27a}
.top-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.langs{display:flex;gap:2px;margin-right:8px}
.langs a{color:#c9cbe8;text-decoration:none;font-size:13px;padding:6px 8px;border-radius:6px}
.langs a[aria-current]{color:#fff;background:rgba(255,255,255,.12)}
.toplink,.adm-nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;font-weight:500}
.toplink:hover,.adm-nav a:hover{background:rgba(255,255,255,.1)}
.hero{background:var(--navy);color:#fff;padding:48px 0 96px}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,52px);line-height:1.1;margin:6px 0 10px}
.hero .lead{color:#c9cbe8;max-width:620px;margin:0}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#ffb27a;margin:0}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;min-width:0}
.card h2{font-family:var(--serif);font-weight:400;font-size:26px;color:var(--navy);margin:0 0 16px}
.narrow{max-width:480px;margin:-64px auto 64px;box-shadow:0 20px 50px rgba(0,0,60,.08)}
.auth .narrow{margin-left:0}
h1{font-family:var(--serif);font-weight:400;color:var(--navy)}
.stack{display:flex;flex-direction:column;gap:16px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.row>.fld{flex:1 1 160px}
.fld{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;min-width:0}
.fld input,.fld select,.fld textarea{font:inherit;font-weight:400;font-size:15px;padding:11px 13px;border:1px solid #cfd2e2;border-radius:8px;background:#fff;color:var(--ink);width:100%}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,0,97,.12)}
.check{display:flex;gap:8px;align-items:center;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border-radius:6px;border:0;background:var(--navy);color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:#10107a}
.btn-sm{min-height:38px;padding:7px 14px;font-size:14px}
.btn-ghost{background:#fff;color:var(--navy);border:1px solid #cfd2e2}
.btn-ghost:hover{background:#f6f7fc;border-color:var(--navy)}
.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.pre{white-space:pre-line}
.err{margin:0;padding:10px 12px;border-radius:8px;background:#fdecea;color:#8e2a1f;font-size:14px}
.flash{margin:16px 0;padding:12px 14px;border-radius:8px;background:#eef0fa;color:var(--navy)}
.dash{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:-64px;padding-bottom:64px}
.dash-main,.dash-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.offer{border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:8px}
.offer.personal{border-color:var(--navy);box-shadow:inset 3px 0 0 var(--orange)}
.offer h3{margin:0;font-family:var(--serif);font-weight:400;font-size:21px;color:var(--navy)}
.offer p{margin:0}
.tag{align-self:flex-start;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-text)}
.facts{display:flex;flex-wrap:wrap;gap:6px 22px;margin:4px 0}
.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:0;font-weight:600}
details.req summary{list-style:none;align-self:flex-start;display:inline-flex}
details.req summary::-webkit-details-marker{display:none}
details.req[open] summary{display:none}
.done-tag{margin:0;color:#1e7a4f;font-weight:600;font-size:14px}
.orders{display:flex;flex-direction:column;gap:12px}
.order{border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.order-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.order-head b{display:block;font-size:17px;color:var(--navy)}
.order p{margin:0}
.status{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#eef0fa;color:var(--navy);white-space:nowrap}
.st-requested,.st-pending{background:#fff4ea;color:#8a4200}
.st-confirmed{background:#eef0fa;color:var(--navy)}
.st-paid{background:#e9f5ff;color:#0b4f8a}
.st-shipped{background:#e8f7f0;color:#1e6b47}
.st-delivered,.st-active{background:#dff3e8;color:#14603d}
.st-cancelled,.st-rejected,.st-disabled{background:#f3f3f6;color:#6b6e85}
.docs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.doc{display:block;padding:8px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:14px;margin-bottom:8px}
.docs .doc{margin:0}
.doc:hover{border-color:var(--navy)}
.person{font-family:var(--serif);font-size:24px;color:var(--navy);margin:0 0 12px}
.cbtn{display:block;padding:12px 14px;border-radius:8px;background:#f6f7fc;text-decoration:none;font-weight:500;margin-bottom:8px;overflow-wrap:anywhere}
.cbtn.wa{background:#e8f7ee;color:#14603d}
.card p{margin-top:0}
/* Admin */
.adm{padding-top:24px;padding-bottom:64px}
.adm h1{font-size:36px;margin:8px 0 16px}
.adm-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.adm-head h1{margin-bottom:8px}
.adm-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.tabs a{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:500}
.tabs a[aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}
.count{opacity:.7;margin-left:4px}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-weight:500;color:var(--muted);font-size:13px;padding:8px 10px;border-bottom:1px solid var(--line)}
.tbl td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.card:has(.tbl){overflow-x:auto}
.kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 16px;margin:0}
.kv dt{color:var(--muted);font-size:14px}.kv dd{margin:0;overflow-wrap:anywhere}
.li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.li.off{opacity:.5}
.pw-box{margin:12px 0 20px;border-color:var(--orange)}
.pw-box code{font-size:18px;background:#fff4ea;padding:4px 10px;border-radius:6px;margin-left:6px}
@media (max-width:900px){.dash,.adm-grid{grid-template-columns:1fr}.kv{grid-template-columns:1fr}.kv dt{margin-top:6px}}
@media (max-width:600px){.langs a{padding:5px 6px}.logo img{height:38px}.card{padding:20px}}
.hero h1{color:#fff}
@media (max-width:600px){.top-in{padding-block:12px;gap:8px}.top-right{width:100%;justify-content:space-between}.langs{margin-right:0}.toplink{padding:6px 8px;font-size:14px}.hero{padding:32px 0 88px}}