:root{--bg:#f7f6ef;--surface:#fff;--ink:#141412;--muted:#3f3e3a;--muted2:#33322e;--outline:#6f6a5c;--card-line:#bdb6a2;--line:#d6d0bf;--soft:#f3f0e6;--gold:#b89b63;--gold-ink:#1f1d18;--tonal:#e9ddc2;--tonal-ink:#241a04;--title:#5c4824;--green:#14502b;--green-bg:#cde8d5;--orange:#6e3a06;--orange-bg:#f9d9b0;--red:#7f1f1c;--red-bg:#f3cfcd;--blue:#1f3770;--blue-bg:#d3ddf2;--amber-bg:#fbf0d9;--amber:#4a3209;--inverse:#322f2a;--inverse-ink:#f6f1e7;--inverse-action:#e9c46a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sun{--bg:#fff;--muted:#000;--muted2:#000;--outline:#141412;--card-line:#141412;--line:#555;--soft:#fff;--title:#3a2c10;--orange-bg:#f7c98f;--green-bg:#b9dfc5}.sun .card,.sun .list,.sun .kpi{border-width:2px}.sun body,.sun{font-weight:500}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:16px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--title)}:focus-visible{outline-offset:2px;outline:3px solid #7a6131}.app{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.topbar{z-index:4;background:var(--bg);justify-content:space-between;align-items:center;gap:8px;min-height:64px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar .t{flex-direction:column;min-width:0;display:flex}.topbar h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:22px;font-weight:600;line-height:1.2;overflow:hidden}.topbar .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.icon-btn{background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;position:relative}.icon-btn.outlined{border:1px solid var(--card-line);background:var(--surface)}.badge{color:#fff;background:#b3261e;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:12px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}.content{flex-direction:column;flex:1;gap:12px;padding:0 16px 112px;display:flex}.navbar{z-index:5;width:100%;max-width:480px;height:calc(80px + env(safe-area-inset-bottom));padding:12px 0 calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--card-line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.navbar button{color:#4a4740;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.navbar .ind{border-radius:16px;justify-content:center;align-items:center;width:64px;height:32px;display:flex}.navbar .on{color:var(--tonal-ink)}.navbar .on .ind{background:var(--tonal)}.fab{right:max(16px,50% - 224px);bottom:calc(96px + env(safe-area-inset-bottom));z-index:5;background:var(--gold);height:56px;color:var(--gold-ink);border:0;border-radius:16px;align-items:center;gap:12px;padding:0 20px 0 16px;font-size:16px;font-weight:600;transition:bottom .2s;display:flex;position:fixed;box-shadow:0 3px 8px #00000047}.fab.up{bottom:calc(152px + env(safe-area-inset-bottom))}.snackbar{width:calc(100% - 32px);max-width:448px;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:6;background:var(--inverse);min-height:48px;color:var(--inverse-ink);border-radius:4px;align-items:center;gap:8px;padding:4px 8px 4px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 3px 8px #0000004d}.snackbar span{flex:1}.snackbar button{height:48px;color:var(--inverse-action);background:0 0;border:0;padding:0 12px;font-size:14px;font-weight:600}.section{color:var(--title);padding:4px 4px 0;font-size:14px;font-weight:600}.card{background:var(--surface);border:1px solid var(--card-line);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.list{background:var(--surface);border:1px solid var(--card-line);border-radius:12px;overflow:hidden}.row{border:0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;width:100%;min-height:72px;color:var(--ink);align-items:center;gap:12px;padding:12px 16px;display:flex}.list>.row:last-child,.list>:last-child>.row{border-bottom:0}.row .grow{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.row .name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.meta{color:var(--muted);font-size:14px}.note-text{color:#6b4a0e;font-size:14px;font-weight:500}.chev{color:#55534d;flex-shrink:0}.kv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex}.kv:last-child{border-bottom:0}.kv .k{color:var(--muted);font-size:14px}.kv .v{text-align:right;font-weight:600}.big{font-size:22px;font-weight:600}.huge{font-size:28px;font-weight:600}.right{text-align:right}.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}.stack{flex-direction:column;gap:8px;display:flex}.hstack{align-items:center;gap:8px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.kpi{background:var(--surface);border:1px solid var(--card-line);border-radius:12px;padding:12px}.kpi .n{font-size:22px;font-weight:600}.kpi .l{color:var(--muted);font-size:12px}.soft{background:var(--soft);border-radius:8px;padding:12px}.pill{white-space:nowrap;border-radius:999px;align-self:flex-start;padding:2px 12px;font-size:14px;font-weight:600;display:inline-block}.pill.todo{background:var(--orange-bg);color:var(--orange)}.pill.done{background:var(--green-bg);color:var(--green)}.pill.refund,.pill.failed{background:var(--red-bg);color:var(--red)}.pill.credited{background:var(--blue-bg);color:var(--blue)}.pill.pending,.pill.neutral{background:var(--tonal);color:var(--tonal-ink)}.pill.dark{background:var(--ink);color:#fff;padding:4px 12px;font-size:12px}.chips{scrollbar-width:none;flex-shrink:0;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips.wrap{flex-wrap:wrap;overflow:visible}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--outline);background:var(--surface);min-height:40px;color:var(--muted2);border-radius:8px;flex-shrink:0;padding:0 16px;font-size:14px;font-weight:600}.chip.on{border-color:var(--tonal);background:var(--tonal);color:var(--tonal-ink)}.chip.day{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:72px;height:64px;padding:0;display:flex}.chip.day small{font-size:12px;font-weight:600}.chip.day b{font-size:22px}.option{border:1px solid var(--outline);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:8px 16px;display:flex}.option.on{background:var(--tonal);color:var(--tonal-ink);border:2px solid #7a6131}.option:disabled{border-color:var(--line);color:#6f6d66;opacity:1;background:#efede6}.seg{border:1px solid var(--outline);border-radius:999px;display:flex;overflow:hidden}.seg button{background:var(--surface);height:48px;color:var(--muted2);border:0;flex:1;font-size:14px;font-weight:600}.seg button+button{border-left:1px solid var(--outline)}.seg button.on{background:var(--tonal);color:var(--tonal-ink)}.btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:56px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn.sm{height:48px;padding:0 16px;font-size:14px}.btn.dark{background:var(--ink);color:#fff}.btn.gold{background:var(--gold);color:var(--gold-ink)}.btn.outline{background:var(--surface);border:1px solid var(--outline);color:var(--ink)}.btn.outline-gold{background:var(--surface);color:#4a3a17;border:1px solid #7a6131}.btn.outline-green{background:var(--surface);border:1px solid var(--green);color:var(--green)}.btn.danger{background:var(--red);color:#fff}.btn.full{width:100%}.field{color:var(--muted2);flex-direction:column;gap:6px;font-size:15px;font-weight:500;display:flex}.field input,.field select{border:1px solid var(--outline);background:var(--surface);height:56px;color:var(--ink);border-radius:4px;width:100%;padding:0 16px;font-size:16px}.field input:focus{outline-offset:-1px;outline:2px solid #7a6131}.search{border:1px solid var(--outline);background:var(--surface);border-radius:28px;align-items:center;gap:8px;height:56px;padding:0 16px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.switch{border:2px solid var(--outline);background:#cfcab9;border-radius:999px;flex-shrink:0;width:52px;height:32px;transition:background .15s;display:inline-block;position:relative}.switch:after{content:"";background:var(--outline);border-radius:999px;width:20px;height:20px;transition:all .15s;position:absolute;top:4px;left:4px}.switch.on{background:var(--green);border-color:var(--green)}.switch.on:after{background:#fff;width:24px;height:24px;top:2px;left:22px}.toggle-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 0;display:flex}.toggle-row:last-child{border-bottom:0}.note{border-radius:8px;padding:12px 16px;font-size:15px;line-height:1.5}.note.amber{background:var(--amber-bg);color:var(--amber)}.note.blue{background:var(--blue-bg);color:var(--blue)}.note.green{background:var(--green-bg);color:var(--green);font-weight:600}.note.red{background:var(--red-bg);color:var(--red)}.note.grey{background:var(--soft);color:var(--muted2)}.board{background:var(--surface);color:#55534d;border:2px solid #9e9784;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.board.on{border-color:var(--green);background:var(--green);color:#fff}.box{background:var(--surface);border:2px solid #9e9784;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.box.on{background:var(--ink);border-color:var(--ink);color:#fff}.tile{border:1px solid var(--card-line);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;min-height:96px;padding:12px;display:flex;position:relative}.tile.on{border:2px solid var(--gold);background:#fbf7ec}.tile .qty{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:12px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.stepper{align-items:center;gap:12px;display:flex}.stepper button{border:1px solid var(--outline);background:var(--surface);border-radius:999px;width:48px;height:48px;font-size:22px}.dep-head{justify-content:space-between;align-items:baseline;padding:4px 4px 0;display:flex}.dep-head .time{margin-right:8px;font-size:22px;font-weight:600}.past{opacity:.6}.qr svg{border:2px solid var(--ink);border-radius:12px;width:220px;height:220px;margin:0 auto;display:block}.done-check{background:var(--green-bg);width:76px;height:76px;color:var(--green);border-radius:999px;justify-content:center;align-items:center;margin:8px auto 0;display:flex}.empty{text-align:center;color:var(--muted);padding:24px 8px}.spin{border:3px solid var(--line);border-top-color:var(--title);border-radius:50%;width:24px;height:24px;margin:24px auto;animation:.8s linear infinite s}@keyframes s{to{transform:rotate(360deg)}}.login{flex-direction:column;justify-content:center;gap:24px;max-width:420px;min-height:100dvh;margin:0 auto;padding:40px 24px;display:flex}.navbar .nav-brand,.navbar .nav-new{display:none}.split,.split .col{flex-direction:column;gap:12px;display:flex}.deps{flex-direction:column;gap:16px;display:flex}@media (min-width:1024px){body{background:var(--bg)}.app{max-width:none;margin:0 0 0 264px;padding:0 32px}.topbar{width:100%;max-width:1200px;min-height:72px;margin:0 auto;padding:12px 0}.content{gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:0 0 48px}.content.narrow{max-width:720px}.navbar{border-top:0;border-right:1px solid var(--card-line);flex-direction:column;align-items:stretch;gap:4px;width:264px;max-width:none;height:auto;padding:20px 12px;display:flex;top:0;bottom:0;left:0;transform:none}.navbar>button:not(.nav-new){border-radius:28px;flex-direction:row;justify-content:flex-start;gap:12px;height:56px;padding:0 16px;font-size:14px}.navbar>button:not(.nav-new) .ind{width:auto;height:auto;background:0 0!important}.navbar>button.on{background:var(--tonal)}.navbar>button:not(.on):hover{background:var(--soft)}.seg{max-width:420px}.navbar .nav-brand{align-items:center;gap:12px;padding:4px 12px 20px;display:flex}.nav-brand span{flex-direction:column;line-height:1.2;display:flex}.nav-brand small{color:var(--muted);font-size:12px}.navbar .nav-new{background:var(--gold);height:56px;color:var(--gold-ink);border:0;border-radius:16px;flex-direction:row;align-items:center;gap:12px;margin:0 0 16px;padding:0 20px 0 16px;font-size:15px;font-weight:600;display:flex;box-shadow:0 2px 6px #0000002e}.fab{display:none}.snackbar{width:auto;max-width:560px;bottom:24px;left:296px;transform:none}.deps{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));align-items:start;gap:24px;display:grid}.grid2.tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.row:hover,.option:hover:not(:disabled),.chip:hover:not(.on){filter:brightness(.98)}button,a.btn{cursor:pointer}}@media (min-width:640px) and (max-width:1023px){.app,.navbar{max-width:720px}.deps{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}}