:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142b30;background:#e9eeee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #50bda7;outline-offset:2px}a{color:inherit}p,h1,h2,h3{margin-top:0}.site-shell{min-height:calc(100vh - 70px)}.product-header{height:70px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;gap:24px;background:#fbfcfa;border-bottom:1px solid #dfe9e4}.product-brand{display:inline-flex;align-items:center;gap:10px;color:#0b3038;font-size:20px;font-weight:800;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.product-brand img{border-radius:10px}.product-header-note{color:#6b8180;font-size:13px;margin-left:auto}.product-home{font-size:13px;font-weight:750;color:#0b6159;text-decoration:none;white-space:nowrap}.product-home:hover{text-decoration:underline}.app-wrap{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:34px;min-width:0;background:radial-gradient(circle at 75% 10%,#d7eae6,transparent 45%),#e9eeee}.app-window{height:min(870px,calc(100vh - 68px));min-height:630px;width:min(440px,100%);background:#f4f5f8;border:1px solid rgba(10,49,56,.15);border-radius:30px;box-shadow:0 28px 70px #12383c27;display:flex;flex-direction:column;overflow:hidden}.app-content{overflow-y:auto;padding:23px 21px 35px;flex:1}.app-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px}.app-kicker{color:#6a8c89}.app-header h2{font-size:30px;letter-spacing:-.04em;margin:4px 0 0;color:#0c242a}.header-icon{width:41px;height:41px;background:#fff;border-radius:50%;display:grid;place-items:center;color:#087365;font-size:23px}.view[hidden],#custom-tip-wrap[hidden],.field-error[hidden],#expense-delete[hidden]{display:none}.overview-card{background:linear-gradient(135deg,#0d4149,#09242f);border-radius:22px;padding:25px 23px;color:#fff}.card-kicker{color:#8ce3c6}.overview-card h3{font-size:33px;letter-spacing:-.045em;margin:22px 0 4px}.overview-card p{font-size:14px;line-height:1.55;color:#cce0e0;margin-bottom:20px}.overview-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#d4e3e1;margin-bottom:20px}.button-white{width:100%;background:#fff;color:#0a3037;border:0;border-radius:12px;padding:12px;font-weight:750}.button-white:hover{background:#e6faf3}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0 25px}.quick-card{text-align:left;border:1px solid #edf0ef;border-radius:19px;background:#fff;padding:17px;display:flex;flex-direction:column;gap:2px;color:#142b30}.quick-card:hover{border-color:#8bd9c3;transform:translateY(-1px)}.quick-card strong{margin-top:11px;font-size:15px}.quick-card small{color:#80908f;font-size:12px}.tile-icon{background:#e1f1ec;color:#087365;width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-size:22px;font-weight:750}.section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 0 12px}.section-title h3{font-size:20px;letter-spacing:-.035em;margin:0 0 2px}.section-title p{font-size:12px;color:#8a9798;margin:0}.link-button{background:none;border:0;color:#087365;font-size:13px;font-weight:700;white-space:nowrap}.surface{background:#fff;border-radius:19px;border:1px solid #edf0ef;padding:6px 17px}.expense-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eef0f0}.expense-row:last-child{border:0}.expense-row-button{width:100%;background:none;border:0;text-align:left;color:inherit}.expense-icon{height:39px;width:39px;flex:none;display:grid;place-items:center;background:#e5f2ee;color:#087365;border-radius:11px;font-size:18px}.expense-info{min-width:0;flex:1}.expense-info strong,.expense-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-info strong{font-size:13px}.expense-info small{font-size:11px;color:#8a9798;margin-top:4px}.expense-value{font-weight:700;font-size:13px}.empty-state{padding:28px 12px;text-align:center;color:#7c9090;font-size:13px;line-height:1.5}.empty-state strong{display:block;color:#19363a;font-size:15px;margin-bottom:5px}.bottom-nav{height:68px;flex:none;background:#fff;border-top:1px solid #e9edeb;display:grid;grid-template-columns:repeat(3,1fr);padding:6px}.bottom-nav button{background:none;border:0;border-radius:12px;color:#879795;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;font-size:10px;font-weight:700}.bottom-nav button span{font-size:22px;line-height:1.1}.bottom-nav button.active{background:#e7f2ee;color:#087365}.form-card{padding:19px}.form-card label,.form-label,dialog label{display:block;font-size:13px;font-weight:750;margin-bottom:9px}.amount-input,.small-input{display:flex;align-items:center;gap:6px;border:1px solid #dce6e2;border-radius:12px;background:#fbfcfc;padding:0 14px;color:#68817f}.amount-input{height:57px;margin-bottom:22px}.amount-input span{font-size:23px}.amount-input input{font-size:28px;font-weight:700;letter-spacing:-.035em}.amount-input input,.small-input input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:#0b3038}.form-label{margin-bottom:10px}.tip-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:22px}.tip-options button{padding:9px 4px;border:1px solid #e2e9e7;background:#f6f8f7;border-radius:9px;color:#405b5b;font-size:12px;font-weight:700}.tip-options button.selected{background:#0c5f59;border-color:#0c5f59;color:white}#custom-tip-wrap{margin-top:-8px;margin-bottom:19px}.small-input{height:43px}.people-row{border-top:1px solid #edf0ef;padding-top:19px;display:flex;justify-content:space-between;align-items:center}.people-row .form-label{margin:0 0 3px}.people-row small{font-size:11px;color:#8a9798}.stepper{display:flex;align-items:center;gap:15px}.stepper button{height:30px;width:30px;border:0;border-radius:8px;background:#e4f2ed;color:#087365;font-size:20px;display:grid;place-items:center;line-height:1}.stepper output{font-weight:750;min-width:16px;text-align:center}.result-card{background:#0b3038;color:#fff;border-radius:20px;padding:22px;margin-top:15px}.result-card .result-top{display:flex;justify-content:space-between;color:#c8e0df;font-size:13px;margin-bottom:10px}.result-card .result-top strong{color:white}.result-main{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #386066;padding-top:16px;font-weight:750}.result-main strong{font-size:29px;letter-spacing:-.04em}.shares-title{font-size:11px;letter-spacing:.12em;color:#8ce3c6;font-weight:800;margin-top:22px;margin-bottom:7px}.share-row{display:flex;justify-content:space-between;border-top:1px solid #31575c;padding:9px 0;font-size:12px}.calc-note{font-size:11px;color:#829393;line-height:1.5;margin:14px 6px}.field-error{color:#b53636;font-size:12px;line-height:1.45;margin:7px 0 15px}.filter-row{display:grid;grid-template-columns:1fr 130px;gap:8px;margin-bottom:13px}.filter-row input,.filter-row select,dialog input,dialog select,dialog textarea{border:1px solid #dce6e2;border-radius:10px;background:#fff;padding:11px;color:#19363a;width:100%;font-size:13px}.filter-row input{min-width:0}.small-primary,.save-button{background:#0c5f59;border:0;border-radius:10px;color:white;padding:10px 13px;font-size:12px;font-weight:750}.small-primary:hover,.save-button:hover{background:#087365}.expense-summary{display:flex;align-items:baseline;justify-content:space-between;padding:12px 3px 17px;font-size:12px;color:#708987}.expense-summary strong{font-size:23px;color:#0b3038;letter-spacing:-.04em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:0;border-radius:22px;padding:0;width:min(420px,calc(100vw - 28px));box-shadow:0 30px 80px #092a3066;color:#142b30}dialog::backdrop{background:#092b32a6}dialog form{padding:24px}.dialog-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.dialog-header h2{margin:4px 0 0;letter-spacing:-.04em}.icon-button{border:0;background:#eef4f1;border-radius:9px;width:31px;height:31px;font-size:22px;color:#315454}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}dialog label{margin:16px 0 7px}dialog .form-columns label{margin-top:0}.optional{font-weight:400;color:#829393}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}.save-button{padding:12px 17px}.delete-button{background:none;border:0;color:#b53636;font-weight:700;margin-right:auto}
@media(max-width:850px){.app-wrap{padding:22px}}@media(max-width:480px){.app-wrap{padding:0;background:#f4f5f8}.app-window{width:100%;border:0;border-radius:0;box-shadow:none}.app-content{padding:22px 19px 30px}}
.embed-mode .product-header{display:none}.embed-mode .site-shell{min-height:0}.embed-mode .app-wrap{display:block;height:100vh;min-height:0;padding:0;background:#f4f5f8}.embed-mode .app-window{height:100vh;min-height:0;max-height:none;width:100%;border:0;border-radius:0;box-shadow:none}.app-window{height:min(820px,calc(100vh - 126px));min-height:620px}@media(max-width:850px){.app-window{height:min(760px,calc(100svh - 118px));max-height:none}}@media(max-width:480px){.product-header{height:60px;padding:0 16px}.product-brand{font-size:18px}.product-brand img{width:30px;height:30px}.product-header-note{display:none}.product-home{margin-left:auto;font-size:12px}.app-wrap{min-height:calc(100svh - 60px)}.app-window{height:calc(100svh - 60px);min-height:0;max-height:none}}
.site-shell,.app-wrap{min-height:calc(100vh - 128px)}.app-window{height:min(820px,calc(100vh - 196px))}.product-footer{min-height:58px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fbfcfa;border-top:1px solid #dfe9e4;color:#67817d;font-size:12px}.product-footer a{color:#0b6159;font-weight:750;text-decoration:none}.product-footer a:hover{text-decoration:underline}.embed-mode .product-footer{display:none}
@media(max-width:850px){.app-window{height:min(760px,calc(100svh - 172px))}}@media(max-width:480px){.product-footer{min-height:74px;padding:11px 16px;display:grid;grid-template-columns:1fr auto;gap:6px}.product-footer-note{grid-column:1/-1;grid-row:2}.product-footer a{grid-column:2;grid-row:1}.site-shell,.app-wrap{min-height:calc(100svh - 134px)}.app-window{height:calc(100svh - 134px);min-height:0}}