:root{--red:#f7515d;--dark:#17181a;--grey:#6b7076;--panel:#f7f6f3;--line:#e2e1de;--green:#1f8a5b;--amber:#b4740a;--r:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--panel);color:var(--dark);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}button,input,select{font-family:inherit;font-size:inherit;color:inherit}.wrap{max-width:560px;margin:0 auto;padding:0 16px}.app{padding-bottom:calc(74px + env(safe-area-inset-bottom))}header{background:var(--dark);color:#fff;padding:14px 0 0}.mast{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:.12em;font-size:15px;font-weight:800}.brand i{color:var(--red);font-style:normal}.who{color:#9ea3a9;font-size:13px}.bal{gap:10px;padding:12px 0 14px;display:flex}.bal>div{border-radius:var(--r);border-left:3px solid var(--red);background:#212226;flex:1;padding:10px 12px}.bal span{color:#9ea3a9;font-size:11.5px;display:block}.bal strong{font-size:23px;font-weight:700;line-height:1.25;display:block}.bal em{color:#9ea3a9;font-size:12px;font-style:normal;font-weight:400}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--dark);margin:22px 0 10px;font-size:13px;font-weight:800}.card{border:1px solid var(--line);border-radius:var(--r);background:#fff;margin-bottom:12px;padding:14px}label{color:var(--grey);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}input[type=date],input[type=time],input[type=text],input[type=email],input[type=password],input[type=number],select{border:1.5px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:11px 12px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--red);outline-offset:1px}.row{gap:10px;display:flex}.row>*{flex:1;min-width:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:10px 14px;font-weight:500}.chip[aria-pressed=true]{border-color:var(--red);color:var(--red);background:#fef2f3;font-weight:700}.seg{gap:8px;margin-bottom:14px;display:flex}.seg button{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:12px;font-weight:500}.seg button[aria-pressed=true]{border-color:var(--red);background:var(--red);color:#fff;font-weight:700}.tot{border-top:1px solid var(--line);justify-content:center;align-items:baseline;gap:8px;margin-top:14px;padding:16px 0 4px;display:flex}.tot b{font-size:38px;font-weight:700;line-height:1}.tot span{color:var(--grey);font-size:14px}.hint{color:var(--grey);margin-top:8px;font-size:12.5px}.hint.warn{color:var(--amber);font-weight:500}.hint.err{color:var(--red);font-weight:500}.save{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:14px;padding:15px;font-size:16px;font-weight:700}.save:disabled{color:#8c8a86;cursor:not-allowed;background:#d8d6d2}.ghost{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:100%;margin-top:10px;padding:13px;font-weight:500}.tog{cursor:pointer;align-items:flex-start;gap:10px;margin-top:12px;display:flex}.tog input{width:20px;height:20px;accent-color:var(--red);flex:none;margin:1px 0 0}.tog span{font-size:13.5px;line-height:1.4}.tog small{color:var(--grey);font-size:12px;display:block}.wk{margin-bottom:16px}.wkh{border-bottom:2px solid var(--dark);justify-content:space-between;align-items:baseline;margin-bottom:2px;padding-bottom:6px;display:flex}.wkh b{font-size:14.5px}.wkh i{font-size:14.5px;font-style:normal;font-weight:700}.wkh i.over{color:var(--red)}.ent{border-bottom:1px solid var(--line);border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:10px;margin-left:-12px;padding:11px 12px;display:flex}.ent.pending{border-left-color:var(--amber)}.ent.approved{border-left-color:var(--green)}.ent.rejected{border-left-color:var(--red)}.ent p{margin:0;font-size:14.5px;font-weight:500}.ent small{color:var(--grey);font-size:12.5px;font-weight:400;display:block}.ent b{white-space:nowrap;font-size:15px}.pill{text-transform:uppercase;letter-spacing:.03em;background:var(--panel);color:var(--grey);border-radius:99px;padding:3px 9px;font-size:10.5px;font-weight:700}.pill.pending{color:var(--amber);background:#fdf1dc}.pill.approved{color:var(--green);background:#e6f5ee}.pill.rejected{color:var(--red);background:#fef2f3}.acc{color:var(--red);padding:6px 0 0;font-size:12.5px;font-weight:500}.empty{text-align:center;color:var(--grey);padding:44px 20px;font-size:14.5px}nav{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:20;background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{cursor:pointer;color:var(--grey);background:0 0;border:0;border-top:2.5px solid #0000;flex:1;margin-top:-1px;padding:11px 4px 12px;font-size:11.5px;font-weight:500}nav button[aria-current=page]{color:var(--red);border-top-color:var(--red);font-weight:700}nav button i{margin-bottom:1px;font-size:19px;font-style:normal;display:block}.toast{left:16px;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));background:var(--dark);color:#fff;opacity:0;pointer-events:none;z-index:30;border-radius:8px;max-width:528px;margin:0 auto;padding:13px 16px;font-size:14px;font-weight:500;transition:all .18s;position:fixed;transform:translateY(8px)}.toast.on{opacity:1;transform:none}.auth{background:var(--dark);color:#fff;flex-direction:column;justify-content:center;min-height:100dvh;padding:24px;display:flex}.auth .inner{width:100%;max-width:340px;margin:0 auto}.brandmark{flex-direction:column;align-items:center;margin-bottom:6px;display:flex}.brandmark-icon{width:44px;height:44px;margin-bottom:10px}.auth .brand{text-align:center;margin-bottom:0;font-size:22px;font-weight:800}.auth .version{color:#5a5c61;text-align:center;margin:28px 0 0;font-size:11.5px}.auth p.sub{color:#9ea3a9;text-align:center;margin:0 0 26px;font-size:14px}.auth label{color:#9ea3a9}.auth input{color:#fff;background:#212226;border-color:#33353a}.auth .save{margin-top:18px}.auth .link{color:#9ea3a9;cursor:pointer;background:0 0;border:0;margin:16px auto 0;padding:6px;font-size:13.5px;text-decoration:underline;display:block}.dots{justify-content:center;gap:14px;margin:26px 0 30px;display:flex}.dot{border:2px solid #4a4c52;border-radius:99px;width:15px;height:15px}.dot.on{background:var(--red);border-color:var(--red)}.keys{grid-template-columns:repeat(3,1fr);gap:12px;max-width:290px;margin:0 auto;display:grid}.keys button{aspect-ratio:1.5;color:#fff;cursor:pointer;background:#212226;border:1.5px solid #33353a;border-radius:10px;font-size:23px;font-weight:500}.keys button:active{background:#2c2e33}.keys button.blank{cursor:default;background:0 0;border:0}@media (prefers-reduced-motion:reduce){*{transition:none!important}}nav{justify-content:center}nav>button{max-width:150px}.notice{border:1px solid #e8d9a0;border-left:3px solid var(--amber);border-radius:var(--r);background:#fff8e1;margin-bottom:12px;padding:12px 14px;font-size:13.5px}.notice.bad{border-color:#f2c4c8;border-left-color:var(--red);background:#fef2f3}.notice b{margin-bottom:6px;font-size:14px;display:block}.notice ul{margin:0 0 8px;padding-left:18px}.notice li{color:#5c5a55;margin:2px 0}.notice span{color:var(--grey);font-size:12.5px}.manual-body{color:var(--dark);font-size:14.5px;line-height:1.6}.manual-body p{margin:0 0 14px}.manual-body h2.manual-h2,.manual-body h3,.manual-body h4{text-transform:none;letter-spacing:0;color:var(--dark);margin:20px 0 8px;font-weight:700}.manual-body h2.manual-h2{font-size:19px}.manual-body h3{font-size:16.5px}.manual-body h4{font-size:14.5px}.manual-body ul{margin:0 0 14px;padding-left:20px}.manual-body li{margin:3px 0}.manual-body code{background:var(--panel);border-radius:4px;padding:1px 5px;font-size:13px}