@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap";:root{color:#17332c;font-synthesis:none;--ink:#17332c;--green:#173f35;--green-2:#235849;--paper:#f4f3ed;--card:#fffefa;--line:#dcdcd2;--muted:#718078;--coral:#e66b4d;--gold:#d8a84c;--shadow:0 18px 50px #1b312a17;background:#f4f3ed;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e66b4d47}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Prata,Georgia,serif;font-weight:400}h1{letter-spacing:-.025em;margin-bottom:.55rem;font-size:clamp(2rem,4vw,3.45rem);line-height:1.08}h2{margin-bottom:.45rem;font-size:1.55rem}h3{margin-bottom:.35rem}.eyebrow{color:var(--coral);letter-spacing:.16em;margin-bottom:.7rem;font-size:.69rem;font-weight:800}.muted{color:var(--muted);line-height:1.65}.primary,.secondary,.demo-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:0 18px;font-weight:700;transition:all .2s;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 7px 18px #173f3529}.primary:hover{background:var(--green-2);transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{border:1px solid var(--line);background:0 0}.secondary:hover{background:#fff;border-color:#a8b0aa}.full{width:100%}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{background:#ecece5}.icon-button.bordered{border:1px solid var(--line)}.icon-button.danger:hover{color:#b74735;background:#fff0eb}.brand-mark{color:#fffdf4;background:#ffffff0a;border:1px solid #ffffff38;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;position:relative;transform:rotate(-4deg)}.brand-mark:after{content:"";background:#f2c96f;border-radius:3px;width:24px;height:3px;position:absolute;bottom:12px;right:8px;transform:rotate(-35deg)}.brand-mark i{letter-spacing:-.19em;font-family:Manrope,sans-serif;font-size:25px;font-style:normal;font-weight:800;line-height:1}.brand-mark i:last-child{color:#f2c96f;transform:translate(2px,5px)}.brand-mark.small{background:var(--green);border-color:#ffffff29;border-radius:12px;flex:none;width:38px;height:38px}.brand-mark.small i{font-size:17px}.brand-mark.small:after{width:16px;height:2px;bottom:7px;right:5px}.auth-page{grid-template-columns:minmax(400px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.auth-brand{background:var(--green);color:#fff;flex-direction:column;padding:clamp(35px,6vw,82px);display:flex;position:relative;overflow:hidden}.auth-brand:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-270px;left:-210px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.auth-copy{z-index:1;max-width:650px;margin:auto 0;position:relative}.auth-copy h1{color:#fffdf4;margin:0 0 28px;font-size:clamp(3rem,5.3vw,5.6rem);line-height:1.05}.auth-copy>p:last-child{color:#c8d5cf;max-width:480px;font-size:1.08rem;line-height:1.75}.route-line{border-top:1px dashed #ffffff38;height:90px;position:relative;transform:rotate(-3deg)}.route-line i{background:var(--gold);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px}.route-line i:first-child{left:2%}.route-line i:nth-child(2){left:48%}.route-line i:nth-child(3){right:2%}.auth-panel{background:#f7f6f1;place-items:center;padding:40px;display:grid}.auth-form{width:min(420px,100%)}.auth-form h2{margin-bottom:12px;font-size:2.45rem}.mobile-logo{align-items:center;gap:10px;margin-bottom:45px;display:none}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:#4d5f58;font-size:.77rem;font-weight:700}.field input,.field select{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #cfd3cc;border-radius:9px;padding:0 14px}.field input:focus,.field select:focus{border-color:var(--green)}.auth-form .field{margin:28px 0 14px}.demo-button{border:1px solid var(--line);background:0 0;width:100%;margin-top:13px}.demo-button:hover{background:#fff}.legal{text-align:center;color:#8a9690;max-width:330px;margin:25px auto 0;font-size:.68rem;line-height:1.6}.success-box{background:#edf8f3;border:1px solid #b7d9ca;border-radius:11px;gap:12px;margin-top:24px;padding:16px;display:flex}.success-box p{color:var(--muted);margin:4px 0 0;font-size:.82rem}.otp-step .success-box{margin-bottom:18px}.otp-field{margin:0 0 14px!important}.otp-field input{text-align:center;letter-spacing:.42em;padding-left:calc(14px + .42em);font-size:1.35rem;font-weight:800}.otp-links{justify-content:space-between;gap:12px;margin-top:15px;display:flex}.otp-links button{color:var(--green-2);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.7rem;text-decoration:underline}.otp-links button:disabled{opacity:.5}.auth-error{color:#b74735;background:#fff0eb;border-radius:8px;margin:0 0 12px;padding:9px 11px;font-size:.72rem;line-height:1.45}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--green);color:#fff;flex-direction:column;height:100vh;padding:25px 18px 18px;display:flex;position:sticky;top:0}.logo-row{align-items:center;gap:10px;padding:0 8px 25px;font-size:.93rem;display:flex}.sidebar-close,.sidebar-backdrop{display:none}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#b9cac3;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 12px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff17}.soon{background:#ffffff1a;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:.58rem}.sidebar-foot{border-top:1px solid #ffffff21;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:18px 5px 0;display:grid}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot b{font-size:.75rem}.sidebar-foot small{color:#a7bab2;margin-top:3px;font-size:.59rem}.sidebar-foot .icon-button{color:#b9cac3}.profile-dot{width:34px;height:34px;color:var(--green);background:#f0c66b;border-radius:50%;place-items:center;font-size:.75rem;font-weight:800;display:inline-grid}.main-shell{min-width:0}.content{width:min(1180px,100% - 64px);margin:0 auto;padding:55px 0 80px}.mobile-header{display:none}.page-heading{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.page-heading>div>p:last-child{color:var(--muted);margin:0}.toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:22px;font-size:.78rem;display:flex}.search{border:1px solid var(--line);background:#ffffffb3;border-radius:10px;align-items:center;gap:9px;width:min(340px,100%);height:42px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.trip-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.trip-card{text-align:left;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:16px;padding:0;transition:all .25s;overflow:hidden;box-shadow:0 8px 25px #182d2609}.trip-card:hover{box-shadow:var(--shadow);border-color:#c5cbc5;transform:translateY(-4px)}.trip-cover{background:#d7dfce;height:170px;position:relative;overflow:hidden}.trip-cover:after{content:"";background:linear-gradient(#0000 50%,#162e2738);position:absolute;inset:0}.cover-sun{background:#f1ca70;border-radius:50%;width:45px;height:45px;position:absolute;top:28px;right:38px}.cover-back,.cover-front{clip-path:polygon(0 65%,15% 35%,28% 57%,49% 17%,71% 62%,87% 40%,100% 68%,100% 100%,0 100%);background:#7da08d;height:95%;position:absolute;bottom:-35%;left:-6%;right:-6%}.cover-front{clip-path:polygon(0 65%,18% 34%,37% 65%,58% 37%,79% 69%,100% 43%,100% 100%,0 100%);background:#2c6555;height:108%;bottom:-49%}.cover-city{background:#ead5bb}.cover-city .cover-back{clip-path:polygon(0 50%,16% 50%,16% 31%,32% 31%,32% 48%,45% 48%,45% 20%,60% 20%,60% 46%,74% 46%,74% 35%,91% 35%,91% 50%,100% 50%,100% 100%,0 100%);background:#d18c67}.cover-city .cover-front{clip-path:polygon(0 57%,14% 57%,14% 43%,29% 43%,29% 59%,48% 59%,48% 34%,62% 34%,62% 55%,80% 55%,80% 46%,100% 46%,100% 100%,0 100%);background:#954f43}.trip-date{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#15332bc4;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:.7rem;display:inline-flex;position:absolute;bottom:12px;left:13px}.trip-card-body{padding:18px}.trip-card-body h3{font-family:Prata,Georgia,serif;font-size:1.18rem;font-weight:400}.trip-card-body>p{color:var(--muted);align-items:center;gap:5px;font-size:.73rem;display:flex}.trip-meta{border-top:1px solid #e8e7e0;justify-content:space-between;align-items:center;margin-top:15px;padding-top:14px;font-size:.8rem;display:flex}.avatar{color:#fff;border:2px solid var(--card);border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid}.avatar-sm{width:27px;height:27px;font-size:.55rem}.avatar-md{width:38px;height:38px;font-size:.7rem}.avatar-lg{width:50px;height:50px}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-6px}.avatar-stack .avatar:first-child{margin-left:0}.empty{text-align:center;color:var(--muted);padding:70px 20px}.empty h3{color:var(--ink);margin:14px 0 7px}.empty p{margin:0;font-size:.84rem}.empty.card{background:#fff6;border:1px dashed #c9ccc4;border-radius:14px}.back-link{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:30px;padding:0;font-size:.76rem;display:flex}.trip-hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:30px;display:flex}.trip-hero h1{margin-bottom:12px}.trip-hero>div:first-child>p:last-child{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:.78rem;display:flex}.trip-hero p span{background:#9ba69f;border-radius:50%;width:3px;height:3px;margin:0 3px}.hero-actions{gap:8px;display:flex}.menu-wrap{position:relative}.context-menu{z-index:5;border:1px solid var(--line);width:185px;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:6px;position:absolute;top:42px;right:0}.context-menu button{color:#aa4636;cursor:pointer;background:0 0;border:0;gap:8px;width:100%;padding:9px;display:flex}.stats{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-template-columns:repeat(3,1fr);margin:25px 0 31px;display:grid}.stats>div{border-right:1px solid var(--line);grid-template-columns:43px 1fr;column-gap:13px;padding:20px;display:grid}.stats>div:last-child{border:0}.stats p{color:var(--muted);margin:2px 0 3px;font-size:.68rem}.stats b{font-size:1.05rem}.stat-icon{border-radius:11px;grid-row:1/3;place-items:center;width:43px;height:43px;display:grid}.stat-icon svg{width:21px}.stat-icon.coral{color:var(--coral);background:#fbe8e1}.stat-icon.blue{color:#577da8;background:#e4edf5}.stat-icon.gold{color:#ad7b22;background:#faefd6}.tabs{border-bottom:1px solid var(--line);gap:28px;margin-bottom:28px;display:flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0 2px 12px;font-weight:700;position:relative}.tabs button.active{color:var(--ink)}.tabs button.active:after{content:"";background:var(--coral);height:2px;position:absolute;bottom:-1px;left:0;right:0}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{margin:0}.list-title{margin-bottom:17px}.expense-list{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.expense-row{border-bottom:1px solid #e7e6df;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.expense-row:last-child{border:0}.expense-icon{width:42px;height:42px;color:var(--green);background:#eef1eb;border-radius:10px;place-items:center;display:grid}.expense-info h3{margin-bottom:5px;font-size:.86rem}.expense-info p{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:.66rem;display:flex}.expense-info .avatar{border:0;width:19px;height:19px;font-size:.42rem}.expense-amount{text-align:right}.expense-amount b,.expense-amount small{display:block}.expense-amount b{font-size:.82rem}.expense-amount small{color:var(--muted);margin-top:4px;font-size:.62rem}.row-actions{opacity:.15;transition:all .2s;display:flex}.expense-row:hover .row-actions{opacity:1}.card{background:var(--card);border:1px solid var(--line);border-radius:14px}.balance-layout{grid-template-columns:.9fr 1.1fr;gap:20px;display:grid}.balances-card,.settlement-card,.people-card{padding:24px}.section-title>svg{color:var(--coral)}.balance-list{margin-top:18px}.balance-list>div{border-bottom:1px solid #e8e7e0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.balance-list>div:last-child{border:0}.balance-list span{font-size:.81rem}.balance-list b{font-size:.78rem}.positive{color:#2a7d62}.negative{color:#c0523c}.settlement-card>p:nth-of-type(2){color:var(--muted);font-size:.75rem}.settlement-list{margin-top:20px}.settlement-list>div{border-top:1px solid #e8e7e0;grid-template-columns:25px auto 1fr auto auto 1fr;align-items:center;gap:8px;padding:13px 0;display:grid}.settlement-index{color:#9d6a19;background:#f7ead3;border-radius:50%;place-items:center;width:21px;height:21px;font-size:.6rem;font-weight:800;display:grid}.settlement-list b,.settlement-list small{font-size:.7rem;display:block}.settlement-list small{color:var(--muted);margin-top:2px}.people-card{max-width:750px}.member-list{margin-top:18px}.member-list>div{border-top:1px solid #e8e7e0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:13px 0;display:grid}.member-list b,.member-list small{display:block}.member-list b{font-size:.8rem}.member-list small{color:var(--muted);margin-top:3px;font-size:.65rem}.linked{color:#31735e;background:#e4f2eb;border-radius:20px;padding:4px 8px;font-size:.59rem;font-weight:700}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e221d8a;place-items:center;padding:18px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:15px;width:min(480px,100%);max-height:calc(100vh - 36px);animation:.2s ease-out rise;overflow:auto;box-shadow:0 25px 80px #0003}.modal-wide{width:min(640px,100%)}.modal>header{border-bottom:1px solid #e4e4dc;justify-content:space-between;align-items:center;padding:20px 22px 15px;display:flex}.modal>header h2{margin:0;font-size:1.3rem}.modal-body{padding:22px}.modal-actions{justify-content:flex-end;gap:10px;padding:14px 22px 20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:17px 13px;display:grid}.span-2{grid-column:span 2}.field-note{color:var(--muted);margin:0;font-size:.7rem;line-height:1.5}.split-heading{justify-content:space-between;align-items:center;margin:22px 0 11px;display:flex}.split-heading b,.split-heading small{display:block}.split-heading b{font-size:.8rem}.split-heading small{color:var(--muted);margin-top:3px;font-size:.63rem}.segmented{background:#e9e9e2;border-radius:8px;padding:3px;display:flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:.65rem}.segmented button.active{background:#fff;box-shadow:0 2px 7px #00000014}.people-picker{border:1px solid var(--line);border-radius:11px;overflow:hidden}.person-pick{border-bottom:1px solid #e8e7e0;align-items:center;min-height:48px;padding-right:10px;display:flex}.person-pick:last-child{border:0}.person-pick.selected{background:#fafbf7}.person-main{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-self:stretch;align-items:center;gap:9px;padding:8px 11px;font-size:.75rem;display:flex}.check{border:1px solid #bdc4bd;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.selected .check{background:var(--green);border-color:var(--green);color:#fff}.person-pick>input{border:1px solid var(--line);text-align:right;border-radius:6px;width:90px;height:32px;padding:0 8px;font-size:.72rem}.validation{color:#b6513f;background:#fff1eb;border-radius:7px;margin:10px 0 0;padding:9px 11px;font-size:.68rem}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (max-width:980px){.trip-grid{grid-template-columns:repeat(2,1fr)}.balance-layout{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr 1fr}.auth-brand{padding:45px}.auth-copy h1{font-size:3.4rem}}@media (max-width:720px){.auth-page{display:block}.auth-brand{display:none}.auth-panel{min-height:100vh;padding:25px}.mobile-logo{display:flex}.auth-form h2{font-size:2rem}.app-shell{display:block}.sidebar{z-index:31;width:min(82vw,300px);height:100dvh;padding-top:max(25px, env(safe-area-inset-top));visibility:hidden;transition:transform .22s,visibility 0s linear .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:14px 0 42px #08191547}.sidebar.open{visibility:visible;transition-delay:0s;transform:translate(0)}.sidebar-close{color:#fff;margin-left:auto;display:inline-grid}.sidebar-close:hover{background:#ffffff1a}.sidebar-backdrop{z-index:30;opacity:0;visibility:hidden;background:#08191580;border:0;width:100%;height:100%;padding:0;transition:opacity .22s,visibility 0s linear .22s;display:block;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;visibility:visible;transition-delay:0s}.mobile-header{background:var(--green);color:#fff;z-index:10;justify-content:space-between;align-items:center;height:61px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-header .icon-button{color:#fff}.mobile-header .profile-dot{width:31px;height:31px}.content{width:calc(100% - 30px);padding:28px 0 90px}.page-heading{align-items:start;gap:20px}.page-heading .primary{bottom:max(18px, env(safe-area-inset-bottom));z-index:12;border-radius:28px;font-size:0;position:fixed;right:18px;box-shadow:0 9px 28px #173f354d}.page-heading .primary svg{width:22px;height:22px}.toolbar>span{display:none}.trip-grid{grid-template-columns:1fr}.trip-cover{height:160px}.back-link{display:none}.trip-hero{align-items:start;gap:14px}.trip-hero h1{font-size:2rem}.hero-actions .secondary{width:42px;padding:0;font-size:0}.hero-actions .secondary svg{margin:0}.stats{grid-template-columns:1fr 1fr 1fr}.stats>div{flex-direction:column;gap:4px;padding:12px;display:flex}.stat-icon{width:35px;height:35px}.stats p{margin:3px 0 0}.stats b{font-size:.78rem}.list-title .primary{right:18px;bottom:max(18px, env(safe-area-inset-bottom));z-index:12;border-radius:28px;width:52px;padding:0;font-size:0;position:fixed}.list-title .primary svg{width:22px;height:22px}.expense-row{grid-template-columns:auto 1fr auto;gap:10px;padding:13px}.expense-icon{display:none}.expense-info p{white-space:nowrap;text-overflow:ellipsis;max-width:165px;overflow:hidden}.row-actions{opacity:1;grid-column:3}.row-actions .icon-button:first-child{display:none}.expense-amount{align-self:start}.expense-amount small{display:none}.balance-layout{gap:13px}.balances-card,.settlement-card,.people-card{padding:17px}.settlement-list>div{grid-template-columns:22px auto 1fr auto auto 1fr}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92vh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0}.modal-wide{width:100%}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.split-heading{align-items:end}.modal-actions .primary{flex:1}}@media (max-width:390px){.stats p{font-size:.58rem}.stats b{font-size:.7rem}.tabs{justify-content:space-between;gap:8px}.tabs button{font-size:.75rem}.settlement-list>div{grid-template-columns:20px auto 1fr auto 1fr}.settlement-list>div>svg{display:none}}