:root{color-scheme:light;--bg:#eaf1f3;--panel:rgba(255,255,255,.74);--text:#24343e;--muted:#596c77;--line:rgba(64,90,100,.18);--accent:#087e78;--button:#fff}html[data-theme=dark]{color-scheme:dark;--bg:#1c272e;--panel:rgba(42,54,63,.8);--text:#edf5f6;--muted:#b1c4ce;--line:rgba(198,220,231,.17);--accent:#8ce0d7;--button:#14292b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 2%,rgba(55,191,175,.18),transparent 55%),var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:760px;margin:64px auto;padding:0 24px}.brand{display:inline-block;text-decoration:none;color:var(--text);font-size:26px;font-weight:800;letter-spacing:.08em}.brand span{display:block;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--muted)}.glass{margin-top:28px;padding:46px;border:1px solid var(--line);border-radius:28px;background:var(--panel);backdrop-filter:blur(22px);box-shadow:0 20px 80px rgba(10,35,45,.08)}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--accent)}h1{font-size:clamp(28px,5vw,42px);line-height:1.2;letter-spacing:-.04em;margin:14px 0 20px}h2{font-size:20px}p{color:var(--muted)}label{display:block;font-weight:650;margin:26px 0 8px}input{width:100%;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);font:inherit;min-width:0}input:focus{outline:2px solid var(--accent);outline-offset:3px}.button{display:block;width:100%;border:1px solid var(--accent);border-radius:14px;background:var(--accent);color:var(--button);font:650 16px/1.5 system-ui;padding:15px 20px;cursor:pointer;margin-top:16px;text-decoration:none;text-align:center}.secondary{background:transparent;color:var(--accent)}.muted{font-size:13px;margin-top:24px}.theme{position:fixed;top:18px;right:20px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:50%;width:44px;height:44px;font-size:24px;cursor:pointer}.steps{display:flex;gap:8px;margin:28px 0}.steps span{flex:1;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13px;text-align:center}.steps .done{color:var(--accent);background:rgba(46,178,163,.1)}ol{list-style:none;padding:0}li{border-left:2px solid var(--accent);padding:6px 0 22px 20px;overflow-wrap:anywhere}li small{display:block;color:var(--muted)}.notice{padding:14px;border-radius:12px;border:1px solid var(--line);background:rgba(185,130,50,.09)}footer{font-size:12px;text-align:center;color:var(--muted);margin:28px 0}@media(max-width:600px){main{margin-top:72px;padding:0 16px}.glass{padding:28px 22px;border-radius:22px}.steps{gap:5px}.steps span{padding:8px 3px;font-size:12px}}@media(prefers-reduced-motion:no-preference){body,.glass{transition:background .2s,color .2s}}
.reference{overflow-wrap:anywhere}.money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.money-grid>div{border:1px solid var(--line);border-radius:14px;padding:16px 12px}.money-grid small{display:block;color:var(--muted)}.money-grid strong{display:block;font-size:16px;overflow-wrap:anywhere}.paid-status{display:inline-block;font-size:12px;padding:4px 10px;border:1px solid var(--line);border-radius:20px}.settled{color:var(--accent);background:rgba(46,178,163,.12)}@media(max-width:600px){.money-grid{grid-template-columns:1fr}.money-grid>div{display:flex;justify-content:space-between;align-items:center;gap:10px}}
progress{display:block;width:100%;height:12px;accent-color:var(--accent);margin-bottom:26px}.progress-label{font-size:13px;color:var(--muted);margin:10px 0 8px}
@media screen{main{margin:58px auto 24px;padding-inline:18px}.glass{margin-top:18px;padding:28px;border-radius:20px}h1{font-size:clamp(26px,4vw,34px);margin:10px 0 14px}h2{font-size:18px}p{margin-block:10px}label{margin:18px 0 5px}input{padding:10px 12px;min-height:44px}.button{padding:10px 14px;min-height:44px;margin-top:12px}.steps{margin:18px 0}.money-grid{gap:8px}.money-grid>div{padding:12px}.qr-scanner{margin-top:18px;padding-top:12px}.navigation{margin-top:16px;gap:12px}li{padding-bottom:14px}.muted{margin-top:16px}footer{margin:18px 0}}@media screen and (max-width:600px){main{margin-top:76px;padding-inline:12px}.glass{padding:20px 16px}.scanner-actions .button{min-height:44px}}
.brand{display:inline-flex;align-items:center;gap:12px;letter-spacing:-.025em}.brand .brand-symbol{display:grid;place-items:center;flex-shrink:0;width:44px;height:46px;border-radius:13px;background:#26373b;border:1px solid rgba(121,220,195,.25)}.brand-symbol img{display:block;object-fit:contain}.brand>div{min-width:0}.brand>div>span{max-width:300px;line-height:1.55;letter-spacing:.01em}
[hidden]{display:none!important}.language{position:absolute;top:16px;left:24px;display:flex;align-items:center;gap:7px;margin:0;width:auto}.language label{margin:0;font-size:12px}.language select,.language button{width:auto;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel)}.scanner-actions{display:flex;flex-wrap:wrap;gap:10px}.scanner-actions .button{width:auto;margin:0;font-size:14px;padding:10px 15px;cursor:pointer}.qr-scanner{border-top:1px solid var(--line);margin-top:28px;padding-top:16px}.qr-scanner video{width:100%;max-height:320px;border-radius:18px;background:#26373b}.navigation{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}.navigation a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.scanner-actions:focus-within label{outline-offset:3px}.sr-only:focus-visible+*{outline:2px solid var(--accent)}@media(max-width:480px){.language{left:16px}.language label{display:none}main{margin-top:90px}.theme{right:16px}}