:root{--bg: #f6f4ef;--surface: #ffffff;--surface-2: #efece4;--border: #e2ddd2;--text: #1f1d1a;--text-soft: #6b665d;--text-faint: #9b958a;--accent: #5b7553;--accent-soft: #e8efe4;--accent-text: #3d5237;--warn: #b06a3b;--warn-soft: #f6e9df;--danger: #a8473f;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(31, 29, 26, .04), 0 4px 16px rgba(31, 29, 26, .05);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #16150f;--surface: #211f18;--surface-2: #2b281f;--border: #38342a;--text: #f0ede4;--text-soft: #b0aa9c;--text-faint: #7d776b;--accent: #8aa67f;--accent-soft: #283024;--accent-text: #a9c19f;--warn: #d29361;--warn-soft: #2f2519;--danger: #d2746c;--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 4px 16px rgba(0, 0, 0, .25)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.45}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:baseline;gap:9px}.brand h1{font-size:21px;font-weight:600;letter-spacing:-.02em}.brand .tag{font-size:12.5px;color:var(--text-faint)}.topbar .who{font-size:13px;color:var(--text-soft);display:flex;align-items:center;gap:10px}.linkbtn{background:none;border:none;color:var(--text-soft);font-size:13px;text-decoration:underline;padding:4px}.content{flex:1;width:100%;max-width:760px;margin:0 auto;padding:18px 18px 96px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;border:none;background:none;padding:11px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-faint);font-size:11px;font-weight:500}.tabbar button .ic{font-size:19px;line-height:1}.tabbar button.on{color:var(--accent)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 16px}.section-head h2{font-size:24px;font-weight:600;letter-spacing:-.02em}.section-head p{color:var(--text-soft);font-size:14px;margin-top:2px}.subhead{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:600;margin:22px 0 10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.list{display:flex;flex-direction:column;gap:10px}.row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);text-align:left;width:100%}button.row{color:inherit}.row .grow{flex:1;min-width:0}.row .title{font-weight:550;font-size:15.5px}.row .sub{font-size:13px;color:var(--text-soft);margin-top:1px}.row .chev{color:var(--text-faint);font-size:18px}.pill{font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--surface-2);color:var(--text-soft);white-space:nowrap}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.ok{background:var(--accent-soft);color:var(--accent-text)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:9px 14px;font-size:14px;font-weight:550}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.ghost{background:none}.btn.sm{padding:6px 10px;font-size:13px}.btn.block{width:100%}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.btn:disabled{opacity:.45}.iconbtn{border:1px solid var(--border);background:var(--surface);color:var(--text);width:34px;height:34px;border-radius:9px;font-size:17px;display:grid;place-items:center;flex-shrink:0}.iconbtn.accent{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}.qty{display:flex;align-items:center;gap:0}.qty .iconbtn{border-radius:0}.qty .iconbtn:first-child{border-radius:9px 0 0 9px}.qty .iconbtn:last-child{border-radius:0 9px 9px 0;border-left:none}.qty .val{min-width:42px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-self:stretch;display:grid;place-items:center;background:var(--surface);font-size:15px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:6px}.field input,.field select{width:100%;padding:11px 13px;font-size:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.field .hint{font-size:12px;color:var(--text-faint);margin-top:5px}.row-fields{display:flex;gap:10px}.row-fields>*{flex:1}.check{display:flex;align-items:center;gap:10px;padding:10px 0}.check input{width:20px;height:20px;accent-color:var(--accent)}.check label{font-size:14.5px;font-weight:500}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#14120e66;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;animation:slideup .22s cubic-bezier(.2,.8,.2,1)}@keyframes slideup{0%{transform:translateY(100%)}}.modal h3{font-size:19px;font-weight:600;margin-bottom:16px;letter-spacing:-.01em}.modal-actions{display:flex;gap:10px;margin-top:8px}.modal-actions .btn{flex:1}@media (min-width: 600px){.overlay{align-items:center}.modal{border-radius:20px;animation:pop .18s ease}@keyframes pop{0%{transform:scale(.96);opacity:0}}}.toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:11px 18px;border-radius:99px;font-size:14px;font-weight:500;z-index:60;box-shadow:var(--shadow);animation:toastin .2s ease}@keyframes toastin{0%{transform:translate(-50%,12px);opacity:0}}.progress{height:7px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin-top:10px}.progress>div{height:100%;background:var(--accent);border-radius:99px;transition:width .3s ease}.taken-block{margin-top:22px}.taken-toggle{background:none;border:none;color:var(--text-soft);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;padding:6px 0}.empty{text-align:center;padding:48px 20px;color:var(--text-faint)}.empty .big{font-size:30px;margin-bottom:12px}.empty p{font-size:15px;margin-bottom:4px;color:var(--text-soft)}.empty .small{font-size:13.5px;color:var(--text-faint)}.auth-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:360px}.auth-card .brand{justify-content:center;margin-bottom:4px}.auth-card .brand h1{font-size:30px}.auth-sub{text-align:center;color:var(--text-soft);font-size:14.5px;margin-bottom:26px}.auth-switch{text-align:center;font-size:13.5px;color:var(--text-soft);margin-top:16px}.err{background:var(--warn-soft);color:var(--warn);padding:10px 13px;border-radius:var(--radius-sm);font-size:13.5px;margin-bottom:14px}.mode-tabs{display:flex;gap:8px;margin-bottom:18px;background:var(--surface-2);padding:4px;border-radius:var(--radius-sm)}.mode-tabs button{flex:1;border:none;background:none;padding:8px;border-radius:7px;font-size:14px;font-weight:550;color:var(--text-soft)}.mode-tabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.inline-add{display:flex;gap:8px;margin-top:12px}.inline-add input{flex:1;padding:10px 12px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.crumbs{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--text-soft);margin-bottom:14px}.crumbs button{background:none;border:none;color:var(--accent-text);font-weight:600;font-size:13.5px;padding:0}.app{display:flex;flex-direction:row;min-height:100%}.sidebar{display:none;flex-direction:column;width:230px;flex-shrink:0;border-right:1px solid var(--border);padding:22px 16px;min-height:100vh}.sidebar .brand,.drawer .brand{display:flex;align-items:baseline;gap:8px;margin:4px 8px 20px}.sidebar .brand h1,.drawer .brand h1{font-size:22px;font-weight:600;letter-spacing:-.02em}.brand .tag{font-size:12px;color:var(--text-faint)}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 12px;border-radius:11px;border:none;background:none;color:var(--text-soft);font-size:15px;font-weight:500;cursor:pointer}.nav-item:hover{background:var(--surface-2)}.nav-item.on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.nav-item .ic{font-size:18px}.nav-spacer{flex:1}.nav-foot{border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.nav-foot .who{font-size:13px;color:var(--text-faint);padding:0 12px 8px}.drawer{position:fixed;top:0;left:0;bottom:0;width:250px;z-index:60;background:var(--bg);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .22s ease}.drawer.open{transform:translate(0)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:55;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:18px 20px 6px}.topbar-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:18px;cursor:pointer;flex-shrink:0}.page-title{font-size:22px;font-weight:600;letter-spacing:-.02em}.page{padding:12px 20px 120px;position:relative}.page-h2{font-size:21px;font-weight:600;margin:2px 0 8px;letter-spacing:-.01em}.back{background:none;border:none;color:var(--accent-text);font-size:14px;font-weight:600;cursor:pointer;padding:4px 0 10px}.subtabs{display:flex;gap:6px;background:var(--surface-2);padding:4px;border-radius:12px;margin-bottom:16px}.subtabs button{flex:1;padding:9px;border:none;background:none;border-radius:9px;font-size:14px;font-weight:600;color:var(--text-soft);cursor:pointer}.subtabs button.on{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0000000f}.fab{position:fixed;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 14px #0000002e;z-index:40}.fab:active{transform:scale(.95)}.fab.right{right:22px}.fab.left{left:22px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:70;display:flex;align-items:flex-end}.sheet{width:100%;background:var(--bg);border-radius:18px 18px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom,0));animation:slideup .2s ease;max-height:88vh;overflow-y:auto}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-head span{font-size:17px;font-weight:600}.sheet-close{background:none;border:none;font-size:24px;color:var(--text-faint);cursor:pointer;line-height:1}.banner{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--warn);background:var(--warn-soft);color:var(--text);cursor:pointer;margin-bottom:16px}.banner .chev{margin-left:auto;color:var(--warn);font-size:20px}.banner-sub{font-size:13px;color:var(--text-soft);margin-top:2px}.swipe-wrap{position:relative;overflow:hidden;border-radius:14px}.swipe-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 20px;color:#fff;font-weight:600;font-size:14px}.swipe-bg.right{justify-content:flex-start}.swipe-bg.left{justify-content:flex-end}.swipe-fg{position:relative;background:var(--bg);touch-action:pan-y}.trip-item .check-btn{width:30px;height:30px;border-radius:50%;border:2px solid var(--border);background:none;color:var(--accent);font-size:14px;cursor:pointer;flex-shrink:0}.bag-select{margin-left:8px;font-size:12px;padding:2px 6px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft)}.qty{display:flex;align-items:center;gap:6px}.qty .val{min-width:26px;text-align:center;font-weight:600}.iconbtn{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:16px;cursor:pointer}.iconbtn.del{color:var(--danger)}.trip-actions{display:flex;gap:10px;margin-top:20px}.muted{color:var(--text-soft);font-size:14px}.empty.big{padding:50px 20px;text-align:center;font-size:16px}.subhead{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin:18px 0 8px}.check{display:flex;align-items:center;gap:9px;margin:10px 0}.check label{font-size:14px}@media (min-width: 860px){.sidebar{display:flex}.menu-btn,.drawer,.drawer-overlay{display:none}.page,.topbar{max-width:760px}.fab.right{right:calc(50% - 380px)}.fab.left{left:268px}}