:root{--bg:#F3F4F2;--paper:#FFFFFF;--ink:#1B2126;--ink-2:#566069;--line:#D8DCD9;--bar:#222C33;--plate:#F2C200;--plate-ink:#141414;--accent:#0E5E8C;--warn-bg:#FFF4D6;--warn:#8A5A00;--bad:#B3261E;--bad-bg:#FBE4E2;--good:#2E6B30;--good-bg:#E3F1E3;--rev:#0E5E8C;--pro:#2E6B30;--cost:#B85C1E;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#14181B;--paper:#1D2327;--ink:#ECEEEC;--ink-2:#A9B2B8;--line:#353D43;--bar:#0D1114;--accent:#72B6DE;--warn-bg:#3A2F12;--warn:#F2CF73;--bad:#F2A09A;--bad-bg:#3B1E1C;--good:#8FCB90;--good-bg:#1D3320;--rev:#72B6DE;--pro:#8FCB90;--cost:#E8A06B}}:root[data-theme=dark]{--bg:#14181B;--paper:#1D2327;--ink:#ECEEEC;--ink-2:#A9B2B8;--line:#353D43;--bar:#0D1114;--accent:#72B6DE;--warn-bg:#3A2F12;--warn:#F2CF73;--bad:#F2A09A;--bad-bg:#3B1E1C;--good:#8FCB90;--good-bg:#1D3320;--rev:#72B6DE;--pro:#8FCB90;--cost:#E8A06B}*,*:before,*:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:84px}h1,h2,h3{font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;font-weight:700;line-height:1.1;margin:0}h2{font-size:1.7rem;margin-bottom:12px}h3{font-size:1.25rem;margin:18px 0 8px}a{color:var(--accent)}:focus-visible{outline:3px solid var(--plate);outline-offset:2px}button{font-family:inherit}.top{position:sticky;top:0;z-index:5;background:var(--bar);color:#fff;padding-top:env(safe-area-inset-top,0px)}.top .in{max-width:1100px;margin:0 auto;padding:0 16px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px}.top b{font-family:Barlow Condensed,sans-serif;font-size:1.35rem;letter-spacing:.01em}.top .tag{background:var(--plate);color:var(--plate-ink);border:2px solid #141414;border-radius:4px;padding:0 6px;font:700 .85rem Barlow Condensed,sans-serif;margin-right:8px}.top .who{font-size:.8rem;color:#b8c1c6}.top .logout{background:transparent;border:1px solid #4A545C;color:#fff;border-radius:6px;padding:6px 10px;font-size:.8rem;cursor:pointer}main{max-width:1100px;margin:0 auto;padding:18px 16px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--bar);display:grid;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}.nav button,.nav a{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#b8c1c6;font:500 .74rem Be Vietnam Pro,sans-serif;min-height:52px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none}.nav button[aria-current=page],.nav a[aria-current=page]{color:var(--plate-ink);background:var(--plate)}@media (min-width:900px){body{padding-bottom:0}.nav{position:sticky;top:54px;bottom:auto;display:flex;justify-content:center;gap:6px;padding:6px;grid-template-columns:none}.nav button,.nav a{flex-direction:row;gap:8px;min-height:40px;padding:0 16px;font-size:.9rem}}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}label.l{display:block;font-size:.85rem;font-weight:500;margin-bottom:5px}input[type=text],input[type=tel],input[type=number],input[type=date],input[type=password],input[type=search],select,textarea{width:100%;font:400 1rem Be Vietnam Pro,sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 11px;min-height:44px}textarea{min-height:70px;resize:vertical}.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g3{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:700px){.g3{grid-template-columns:repeat(3,1fr)}}.f{margin-bottom:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 16px;border-radius:8px;font:600 .93rem Be Vietnam Pro,sans-serif;cursor:pointer;border:1px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none}.btn.p{background:var(--bar);border-color:var(--bar);color:#fff}.btn.y{background:var(--plate);border-color:#141414;color:var(--plate-ink)}.btn.d{background:var(--bad);border-color:var(--bad);color:#fff}.btn.s{min-height:36px;padding:5px 12px;font-size:.85rem}.btn.full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center;gap:8px}.muted{color:var(--ink-2);font-size:.88rem}.drop{border:2px dashed var(--line);border-radius:12px;padding:18px;text-align:center;background:var(--paper)}.thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.thumbs figure{margin:0;position:relative;width:86px;height:86px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.thumbs img{width:100%;height:100%;object-fit:cover;display:block}.thumbs button{position:absolute;top:3px;right:3px;width:26px;height:26px;border-radius:50%;border:0;background:#000000a6;color:#fff;cursor:pointer;font-size:14px;line-height:1}.q{background:var(--warn-bg);border:1px solid var(--warn);border-radius:8px;padding:8px 10px;margin-top:6px;font-size:.86rem;color:var(--warn)}.q label{display:flex;gap:8px;align-items:center;margin-top:6px;color:var(--ink);cursor:pointer}.q input{width:18px;height:18px}.flag input,.flag select,.flag textarea{border-color:var(--warn);border-width:2px}.err{color:var(--bad);font-size:.85rem;margin-top:6px}.ok{color:var(--good);font-size:.85rem;margin-top:6px}.sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.sum div{background:var(--bg);border-radius:8px;padding:8px 10px}.sum span{display:block;font-size:.75rem;color:var(--ink-2)}.sum b{font:700 1.3rem Barlow Condensed,sans-serif;font-variant-numeric:tabular-nums}.neg{color:var(--bad)}.trip{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.trip:last-child{border-bottom:0}.trip .t{font-weight:600}.trip .m{font-size:.85rem;color:var(--ink-2)}.trip .r{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:99px}.b-paid{background:var(--good-bg);color:var(--good)}.b-unpaid{background:var(--warn-bg);color:var(--warn)}.b-over{background:var(--bad-bg);color:var(--bad)}.b-locked{background:var(--line);color:var(--ink-2)}.filters{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:700px){.filters{grid-template-columns:2fr 1.3fr 1fr 1fr 1fr}}.tabs{display:inline-grid;grid-auto-flow:column;gap:4px;background:var(--paper);border:1px solid var(--line);padding:4px;border-radius:10px;margin-bottom:12px}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-2);font:500 .9rem Be Vietnam Pro,sans-serif;padding:8px 16px;border-radius:7px;cursor:pointer;min-height:40px}.tabs button[aria-selected=true]{background:var(--bar);color:#fff}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-weight:600;color:var(--ink-2);font-size:.8rem}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}.photos{display:flex;flex-wrap:wrap;gap:8px}.photos img{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid var(--line);cursor:pointer}.log{font-size:.8rem;color:var(--ink-2);margin:0;padding-left:1rem}.hidden{display:none!important}.fwrap{position:relative;display:inline-flex;overflow:hidden;border-radius:8px}.fwrap input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:100px}.status{font-size:.9rem;margin-top:10px;min-height:1.2em}.center{max-width:420px;margin:60px auto;padding:0 16px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
