:root{--ink:#17251f;--paper:#f3efe4;--card:#fffdf6;--line:#d7d0bf;--green:#235947;--mint:#b9dccb;--red:#b94835;--yellow:#f2cc66;--muted:#6f756f;--shadow:0 14px 40px rgba(29,45,37,.11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.7rem;margin:0 0 8px;color:var(--green)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#dcebdd,transparent 35%),radial-gradient(circle at 90% 80%,#f2dca5,transparent 38%),var(--paper)}.login-card{position:relative;width:min(460px,100%);padding:48px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transform:rotate(-.25deg)}.login-card h1{font-family:Georgia,serif;font-size:clamp(3rem,11vw,5rem);line-height:.85;margin:12px 0 22px;letter-spacing:-.06em}.login-card h1 em{color:var(--green);font-weight:400}.lede{font-family:Georgia,serif;font-size:1.1rem;line-height:1.5;color:#4f5b55}.stamp{position:absolute;right:30px;top:28px;border:3px double var(--red);color:var(--red);font-weight:900;padding:6px 10px;transform:rotate(8deg)}.stack{display:grid;gap:14px;margin-top:30px}label{display:grid;gap:7px;font-weight:750;font-size:.86rem}input,select{width:100%;border:1px solid var(--line);border-radius:10px;background:white;padding:12px 13px;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(35,89,71,.12)}.btn{border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:800;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--ink);color:white}.btn.ghost{background:transparent;border-color:var(--line)}.btn.danger{background:#fae2dd;color:#872e20}.fineprint,.hint{font-size:.78rem;color:var(--muted);line-height:1.5}.form-error{min-height:20px;color:var(--red);font-size:.84rem;margin:0}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--ink);color:white;padding:28px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-family:Georgia,serif;font-size:1.1rem;line-height:1}.brand small{color:var(--mint);font-style:italic}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--yellow);color:var(--ink);font:800 1.5rem Georgia}.sidebar nav{display:grid;gap:6px;margin-top:54px}.sidebar nav a{color:#c7d2cd;text-decoration:none;padding:12px 14px;border-radius:9px;font-weight:700}.sidebar nav a.active,.sidebar nav a:hover{background:#2c3e36;color:white}.sidebar-foot{margin-top:auto;display:grid;grid-template-columns:38px 1fr 34px;align-items:center;gap:9px;padding-top:20px;border-top:1px solid #405047}.sidebar-foot small{display:block;color:#aebdb6;font-size:.7rem}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--ink);font-weight:900}.icon-btn{border:0;background:transparent;color:#aebdb6;font-size:1.25rem}.content{grid-column:2;min-width:0}.topbar{min-height:104px;padding:24px clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(243,239,228,.88);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.topbar h2{font-family:Georgia,serif;font-size:2rem;margin:0}.top-actions{display:flex;gap:10px}.page{padding:32px clamp(20px,4vw,56px) 90px;max-width:1440px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{background:var(--card);border:1px solid var(--line);padding:22px;border-radius:14px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--mint);opacity:.35;right:-20px;top:-20px}.stat small{color:var(--muted);font-weight:700}.stat strong{display:block;font:700 clamp(1.65rem,3vw,2.3rem) Georgia;margin-top:10px}.stat.red strong{color:var(--red)}.stat.green strong{color:var(--green)}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:22px;margin-top:22px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head h3{font:700 1.25rem Georgia;margin:0}.link-btn{background:0;border:0;color:var(--green);font-weight:800}.empty{text-align:center;padding:50px 24px;color:var(--muted)}.empty b{display:block;font:700 1.3rem Georgia;color:var(--ink);margin-bottom:7px}.debt-row,.rank-row{display:grid;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #e8e2d5}.debt-row{grid-template-columns:44px minmax(120px,1fr) auto auto}.rank-row{grid-template-columns:32px 40px minmax(80px,1fr) auto}.debt-row:last-child,.rank-row:last-child{border:0}.money{font-weight:900;white-space:nowrap}.muted{color:var(--muted);font-size:.78rem}.person-pair strong{display:block}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:850;background:#e9e3d6}.badge.open{background:#fae7b0}.badge.settled{background:#d9eee3;color:#236044}.badge.cancelled{background:#eadfde;color:#76534e}.row-actions{display:flex;gap:6px}.row-actions button{padding:7px 9px;border:1px solid var(--line);background:white;border-radius:8px;font-size:.75rem;font-weight:750}.rank-num{font:700 1.2rem Georgia}.rank-row:first-child{background:linear-gradient(90deg,#fff5cf,transparent)}.rank-row:first-child .rank-num{color:#a87500}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h3{font:700 1.55rem Georgia;margin:0}.filters{display:flex;gap:8px}.filters button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:7px 12px;font-weight:700;font-size:.78rem}.filters button.active{background:var(--ink);color:white}.bill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.bill-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}.bill-card h3{font:700 1.3rem Georgia;margin:5px 0}.progress{height:9px;background:#e6e0d4;border-radius:99px;overflow:hidden;margin:16px 0 7px}.progress span{display:block;height:100%;background:var(--green);border-radius:inherit}.progress.over span{background:var(--red)}.bill-sum{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted)}.share-list{display:grid;gap:7px;margin:18px 0}.share{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.84rem}.share button{border:0;background:#ece7dc;border-radius:7px;padding:6px 8px}.bill-actions{display:flex;gap:8px}.bill-actions .btn{flex:1}.receipt{display:inline-block;color:var(--green);font-weight:800;font-size:.78rem;margin-top:5px}.mobile-nav{display:none}.toast{position:fixed;z-index:100;right:22px;top:22px;background:var(--ink);color:white;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(-80px);opacity:0;transition:.25s;font-weight:750}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:var(--red)}dialog{padding:0;border:0;border-radius:16px;background:transparent;max-width:min(620px,calc(100vw - 28px));width:100%}dialog::backdrop{background:rgba(12,24,19,.68);backdrop-filter:blur(3px)}.modal-card{background:var(--card);padding:26px;border-radius:16px}.modal-card.large{max-width:620px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-head h3{font:700 1.65rem Georgia;margin:0}.close{border:0;background:transparent;font-size:1.8rem;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wide{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}fieldset{border:1px solid var(--line);border-radius:10px;padding:12px}legend{font-weight:800;font-size:.82rem;padding:0 5px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.person-check{display:flex;align-items:center;gap:7px;background:#eee8dc;padding:8px;border-radius:8px;font-size:.8rem}.person-check input{width:auto}.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line)}.table th,.table td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:.82rem}.table th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.table-wrap{overflow:auto;border-radius:13px}
@media(max-width:820px){.app{display:block}.sidebar{display:none}.content{min-height:100vh}.topbar{min-height:84px;padding:16px 18px}.topbar h2{font-size:1.6rem}.top-actions .ghost{display:none}.top-actions .primary{padding:10px 12px;font-size:.78rem}.page{padding:20px 14px 100px}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.layout{grid-template-columns:1fr}.mobile-nav{display:grid;position:fixed;z-index:20;bottom:0;left:0;right:0;height:70px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);background:var(--card);border-top:1px solid var(--line)}.mobile-nav a{display:grid;place-items:center;align-content:center;gap:2px;color:var(--muted);text-decoration:none;font-weight:800}.mobile-nav a.active{color:var(--green)}.mobile-nav a span{font-size:.62rem}.mobile-nav button{align-self:center;justify-self:center;width:48px;height:48px;border-radius:50%;border:0;background:var(--ink);color:white;font-size:1.7rem}.debt-row{grid-template-columns:36px 1fr auto}.debt-row .row-actions{grid-column:2/-1}.people-grid{grid-template-columns:1fr 1fr}.section-title{align-items:start;gap:10px;flex-direction:column}.filters{overflow:auto;max-width:100%}.login-card{padding:36px 24px}.stamp{right:20px;top:20px}.table th:nth-child(3),.table td:nth-child(3){display:none}}@media(max-width:480px){.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1}.stat{padding:16px}.stat strong{font-size:1.4rem}.bill-grid{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr}.debt-row{padding:13px 14px}}