:root{--ink:#12202B;--bg:#E8EDF1;--card:#fff;--acc:#FF5A1F;--acc2:#C93F0B;--mut:#5B6B78;--ok:#1E8E5A;--line:#D5DDE3;--r:14px}
@media(prefers-color-scheme:dark){:root{--bg:#0C151C;--card:#16232D;--ink:#EEF3F6;--mut:#93A4B1;--line:#26384A}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Barlow,system-ui,sans-serif;padding-bottom:84px}
h1,h2,h3,.big,.btn,nav a{font-family:'Barlow Semi Condensed',sans-serif}h1,h2{margin:.2em 0}
header.top{background:#12202B;color:#fff;padding:calc(18px + env(safe-area-inset-top)) 20px 64px;border-radius:0 0 28px 28px}
header.top p{margin:0;color:#9FB3C2}header.top h1{font-size:28px}
.wrap{padding:0 16px;max-width:720px;margin:-44px auto 0}.card{background:var(--card);border-radius:var(--r);padding:16px;margin:0 0 12px;border:1px solid var(--line)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.stat{background:var(--card);border-radius:var(--r);padding:14px;border:1px solid var(--line)}
.stat.hero{grid-column:1/3;background:var(--acc);color:#fff;border:0}.stat .big{font-size:34px;font-weight:700;line-height:1}.stat small{opacity:.8}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sp{justify-content:space-between}.mut{color:var(--mut)}
.btn{background:var(--acc);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-size:17px;font-weight:700;cursor:pointer;min-height:46px;transition:transform .1s}
.btn:active{transform:scale(.97)}.btn:hover{background:var(--acc2)}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn.sm{min-height:36px;padding:6px 12px;font-size:15px}
.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #4DA3FF;outline-offset:2px}
input,select,textarea{width:100%;padding:12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:var(--card);color:var(--ink);margin:4px 0 10px}
label{font-weight:500;font-size:14px;color:var(--mut)}.li{display:grid;grid-template-columns:1fr 64px 90px 28px;gap:6px;align-items:start}
.item{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.item:last-child{border:0}
.chip{display:inline-block;padding:2px 10px;border-radius:99px;font-size:13px;font-weight:500;background:var(--line)}.chip.accepted,.chip.paid{background:#CFF0DF;color:#0B5A36}.chip.sent{background:#FFE1D3;color:#9A3208}.chip.declined{background:#F6D2D2;color:#8A1F1F}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:5}
nav a{flex:1;text-align:center;padding:8px 0;color:var(--mut);text-decoration:none;font-weight:700;font-size:14px;border-radius:10px}nav a.on{color:var(--acc);background:rgba(255,90,31,.1)}
nav a.plus{background:var(--acc);color:#fff;margin:0 6px;flex:1.2}
.auth{max-width:380px;margin:0 auto;padding:12vh 20px}.auth h1{font-size:40px}#toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);background:#12202B;color:#fff;padding:10px 18px;border-radius:99px;opacity:0;transition:.25s;pointer-events:none;z-index:9}#toast.show{opacity:1;transform:translate(-50%,0)}
.off{background:#FFC24B;color:#3b2a00;text-align:center;font-weight:700;padding:4px}.tot{font-weight:700;font-size:20px}
.pub{padding:0}.sheet{max-width:560px;margin:0 auto;padding:28px 20px}.sheet table{width:100%;border-collapse:collapse;margin:16px 0}.sheet td{padding:10px 0;border-bottom:1px solid var(--line)}.sheet td:last-child{text-align:right}.sheet pre{white-space:pre-wrap;font:inherit}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.dh{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.dh h1{font-size:26px;margin:0}.dh p{margin:0}.dn{text-align:right}.dn h2{color:var(--a)}.logo{max-height:64px;max-width:140px;object-fit:contain}
.tpl-classic .dh{border-bottom:3px solid var(--a);padding-bottom:14px}.tpl-classic .tot td{border-top:2px solid var(--a)}
.tpl-modern .dh{background:var(--a);color:#fff;padding:20px;border-radius:14px}.tpl-modern .dh .mut,.tpl-modern .dn h2{color:#fff}.tpl-modern .tot{color:var(--a)}
.tpl-minimal .sheet{padding-top:48px}.tpl-minimal .dh{border:0}.tpl-minimal h1{font-weight:500;letter-spacing:.02em}.tpl-minimal td{border-bottom:0;padding:6px 0}.tpl-minimal .tot td{border-top:1px solid var(--line)}
.pub .btn{background:var(--a,#FF5A1F)}
@media print{.noprint,nav{display:none}body{background:#fff;color:#000}.tpl-modern .dh{-webkit-print-color-adjust:exact;print-color-adjust:exact}}