:root{
  --bg:#090806;--panel:#12100d;--panel2:#1a1610;--line:#32281b;--text:#fff8ea;--muted:#b9ab95;
  --amber:#ffbe2e;--orange:#ff7518;--gold:#ffd86a;--cream:#fff0c8;--green:#79d48a;--red:#ff5c5c;
  --shadow:0 14px 34px rgba(0,0,0,.34);--radius:22px;
}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 80% -10%,#4b2209 0,transparent 34%),linear-gradient(180deg,#0b0907,#070605);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}body{padding-bottom:96px}#app-shell{max-width:980px;margin:0 auto;min-height:100vh}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(8,7,5,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,190,46,.16)}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand img{width:48px;height:48px;border-radius:14px;box-shadow:0 0 25px rgba(255,117,24,.2)}.brand div{display:flex;flex-direction:column;line-height:.9}.brand strong{font-size:19px;letter-spacing:.04em}.brand span{font-size:15px;color:var(--amber);font-weight:900;letter-spacing:.12em}.trip-pill{max-width:45vw;border:1px solid #523717;background:linear-gradient(180deg,#261b0f,#16110c);color:var(--cream);padding:9px 12px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;max-width:980px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(10,8,6,.96);backdrop-filter:blur(18px);border-top:1px solid #392819;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.bottom-nav button{background:none;border:0;color:#9f927f;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px}.bottom-nav button span{font-size:22px;line-height:1}.bottom-nav button small{font-size:11px}.bottom-nav button.active{color:var(--amber)}main{padding:18px 14px 34px}.hero{overflow:hidden;position:relative;border:1px solid #5d3d17;border-radius:28px;background:linear-gradient(135deg,#25170b,#120e09 60%,#3b1b07);box-shadow:var(--shadow);padding:24px;min-height:260px}.hero:after{content:"";position:absolute;right:-50px;bottom:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--orange),transparent 65%);opacity:.16}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:center}.hero h1{font-size:clamp(30px,6vw,54px);line-height:.96;margin:0 0 12px}.hero h1 span{display:block;background:linear-gradient(90deg,var(--gold),var(--orange));-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);max-width:540px;margin:0 0 18px}.hero img{width:100%;max-height:240px;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(0,0,0,.5))}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800;color:#1a0d00;background:linear-gradient(135deg,var(--gold),var(--orange));box-shadow:0 5px 20px rgba(255,117,24,.17)}.btn.secondary{background:#1a1510;color:var(--cream);border:1px solid #47331f;box-shadow:none}.btn.danger{background:#291111;color:#ff8f8f;border:1px solid #5d2424;box-shadow:none}.btn.ghost{background:transparent;color:var(--amber);border:1px solid #5d3d17;box-shadow:none}.grid{display:grid;gap:14px}.grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:24px 2px 12px}.section-title h2{margin:0;font-size:22px}.section-title p{margin:3px 0 0;color:var(--muted);font-size:13px}.card{background:linear-gradient(180deg,#17130f,#100d0a);border:1px solid #342718;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.trip-card{position:relative;overflow:hidden}.trip-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--gold),var(--orange))}.trip-card h3{margin:0 0 4px}.muted{color:var(--muted)}.small{font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.stat{background:#0c0a08;border:1px solid #2a2117;padding:10px;border-radius:14px;text-align:center}.stat b{display:block;color:var(--gold);font-size:20px}.progress{height:8px;background:#292016;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--orange));border-radius:inherit}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick button{min-height:86px;border-radius:18px;border:1px solid #3a2b1b;background:#15110d;color:var(--cream);font-weight:700;padding:10px}.quick button span{display:block;font-size:28px;margin-bottom:4px}.category{padding:0;overflow:hidden}.category-head{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid #302418}.category-head .icon{font-size:23px}.category-head .grow{flex:1}.category-head h3{margin:0;font-size:16px}.category-head small{color:var(--muted)}.item-row{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #241c13}.item-row:last-child{border-bottom:0}.status-btn{width:40px;height:40px;border-radius:50%;border:2px solid #675133;background:#0c0a08;color:var(--amber);font-weight:900}.item-row.packed .status-btn{background:var(--green);border-color:var(--green);color:#102313}.item-row.skipped{opacity:.5}.item-row.skipped .status-btn{background:#4a1b17;border-color:#9d4035;color:#ffd7d2}.item-name{font-weight:750}.item-meta{color:var(--muted);font-size:12px;margin-top:2px}.item-actions{display:flex;gap:5px}.icon-btn{width:35px;height:35px;border-radius:10px;border:1px solid #392a1b;background:#16110d;color:#e3d4bf}.icon-btn.warn{color:#ff947d}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.tab{border:1px solid #3d2e1d;border-radius:999px;background:#16120e;color:#b8aa96;padding:8px 12px;white-space:nowrap}.tab.active{background:linear-gradient(90deg,var(--gold),var(--orange));color:#1a0d00;border-color:transparent;font-weight:800}.form-grid{display:grid;gap:12px}.field label{display:block;color:#d9c9b0;font-size:12px;font-weight:800;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;border:1px solid #42311f;background:#0d0b09;color:var(--text);border-radius:13px;padding:12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,190,46,.1)}.doc-row{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center}.doc-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#5a3511,#25170b);display:grid;place-items:center;font-size:24px}.empty{text-align:center;padding:42px 20px;color:var(--muted)}.empty .emoji{font-size:54px;display:block;margin-bottom:10px}.badge{display:inline-flex;align-items:center;border:1px solid #4d351a;background:#21160d;border-radius:999px;padding:5px 9px;font-size:12px;color:var(--gold)}.eyone{border:1px solid #614019;background:linear-gradient(135deg,#1a120a,#281406);position:relative;overflow:hidden}.eyone:before{content:"O";position:absolute;right:-8px;top:-45px;font-size:180px;font-weight:1000;color:rgba(255,117,24,.07)}dialog{border:1px solid #5f411e;background:#100d09;color:var(--text);border-radius:24px;width:min(92vw,560px);padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}#modalBody{padding:20px}#modalBody h2{margin-top:0}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}#toast{position:fixed;z-index:60;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#20160d;border:1px solid #63421e;color:#fff1d7;padding:11px 16px;border-radius:999px;transition:.2s;box-shadow:var(--shadow);max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.right{margin-left:auto}.countdown{display:flex;gap:8px;flex-wrap:wrap}.countdown span{background:#0d0a07;border:1px solid #352719;border-radius:12px;padding:8px 10px}.countdown b{color:var(--gold)}
@media(max-width:720px){.hero-grid{grid-template-columns:1fr}.hero img{position:absolute;right:-35px;bottom:-15px;width:50%;opacity:.38}.quick{grid-template-columns:repeat(2,1fr)}.grid.cols2{grid-template-columns:1fr}.topbar{padding-inline:10px}.brand div{display:none}.brand img{width:42px;height:42px}.trip-pill{max-width:68vw}.item-row{grid-template-columns:42px 1fr auto}.hero{min-height:250px;padding:20px}.stats{gap:6px}.stat{padding:8px 4px}.stat b{font-size:18px}}
.home-return{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;border:1px solid #49331c;background:#15100b;color:var(--gold);border-radius:999px;padding:9px 13px;font-weight:800}.home-return:hover{border-color:var(--amber)}
.trip-list{gap:12px}.home-trip-card{cursor:pointer;transition:transform .16s,border-color .16s}.home-trip-card:hover{transform:translateY(-1px);border-color:#64451f}.home-trip-card.active-trip{border-color:#8d5d1e;box-shadow:0 0 0 1px rgba(255,190,46,.13),var(--shadow)}.trip-card-top,.trip-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.trip-dates{margin-top:9px;color:var(--cream);font-size:13px}.trip-card-actions{display:flex;gap:7px;flex-wrap:wrap}.trip-card-actions .btn{padding:8px 11px;font-size:12px}.compact-empty{padding:22px 16px}.trip-item-actions{align-items:center}.skip-trip-btn{min-height:35px;border-radius:10px;border:1px solid #6f3d2d;background:#25140f;color:#ffb19e;padding:7px 10px;font-weight:800;white-space:nowrap}.skip-trip-btn.selected{border-color:#6b5633;background:#211a0d;color:var(--gold)}
@media(max-width:720px){.trip-card-top,.trip-card-footer{align-items:flex-start}.trip-card-footer{flex-direction:column}.trip-card-actions{width:100%}.trip-card-actions .btn{flex:1}.item-row{grid-template-columns:42px 1fr auto}.trip-item-actions{grid-column:2/4;width:100%;justify-content:flex-end}.skip-trip-btn{flex:1;white-space:normal;text-align:center}.section-title{align-items:flex-start}.section-title>.toolbar{justify-content:flex-end}.section-title>.toolbar .btn{padding:10px 11px}}
.field-help{margin-top:6px;color:var(--muted);font-size:11px}.check-line{display:flex;gap:9px;align-items:flex-start;color:#d9c9b0;font-size:13px}.check-line input{margin-top:3px}.inline-field{display:grid;grid-template-columns:1fr auto;gap:8px}.traveler-tabs{display:flex;gap:9px;overflow:auto;padding:2px 1px 10px;margin:4px 0 14px;scrollbar-width:thin}.traveler-tab{min-width:138px;border:1px solid #44311d;background:linear-gradient(180deg,#17120d,#0e0b08);color:var(--cream);border-radius:18px;padding:11px 13px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;box-shadow:0 5px 18px rgba(0,0,0,.18)}.traveler-tab>span{grid-row:1/3;font-size:22px}.traveler-tab small{grid-column:2;color:var(--muted);font-size:10px}.traveler-tab.active{border-color:#a66d20;background:linear-gradient(135deg,#3a230d,#1b1209);box-shadow:0 0 0 1px rgba(255,190,46,.14),0 8px 22px rgba(0,0,0,.25)}.traveler-tab.active small{color:var(--gold)}.traveler-tab.docs-tab{min-width:180px}.traveler-tab.add-traveler-tab{min-width:125px;color:var(--amber);border-style:dashed}.traveler-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.traveler-panel-head h3{margin:8px 0 2px}.traveler-manage-list{display:grid;gap:8px}.traveler-manage-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #332619;background:#0c0a08;border-radius:14px;padding:10px 12px}.common-doc-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.common-doc-info p{margin:5px 0 0}.trip-people{margin-top:7px;color:var(--gold);font-size:12px}.status-tabs{scrollbar-width:thin}
@media(max-width:720px){.traveler-panel-head{align-items:flex-start;flex-direction:column}.traveler-panel-head .btn{width:100%}.common-doc-info{align-items:flex-start;flex-direction:column}.inline-field{grid-template-columns:1fr}.inline-field .btn{width:100%}.traveler-tab{min-width:126px}.traveler-tab.docs-tab{min-width:165px}}