@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#101828;background:#f7f9fc;margin:0;font:14px Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #52647a}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #dbe4ef;flex-direction:column;width:235px;height:100vh;padding:35px 22px;display:flex;position:fixed}.brand{color:#101828;letter-spacing:-.7px;align-items:center;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand>span{color:#101828;background:#ddf5ef;border-radius:11px;padding:9px;display:flex}.trip{background:#f7f9fc;border:1px solid #ddf5ef;border-radius:12px;gap:9px;margin:35px 0 25px;padding:20px 15px;display:grid}.trip small,.eyebrow{letter-spacing:1.8px;color:#828282;font-size:10px;font-weight:700}.trip strong{font-size:15px}.trip p{font-size:12px}nav{gap:8px;display:grid}nav button{color:gray;border-radius:9px;justify-content:start;padding:14px}nav button.active{color:#101828;background:#ddf5ef;font-weight:700}.manage{border-top:1px solid #ddf5ef;justify-content:start;margin-top:20px;padding:18px 10px;font-size:13px}.asideFoot{color:#a7a7a7;margin-top:auto;font-size:12px;line-height:1.7}main{width:calc(100% - 235px);max-width:1500px;margin-left:235px;padding:42px 45px}.heading{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{letter-spacing:-1.3px;margin:14px 0 10px;font-size:36px;line-height:1.15}p{color:#929292;margin:0;line-height:1.6}.primary{color:#fff;background:#101828;border-radius:9px;padding:13px 20px;font-weight:700;box-shadow:0 4px 8px #10182815}.toolbar{color:#989898;align-items:center;gap:18px;margin:26px 0;font-size:12px;display:flex}.toolbar .refresh{margin-left:auto}.live{color:#101828}.stats{grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.stats article{background:#fff;border:1px solid #dbe4ef;border-radius:14px;padding:26px}.stats small{letter-spacing:1.3px;color:#979797;font-size:10px;font-weight:700}.stats h2{letter-spacing:-.9px;margin:17px 0;font-size:33px}.stats h2 span{color:#999;letter-spacing:0;font-size:16px;font-weight:400}.stats p{font-size:11px}.stats .total{color:#fff;background:#101828;border-color:#101828}.panel{background:#fff;border:1px solid #dbe4ef;border-radius:14px;margin-bottom:24px;overflow:hidden}.sectionHead{justify-content:space-between;align-items:center;gap:15px;padding:25px 26px;display:flex}.sectionHead p{font-size:12px}h3{margin:0 0 6px;font-size:18px}.textBtn{color:#101828;font-size:12px;font-weight:700}.crew{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;padding:0 24px 25px;display:grid}.crew article{background:#f7f9fc;border:1px solid #edf2f8;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 8px;display:flex}.avatar{color:#475569;background:#ddf5ef;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:4px;font-weight:700;display:grid}.a1,.a2{color:#8b8b8b;background:#ddf5ef}.a3{color:#8d8d8d;background:#e2e8f0}.a4{color:#898989;background:#e2e8f0}.crew strong{text-align:center;overflow-wrap:anywhere;font-size:13px}.crew small{color:#9c9c9c;font-size:10px}.crew article>div:last-child{align-items:center;gap:3px;margin-top:5px;font-size:10px;display:flex}.receive{color:#101828}.owe{color:#c0894b}.clear{border-top:1px solid #e2e8f0;align-items:center;gap:16px;margin:0 26px;padding:24px 0;display:flex}.clear>span{color:#101828;background:#ddf5ef;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.clear strong{font-size:13px}.clear p{margin-top:4px;font-size:12px}.payment{border-top:1px solid #e2e8f0;align-items:center;gap:20px;padding:18px 26px;display:flex}.payment>div{flex:1;align-items:center;gap:13px;display:flex}.payment strong,.payment b{font-size:13px}.secondary{color:#101828;border:1px solid #dadada;border-radius:8px;padding:9px 12px;font-size:12px}.count{color:#999;background:#ddf5ef;border-radius:6px;padding:6px 9px;font-size:11px}.empty{text-align:center;padding:35px 20px 40px}.emptyIcon{color:gray;background:#ddf5ef;border-radius:20px;place-items:center;width:63px;height:63px;margin:0 auto 16px;display:grid;transform:rotate(-8deg)}.empty h3{font-size:16px}.empty p{font-size:12px}.empty .secondary{margin-top:18px}.entry{border-top:1px solid #e2e8f0;align-items:center;gap:15px;padding:18px 25px;display:flex}.entryIcon{color:gray;background:#ddf5ef;border-radius:10px;padding:11px;display:flex}.entry>div:nth-child(2){flex:1}.entry strong{overflow-wrap:anywhere;font-size:13px}.entry p{margin-top:6px;font-size:11px}.entry b{white-space:nowrap;font-size:13px}.entry>button{color:#aeaeae;font-size:22px}.error{color:#ad4535;background:#fff0ed;border-radius:8px;margin-bottom:16px;padding:13px}.notice{background:#ddf5ef;border-radius:8px;margin-bottom:16px;padding:13px}.notice button{color:#101828;text-decoration:underline}footer{text-align:center;color:#a9a9a9;margin:30px 0;font-size:11px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#10182865;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:17px;width:480px;max-height:94vh;padding:30px;position:relative;overflow:auto;box-shadow:0 20px 80px #10182825}.close{color:#a1a1a1;position:absolute;top:20px;right:20px}.dialog h2{letter-spacing:-.6px;margin:13px 0;font-size:26px}.dialog>p{margin-bottom:22px;font-size:12px}.dialog label{gap:8px;margin-bottom:17px;font-size:12px;font-weight:700;display:grid}.dialog input,.dialog select{color:#101828;background:#f7f9fc;border:1px solid #dadada;border-radius:8px;outline-color:#101828;width:100%;padding:12px;font-size:14px}.formGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.splitNote{color:#52647a;background:#ddf5ef;border-radius:8px;align-items:center;gap:9px;margin-bottom:18px;padding:12px;font-size:12px;display:flex}.submit{width:100%}.memberActions{gap:12px;margin:20px 0;font-size:12px;display:flex}.budget{background:#ddf5ef;border:1px solid #dadada;border-radius:12px;align-items:center;gap:18px;margin-bottom:24px;padding:18px 22px;display:flex}.budget strong{white-space:nowrap;font-size:13px}.budget p{font-size:11px}.track{background:#dadada;border-radius:9px;flex:1;height:6px;overflow:hidden}.track span{background:#101828;height:100%;display:block}.budget b{white-space:nowrap;font-size:12px}@media (max-width:1100px){aside{width:210px}main{width:calc(100% - 210px);margin-left:210px;padding:35px 25px}.stats{gap:12px}.stats article{padding:22px}.stats h2{font-size:27px}h1{font-size:30px}.crew{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:780px){.shell{display:block}aside{border:0;border-bottom:1px solid #e2e8f0;width:100%;height:auto;padding:20px;position:relative}.trip,.asideFoot{display:none}nav{gap:4px;margin-top:22px;display:flex}nav button{padding:10px;font-size:12px}.manage{border:0;margin:0;padding:10px;font-size:0;position:absolute;top:20px;right:18px}.manage svg{width:23px;height:23px}main{width:100%;margin:0;padding:26px 18px}h1{font-size:27px}.heading{flex-wrap:wrap}.heading>div{width:100%}.heading p{font-size:12px}.primary{padding:12px 17px;font-size:12px}.toolbar{gap:10px;font-size:10px}.toolbar>span:nth-child(2){display:none}.stats{grid-template-columns:1fr 1fr;gap:12px}.stats .total{grid-column:1/-1}.stats article{padding:21px 16px}.stats h2{font-size:28px}.stats h2 span{font-size:13px}.stats small{font-size:9px}.stats p{font-size:10px}.sectionHead{align-items:flex-start;padding:20px}.sectionHead p{font-size:11px}.sectionHead h3{font-size:16px}.crew{gap:10px;padding:0 16px 20px;display:flex;overflow:auto}.crew article{min-width:125px}.payment{flex-wrap:wrap;gap:12px;padding:16px 20px}.payment>div{flex:auto;width:100%}.payment button{margin-left:auto}.entry{gap:9px;padding:16px}.entryIcon{display:none}.entry strong{font-size:12px}.entry p{font-size:9px}.entry b{font-size:11px}.clear{margin:0 20px}.dialog{padding:25px 20px}.budget{flex-wrap:wrap;gap:10px;padding:16px}.track{flex:auto;order:3;width:100%}.budget b{margin-left:auto;font-size:11px}}.memberRow{position:relative}.memberRow .deleteMember{color:#475569;justify-content:flex-start;padding:4px 0;font-size:11px}.removedLabel{color:#9a9a9a;margin-top:4px;font-size:10px;font-weight:400;display:block}.trip select{width:100%;font:inherit;color:#101828;background:#fff;border:1px solid #dadada;border-radius:8px;margin:10px 0;padding:9px}.trip .textBtn{margin-top:5px;font-size:12px}.memberActions{margin-bottom:18px}button:disabled{opacity:.5;cursor:not-allowed}.splitPicker{border:1px solid #dadada;border-radius:10px;margin:0 0 18px;padding:14px}.splitPicker legend{padding:0 6px;font-size:12px;font-weight:700}.splitActions{justify-content:space-between;margin-bottom:12px;display:flex}.splitMembers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dialog .splitMembers label{overflow-wrap:anywhere;background:#f4f7fb;border-radius:7px;align-items:center;gap:9px;margin:0;padding:10px;font-weight:400;display:flex}.dialog .splitMembers input{accent-color:#101828;flex-shrink:0;width:17px;height:17px;margin:0}.splitPicker p{margin-top:12px;font-size:11px}.tripStatus{margin-left:14px}.entry>button.editEntry{color:#101828;border:1px solid #dadada;border-radius:7px;padding:8px;font-size:12px}.entry>div:nth-child(2){min-width:0}@media (max-width:780px){.trip{margin:18px 0 10px;padding:12px;display:grid}.trip small{font-size:9px}.trip select{margin:0}.trip p{display:none}.entry{flex-wrap:wrap}.entry>div:nth-child(2){flex:1;min-width:50%}.entry>button.editEntry,.entry b{margin-left:auto}}.recordedBy{color:#828282;margin-top:5px;font-size:10px;display:block}.sharePanel input{border:1px solid #d8d8d8;border-radius:6px;width:100%;margin:12px 0;padding:10px}.sharePanel p,.memberHelp{font-size:12px}.dashboardLink{color:#101828;text-decoration:none}.sharedDashboard{width:100%;max-width:1100px;margin:0 auto;padding:40px 25px}.sharedDashboard header{margin-bottom:28px}.sharedDashboard .entry>div{flex:1;min-width:0}.toolbar{flex-wrap:wrap}.error a{color:inherit;text-decoration:underline}.billActions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:9px;font-size:11px;display:flex}.billActions a{color:#101828;overflow-wrap:anywhere;text-decoration:underline}.billUpload{cursor:pointer;color:#101828;border:1px solid #dadada;border-radius:5px;padding:5px 8px;display:inline-flex}.billUpload input{opacity:0;width:1px;height:1px;position:absolute}.billUpload:focus-within{outline:2px solid #101828}.billUpload.disabled{opacity:.5;cursor:not-allowed}.billActions button{color:#a34c3b;padding:4px;font-size:11px}.customShares{grid-template-columns:1fr 1fr;gap:10px;display:grid}.customShares p{grid-column:1/-1;margin-bottom:15px;font-size:11px}.historyRow{border-top:1px solid #e2e8f0;padding:18px 24px}.historyRow>small{color:#959595;margin:8px 0;font-size:11px;display:block}.historyRow p{font-size:12px}.historyRow details{color:#334155;margin-top:12px;font-size:12px}.historyRow details>div{background:#f4f7fb;border-radius:6px;margin-top:8px;padding:12px}.inviteRow{border-bottom:1px solid #dbe4ef;gap:7px;padding:12px 0;display:grid}.inviteRow small{color:gray}.inviteRow button{justify-self:start}.tripGuide p{margin:12px 0;font-size:12px}.shareDetails{color:#334155;margin-top:8px;font-size:11px}.shareDetails p{padding-top:4px;font-size:11px}.shareDetails summary{cursor:pointer}.billForm{background:#f4f7fb;border:1px solid #dadada;border-radius:10px;margin:0 0 18px;padding:15px}.billForm p{margin:8px 0;font-size:11px}.billForm a{color:#101828}.dialog .billForm input[type=file]{background:#fff;padding:10px;font-size:12px}.selectedBill{overflow-wrap:anywhere;gap:6px;margin-top:12px;font-size:12px;display:grid}.selectedBill small{color:#828282}.selectedBill button{color:#a34c3b;justify-self:start;font-size:11px}.deleteTrip{color:#ac4937;margin-left:14px;font-size:12px;font-weight:700}.archivePanel details{padding:20px}.archivePanel summary{cursor:pointer;font-size:13px;font-weight:700}.archivePanel>details>p{font-size:11px}.archiveRow{border-bottom:1px solid #e2e8f0;align-items:center;gap:15px;padding:15px 0;display:flex}.archiveRow>div{flex:1}.archiveRow p{font-size:11px}.archiveRow a{font-size:12px}@media (max-width:780px){.archiveRow{flex-wrap:wrap}.archiveRow>div{flex:1 0 100%}}.heading{align-items:flex-start}.headingCopy{flex:1;min-width:0}.headingCopy h1{overflow-wrap:anywhere}.priorityActions{flex-shrink:0;align-items:center;gap:10px;padding-top:13px;display:flex}.repaymentAction{background:#fff;padding:12px 15px;font-weight:700}.organisedToolbar{justify-content:space-between;gap:15px;margin:24px 0}.tripMeta{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.statusBadge{color:#101828;background:#ddf5ef;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:700}.statusBadge.closed{color:#8a7353;background:#efece2}.secondaryActions{align-items:center;gap:10px;margin-left:auto;display:flex}.secondaryActions>a{white-space:nowrap}.optionsMenu{color:#101828;font-size:12px;position:relative}.optionsMenu>summary{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dadada;border-radius:8px;padding:10px 13px;list-style:none}.optionsMenu>summary::-webkit-details-marker{display:none}.optionsMenu>summary:after{content:" ▾";margin-left:5px}.optionsMenu[open]>summary{color:#101828;background:#ddf5ef}.optionsPanel{z-index:5;background:#fff;border:1px solid #dadada;border-radius:12px;width:275px;max-height:70vh;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 12px 35px #10182826}.optionGroup{border-bottom:1px solid #e2e8f0;padding:8px}.optionGroup:last-child{border:0}.optionGroup>small{letter-spacing:1.2px;color:#959595;padding:7px 8px;font-size:9px;font-weight:700;display:block}.optionGroup button,.optionGroup a{text-align:left;color:#101828;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding:10px 8px;font-size:12px;text-decoration:none;display:flex}.optionGroup button:hover,.optionGroup a:hover{background:#f4f7fb}.dangerGroup button{color:#ab4837}.dangerGroup p{color:#8c8c8c;padding:0 8px 7px;font-size:10px}.entryControls{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.entryButtons{align-items:center;gap:8px;display:flex}.entryButtons button{color:#a34c3b;padding:6px 8px;font-size:11px}.entryButtons .editEntry{color:#101828;border:1px solid #dadada;border-radius:6px}.archivePanel{margin-top:28px}.manage{font-size:12px}.heading p strong{color:#334155;font-weight:400}@media (max-width:1100px){.heading{flex-wrap:wrap}.headingCopy{flex-basis:100%}.priorityActions{padding-top:0}.organisedToolbar{align-items:flex-start}.tripMeta{gap:9px}}@media (max-width:780px){nav{flex-wrap:nowrap;overflow-x:auto}nav button{white-space:nowrap;flex-shrink:0;padding:9px 8px;font-size:11px}.manage{border-top:1px solid #e2e8f0;justify-content:flex-start;margin:10px 0 0;padding:10px;font-size:12px;position:static;top:auto;right:auto}.manage svg{width:17px;height:17px}.priorityActions{gap:9px;width:100%}.priorityActions .primary,.priorityActions .secondary{flex:1;padding:12px 9px;font-size:11px}.organisedToolbar{flex-direction:column;align-items:stretch;gap:13px;display:flex}.tripMeta{gap:10px;font-size:10px}.secondaryActions{justify-content:space-between;gap:10px;margin-left:0}.optionsPanel{width:min(290px,100vw - 36px)}.entry{align-items:flex-start}.entry>div:nth-child(2){flex:1;min-width:0}.entryControls{flex:none;min-width:0}.entryControls b{margin-left:0}.entryButtons{gap:2px}.entryButtons button{padding:6px;font-size:10px}.headingCopy h1{font-size:27px}.archiveRow>div{flex-basis:100%}}.brand>span{background:0 0;border-radius:10px;padding:0;overflow:hidden}.brand>span img{width:40px;height:40px;display:block}header{border-top:4px solid #101828;padding-top:18px}.brand>span{border-radius:10px}.brand>span img{object-fit:contain}.total h2 span,.total small,.total p{color:#d8d8d8}.ledgerTotals{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.ledgerTotals article{background:#f4f7fb;border-radius:12px;padding:14px}.ledgerTotals small,.ledgerTotals strong{display:block}.ledgerTotals strong{margin-top:8px}.ledgerSettlements{margin:24px 0}.ledgerTable{overflow-x:auto}.ledgerTable table{border-collapse:collapse;width:100%;min-width:620px}.ledgerTable caption{text-align:left;padding:12px 0;font-weight:600}.ledgerTable th,.ledgerTable td{text-align:right;border-bottom:1px solid #eee;padding:12px}.ledgerTable th:first-child,.ledgerTable td:first-child{text-align:left}.ledgerTable td small{margin-top:5px;display:block}.ledgerTable th{font-size:12px}.ledgerTable+p{margin-top:16px;font-size:13px}@media (max-width:700px){.ledgerTotals{grid-template-columns:repeat(2,minmax(0,1fr))}.ledgerSettlements .payment{flex-wrap:wrap}}.publicWelcome{text-align:center;max-width:720px;margin:60px auto;padding:30px}.publicWelcome>img{margin:0 auto 24px}.publicWelcome .eyebrow{display:block}.publicWelcome h1{margin:24px 0;font-size:clamp(36px,7vw,60px);line-height:1.1}.publicWelcome>p{margin-bottom:28px;font-size:18px}.publicWelcome .primary{text-decoration:none;display:inline-flex}.welcomeFeatures{background:#fff;border-radius:18px;margin-top:32px;padding:24px}.welcomeFeatures p{margin:12px 0}.primary{background:#101828}.primary:hover{background:#102440}.total small,.total p,.total h2 span{color:#dbe7f5}.brand>span{background:0 0;padding:0}.brand b{color:#101828}.total p,.total small{color:#dbe7f5}:root{--zz-navy:#101828;--zz-teal:#087f8c;--zz-mint:#ddf5ef;--zz-bg:#f7f9fc;--zz-card:#fff;--zz-grey:#667085}body,button,input,select,textarea,table{font-family:Inter,Arial,sans-serif}h1,h2,h3,h4,.brand,.logo{font-family:Manrope,Arial,sans-serif}.zenzon-credit{text-align:center;color:#667085;letter-spacing:.2px;padding:14px 20px;font:11px/1.6 Inter,Arial,sans-serif}.brand-credit{color:#667085;letter-spacing:.2px;margin-top:5px;font:11px/1.6 Inter,Arial,sans-serif;display:block}.primary,.primary:hover{background:var(--zz-teal)}.stats .total{background:var(--zz-navy);border-color:var(--zz-navy)}.brand b,.textBtn,.receive,.live{color:var(--zz-teal)}nav button.active{color:var(--zz-teal);background:var(--zz-mint)}p,.trip small,.eyebrow,.stats small{color:var(--zz-grey)}.total p,.total small,.total h2 span{color:#ddf5ef}.track span{background:var(--zz-teal)}:is(button:focus-visible,a:focus-visible){outline-color:var(--zz-teal)}
