:root{color-scheme:light dark;--ink:#142235;--muted:#475972;--panel:#ffffffc2;--line:#ffffffad;--sub:#e5edf8;--blue:#1459c7;--late:#ad2236;--shadow:0 14px 40px #17396313;font:16px system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root{--ink:#edf4ff;--muted:#a6b7cb;--panel:#192739db;--line:#4c648077;--sub:#2a3b53;--blue:#8fbaff;--late:#ff9ba9;--shadow:0 14px 40px #0004}}
*{box-sizing:border-box}body{margin:0;color:var(--ink);min-height:100vh;background:radial-gradient(ellipse at 8% 0,#5f99ff35,transparent 58%),radial-gradient(ellipse at 96% 35%,#74dfd12c,transparent 50%),Canvas}header,main{max-width:1080px;margin:auto;padding:20px clamp(14px,4vw,30px)}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:750;color:var(--ink)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,p{margin:0 0 12px}h1{font-size:clamp(24px,4vw,32px);letter-spacing:-.035em}h2{font-size:19px}p,.period{color:var(--muted)}.panel,.notice,nav{background:var(--panel);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:22px;min-width:0}.summary,.layout,.dates{display:grid;gap:14px}.summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.summary span{color:var(--muted);display:block;margin-bottom:6px}.summary strong{font-size:clamp(20px,4vw,38px);letter-spacing:-.055em}.layout{grid-template-columns:minmax(250px,1fr) minmax(0,2fr);align-items:start}.login{max-width:430px;margin:10vh auto}.buyer,.entry-top,.payment{display:flex;justify-content:space-between;gap:12px;align-items:center}.buyer{padding:11px 9px;border-radius:13px;overflow-wrap:anywhere}.buyer b,.entry-top strong{white-space:nowrap}.buyer[aria-current]{background:var(--sub);font-weight:700}.entry{padding:15px 0;border-top:1px solid var(--sub);overflow-wrap:anywhere}.entry p{margin:7px 0}.note{white-space:pre-wrap}.status{font-size:13px;color:var(--muted)}.late,.error{color:var(--late)}.payment{padding:8px 0}.notice{margin-bottom:12px}details{margin:12px 0}summary{cursor:pointer;color:var(--blue);font-weight:650;padding:9px 0}form{display:grid;gap:12px}label{display:grid;gap:5px;font-size:14px;color:var(--muted)}input,textarea,button{font:inherit;border-radius:14px;min-width:0}input,textarea{width:100%;padding:11px;border:1px solid var(--sub);background:Canvas;color:var(--ink);font-size:16px}textarea{min-height:75px;resize:vertical}button{border:0;background:#1459c7;color:white;padding:11px 16px;font-weight:650;cursor:pointer}.secondary{background:var(--sub);color:var(--ink)}.dates{grid-template-columns:1fr 1fr}nav{display:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:680px){main{padding-top:4px;padding-bottom:100px}.layout{display:flex;flex-direction:column}.layout>*{width:100%}.layout:has([aria-current]) .content{order:-1}.panel{padding:16px}.summary span{font-size:13px}nav{display:flex;position:fixed;inset:auto 12px calc(10px + env(safe-area-inset-bottom)) 12px;align-items:center;justify-content:space-around;padding:7px;z-index:1}nav .add{border-radius:50%;background:#1459c7;color:white;width:45px;height:45px;display:grid;place-items:center;font-size:27px}}