@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:oklch(24% .02 60);background:oklch(93% .006 260);margin:0;font-family:Manrope,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{justify-content:center;min-height:100vh;padding:24px 0;display:flex}.phone{background:oklch(97% .014 75);width:430px;max-width:100vw;min-height:860px;position:relative;overflow:hidden;box-shadow:0 20px 60px oklch(20% .01 260/.25)}.screen{flex-direction:column;min-height:860px;display:flex}.content{flex:1;padding:14px 20px 96px;overflow:auto}.gap-xl{flex-direction:column;gap:22px;display:flex}.with-actions .content{padding-bottom:130px}.appHeader{padding:28px 20px 16px}.appHeader h1{margin:0;font-size:26px;font-weight:800}.appHeader p,.topLine p,.lead{color:oklch(52% .02 60);margin:4px 0 0;font-size:14px}.sectionTitle,.dayTitle{color:oklch(52% .02 60);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 10px;font-size:13px;font-weight:800}.tripCard,.eventCard{text-align:left;width:100%;color:inherit;background:#fff;border:1px solid oklch(89% .016 75);border-radius:18px;padding:18px;position:relative}.tripCard.muted{opacity:.75;background:oklch(95% .012 75)}.tripCard h3{margin:0;font-size:18px}.tripCard p{color:oklch(52% .02 60);margin:2px 0 0;font-size:13px}.badge{color:#fff;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:800;position:absolute;top:14px;right:14px}.green{background:oklch(58% .11 150)}.nextPill{border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.nextPill.green{color:oklch(30% .03 150);background:oklch(94% .05 150)}.nextPill.blue{color:oklch(28% .03 250);background:oklch(93% .03 250)}.nextPill span{background:currentColor;border-radius:50%;width:8px;height:8px}.sectionToggle{text-transform:uppercase;letter-spacing:.06em;color:oklch(52% .02 60);background:0 0;border:0;justify-content:space-between;width:100%;padding:4px 2px;font-weight:800;display:flex}.sectionToggle b{color:oklch(62% .15 35)}.bottomActions{background:linear-gradient(#0000,oklch(97% .014 75) 35%);flex-direction:column;gap:10px;padding:16px 20px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottomActions.row,.two{flex-direction:row;gap:10px;display:flex}.primary,.secondary{border:0;border-radius:14px;flex:1;padding:14px;font-weight:800}.primary{color:#fff;background:oklch(62% .15 35)}.secondary{color:oklch(24% .02 60);background:#fff;border:1px solid oklch(85% .016 75)}.topLine{align-items:center;gap:12px;padding:20px;display:flex}.topLine button{background:#fff;border:1px solid oklch(89% .016 75);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.topLine h1{margin:0;font-size:17px;font-weight:800}.progress{gap:6px;padding:0 20px 12px;display:flex}.progress span{background:oklch(89% .016 75);border-radius:5px;flex:1;height:5px}.progress .active{background:oklch(62% .15 35)}h2{margin:0 0 8px;font-size:20px}.choice{background:#fff;border:2px solid oklch(89% .016 75);border-radius:14px;justify-content:space-between;width:100%;margin:6px 0;padding:16px;font-weight:800;display:flex}.choice.selected{background:oklch(96% .025 35);border-color:oklch(62% .15 35)}.field{flex-direction:column;gap:6px;margin:0 0 14px;display:flex}.field span{text-transform:uppercase;color:oklch(52% .02 60);font-size:12px;font-weight:800}input,textarea,select{width:100%;color:inherit;background:#fff;border:1px solid oklch(85% .016 75);border-radius:12px;padding:13px}textarea{min-height:74px}.memberList{flex-direction:column;gap:8px;margin:16px 0;display:flex}.member{align-items:center;gap:10px;display:flex}.member b{flex:1}.member button{color:oklch(56% .17 25);background:0 0;border:0;font-weight:800}.avatar{color:#fff;background:oklch(62% .15 35);border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.addRow{gap:8px;display:flex}.addRow button{color:#fff;background:oklch(24% .02 60);border:0;border-radius:12px;padding:0 14px;font-weight:800}.toggleRow{background:#fff;border:1px solid oklch(89% .016 75);border-radius:14px;justify-content:space-between;margin:10px 0;padding:14px;font-weight:750;display:flex}.toggleRow b{background:oklch(88% .01 75);border-radius:20px;width:44px;height:26px;position:relative}.toggleRow b:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px}.toggleRow b.on{background:oklch(62% .15 35)}.toggleRow b.on:after{left:21px}.tripContent{padding-bottom:90px}.bottomNav{background:#fff;border-top:1px solid oklch(89% .016 75);grid-template-columns:repeat(5,1fr);height:74px;display:grid;position:absolute;bottom:0;left:0;right:0}.bottomNav button{color:oklch(52% .02 60);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.bottomNav .active{color:oklch(62% .15 35)}.hero,.summary{color:#fff;text-align:left;background:oklch(24% .03 250);border:0;border-radius:20px;width:100%;padding:20px}.hero small{opacity:.8;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.hero h2{color:#fff;margin:8px 0 16px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats div{background:#ffffff1f;border-radius:14px;padding:10px}.stats b{display:block}.stats span{opacity:.7;font-size:11px}.hero p{color:#ffffffc7}.heroBtns{gap:10px;display:flex}.heroBtns button{color:#fff;background:#ffffff24;border:0;border-radius:999px;padding:9px 12px;font-weight:800}.alert{background:#fff;border:1px solid oklch(89% .016 75);border-left-width:5px;border-radius:14px;margin-bottom:8px;padding:13px;font-size:14px;font-weight:700}.alert.yellow{border-left-color:oklch(65% .14 85)}.alert.blue{border-left-color:oklch(55% .12 250)}.alert.red{border-left-color:oklch(56% .17 25)}.timeline,.card{background:#fff;border:1px solid oklch(89% .016 75);border-radius:16px;padding:14px}.timeline div{border-bottom:1px solid oklch(92% .01 75);gap:14px;padding:10px 0;display:flex}.timeline div:last-child{border-bottom:0}.timeline b{color:oklch(62% .15 35)}.eventCard{margin-bottom:10px}.eventTop{align-items:center;gap:12px;display:flex}.iconTile{color:oklch(62% .15 35);background:oklch(95% .012 75);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.eventTop h3{margin:0;font-size:15px}.eventTop p{color:oklch(52% .02 60);margin:2px 0 0;font-size:12px}.status{color:oklch(40% .1 250);background:oklch(93% .03 250);border-radius:999px;margin-left:auto;padding:5px 8px;font-size:11px}.eventDetails{color:oklch(52% .02 60);border-top:1px solid oklch(92% .01 75);margin-top:12px;padding-top:12px;font-size:13px}.eventDetails div{gap:8px;margin-top:10px;display:flex}.eventDetails span{color:oklch(24% .02 60);background:oklch(95% .012 75);border-radius:999px;padding:7px 10px;font-weight:800}.chips{gap:8px;margin-bottom:12px;display:flex;overflow:auto}.chips button{color:oklch(52% .02 60);white-space:nowrap;background:#fff;border:1px solid oklch(85% .016 75);border-radius:999px;padding:8px 12px;font-weight:800}.chips .active{color:#fff;background:oklch(62% .15 35);border-color:oklch(62% .15 35)}.packRow{text-align:left;background:#fff;border:1px solid oklch(89% .016 75);border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;display:flex}.packRow>span{border:2px solid oklch(78% .018 75);border-radius:7px;place-items:center;width:23px;height:23px;font-size:13px;font-weight:900;display:grid}.packRow>span.checked{color:#fff;background:oklch(58% .11 150);border-color:oklch(58% .11 150)}.packRow div{flex:1}.packRow b{display:block}.packRow b.done{color:oklch(65% .01 60);text-decoration:line-through}.packRow small{color:oklch(52% .02 60);font-size:12px}.packRow em,.expense em{color:oklch(45% .13 85);background:oklch(94% .07 85);border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:800}.dashed{color:oklch(62% .15 35);background:0 0;border:1.5px dashed oklch(78% .018 75);border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;margin:12px 0;padding:14px;font-weight:800;display:flex}.inlineForm{background:#fff;border:1px solid oklch(89% .016 75);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.inlineForm div{gap:8px;display:flex}.inlineForm button{border:0;border-radius:12px;flex:1;padding:11px;font-weight:800}.inlineForm button:last-child{color:#fff;background:oklch(62% .15 35)}.summary{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.summary span{opacity:.7;font-size:12px}.summary b{font-size:24px;display:block}.summary em{background:#ffffff24;border-radius:999px;padding:9px 12px;font-style:normal;font-weight:800}.summary.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.expense{background:#fff;border:1px solid oklch(89% .016 75);border-radius:16px;margin-bottom:10px;padding:14px}.expense div{justify-content:space-between;gap:12px;display:flex}.expense h3{margin:0;font-size:15px}.expense p{color:oklch(52% .02 60);margin:5px 0 10px;font-size:13px}.expense span{background:oklch(95% .012 75);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.backRow{color:oklch(62% .15 35);background:0 0;border:0;margin-bottom:12px;font-weight:800}.settlement{background:#fff;border:1px solid oklch(89% .016 75);border-radius:14px;justify-content:space-between;gap:12px;margin-bottom:8px;padding:14px;display:flex}.moreList{flex-direction:column;gap:8px;display:flex}.moreList button{background:#fff;border:1px solid oklch(89% .016 75);border-radius:14px;align-items:center;gap:12px;padding:15px;font-weight:800;display:flex}.moreList span{text-align:left;flex:1}.doc,.member.card{margin-bottom:9px}.doc{align-items:center;gap:12px;display:flex}.doc small,.member small{color:oklch(52% .02 60);margin-top:2px;font-size:12px;display:block}.photoGrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.photo{aspect-ratio:1;color:oklch(40% .02 60);background:repeating-linear-gradient(135deg,oklch(88% .03 75),oklch(88% .03 75) 8px,oklch(94% .012 75) 8px 16px);border-radius:12px;align-items:flex-end;padding:6px;font-size:10px;display:flex;overflow:hidden}.titleRow{justify-content:space-between;align-items:center;display:flex}.titleRow button{color:#fff;background:oklch(62% .15 35);border:0;border-radius:999px;padding:8px 12px;font-weight:800}.member.card em{border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:800}.member.card em.green{color:oklch(35% .08 150);background:oklch(94% .05 150)}.member.card em.red{color:oklch(45% .15 25);background:oklch(94% .06 25)}.match{background:#fff;border:1px solid oklch(89% .016 75);border-radius:16px;margin-bottom:10px;padding:14px}.match>div{justify-content:space-between;display:flex}.match h3{margin:0;font-size:15px}.match>div b{color:oklch(40% .1 250);background:oklch(93% .03 250);border-radius:999px;padding:5px 8px;font-size:11px}.match section{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.match section span{color:oklch(52% .02 60);background:oklch(95% .012 75);border-radius:12px;padding:9px;font-size:11px}.match section b{color:oklch(24% .02 60);font-size:13px;display:block}.match button{color:#fff;background:oklch(24% .02 60);border:0;border-radius:12px;padding:10px 12px;font-weight:800}.info p{border-bottom:1px solid oklch(92% .01 75);justify-content:space-between;padding-bottom:10px;display:flex}.danger{color:oklch(56% .17 25);background:0 0;border:0;margin-top:12px;font-weight:800}.empty{text-align:center;color:oklch(52% .02 60);background:#fff;border:1px solid oklch(89% .016 75);border-radius:18px;padding:22px}.empty h3{color:oklch(24% .02 60);margin:0 0 6px}.empty button{color:#fff;background:oklch(62% .15 35);border:0;border-radius:12px;padding:11px 14px;font-weight:800}.success{color:oklch(35% .08 150)}@media (width<=520px){.page{padding:0}.phone{min-height:100vh;box-shadow:none}.screen{min-height:100vh}}.brandRow{align-items:center;gap:12px;display:flex}.brandRow img{object-fit:contain;background:#fff;border-radius:14px;width:54px;height:54px}.authScreen{justify-content:center;padding:24px}.authCard{background:#fff;border:1px solid oklch(89% .016 75);border-radius:24px;padding:26px;box-shadow:0 18px 45px oklch(20% .01 260/.12)}.authCard img{object-fit:contain;background:oklch(97% .014 75);border-radius:20px;width:88px;height:88px;margin:0 auto 18px;display:block}.authCard h1{text-align:center;margin:0;font-size:30px}.authCard p{text-align:center;color:oklch(52% .02 60);margin:8px 0 22px}.authCard small{color:oklch(52% .02 60);margin-top:14px;font-size:12px;line-height:1.45;display:block}.authMsg{border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:13px;font-weight:800}.authMsg.error{color:oklch(45% .15 25);background:oklch(94% .06 25)}.authMsg.ok{color:oklch(35% .08 150);background:oklch(94% .05 150)}.appHeader{position:relative}.signOutBtn{color:oklch(52% .02 60);background:#fff;border:1px solid oklch(89% .016 75);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;position:absolute;top:30px;right:20px}