:root{--ink:#252238;--muted:#7b7890;--line:#ebe9f2;--surface:#fff;--bg:#f7f6fb;--purple:#6c5ce7;--purple-dark:#5546cc;--purple-soft:#efecff;--green:#00a884;--green-soft:#e6f8f3;--coral:#ef6c72;--coral-soft:#fff0f1;--amber:#f2a93b;--amber-soft:#fff7e8;--shadow:0 14px 40px rgba(54,44,98,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 "DM Sans",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 5px;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.13em}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#7968ed,#5445c9);color:#fff;font:800 27px Manrope;box-shadow:0 10px 25px rgba(108,92,231,.28)}.brand-mark.small{width:40px;height:40px;border-radius:13px;font-size:20px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr)}.auth-brand{padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:center;gap:35px;color:#fff;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.16),transparent 24%),linear-gradient(145deg,#7565e7,#5144b9)}.auth-brand h1{font:800 clamp(42px,6vw,70px)/1 Manrope;margin:10px 0 18px}.auth-brand p{max-width:540px;color:rgba(255,255,255,.78);font-size:18px}.auth-brand .eyebrow{color:#dcd6ff}.rule-preview{display:flex;gap:12px;flex-wrap:wrap}.rule-preview div{min-width:130px;padding:18px;border:1px solid rgba(255,255,255,.19);border-radius:18px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}.rule-preview strong,.rule-preview span{display:block}.rule-preview strong{font:800 24px Manrope}.rule-preview span{font-size:12px;color:#dedafd}.auth-card{display:grid;place-items:center;padding:35px}.auth-form{width:min(470px,100%);padding:38px;background:#fff;border-radius:28px;box-shadow:var(--shadow)}.auth-form h2,.dialog-heading h2,.panel h2{font:700 23px Manrope;margin:0}.auth-form{display:grid;gap:20px}label{display:grid;gap:7px;font-weight:600;font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;color:var(--ink);background:#fff;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.primary,.secondary{border:0;border-radius:12px;padding:12px 17px;font-weight:700}.primary{background:var(--purple);color:#fff;box-shadow:0 7px 18px rgba(108,92,231,.2)}.primary:hover{background:var(--purple-dark)}.secondary{background:#f1eff6;color:var(--ink)}.wide{width:100%;padding:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:25px 18px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);z-index:4}.logo{display:flex;align-items:center;gap:11px;padding:0 8px 32px;font:700 17px Manrope}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:12px;background:transparent;color:#6e6a7f;text-align:left;font-weight:600}.nav-item span{width:20px;font-size:18px}.nav-item:hover,.nav-item.active{background:var(--purple-soft);color:var(--purple)}.sidebar-tip{margin-top:auto;padding:17px;border-radius:16px;background:linear-gradient(145deg,#f1eeff,#faf9ff)}.sidebar-tip span{font-size:22px}.sidebar-tip strong{display:block;margin:7px 0 3px}.sidebar-tip p{margin:0;color:var(--muted);font-size:12px}.logout{margin-top:15px}.content{min-width:0;padding:28px clamp(20px,3vw,46px) 55px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.topbar h1{font:700 28px Manrope;margin:0}.topbar-actions{display:flex;align-items:center;gap:10px}.month-picker{display:flex;grid-auto-flow:column;align-items:center;gap:7px;padding:2px 8px;border:1px solid var(--line);border-radius:12px;background:#fff}.month-picker input{border:0;box-shadow:none;padding:8px;width:145px}.icon-button{border:0;background:transparent;font-size:22px}.menu-button{display:none}.hero-card{position:relative;overflow:hidden;min-height:170px;padding:30px 34px;border-radius:24px;background:linear-gradient(120deg,#6251dc,#8a75f0);color:#fff;box-shadow:0 18px 35px rgba(87,70,193,.2)}.hero-card p{margin:0;color:#ddd8ff}.hero-card h2{font:800 clamp(34px,5vw,48px) Manrope;margin:7px 0 0}.hero-card span{color:#ddd8ff;font-size:13px}.hero-art{position:absolute;right:5%;top:15%;width:240px;height:150px}.hero-art span{position:absolute;right:70px;top:25px;font-size:65px;color:#fff;transform:rotate(-10deg)}.hero-art i,.hero-art b{position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}.hero-art i{width:150px;height:150px;right:0}.hero-art b{width:85px;height:85px;left:0;bottom:-20px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.metric{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.metric-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;font-size:20px;font-weight:700}.metric-icon.income{color:var(--green);background:var(--green-soft)}.metric-icon.expense{color:var(--coral);background:var(--coral-soft)}.metric-icon.planned{color:var(--amber);background:var(--amber-soft)}.metric span,.metric strong,.metric small{display:block}.metric span{color:var(--muted);font-size:12px}.metric strong{font:700 21px Manrope;margin:2px 0}.metric small{color:#aaa6b5;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.info-dot{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:var(--muted);background:#f2f0f6}.budget-bars{display:grid;gap:21px}.budget-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.budget-title{display:flex;align-items:center;gap:8px;font-weight:700}.budget-dot{width:9px;height:9px;border-radius:50%}.budget-values{text-align:right}.budget-values strong{font-size:13px}.budget-values small{display:block;color:var(--muted);font-size:10px}.progress{height:9px;background:#efedf3;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;transition:width .4s}.budget-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:5px}.member-row{padding:15px 0;border-bottom:1px solid var(--line)}.member-row:last-child{border:0}.member-main{display:flex;align-items:center;justify-content:space-between}.member-name{display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#fff;font-weight:800}.member-row small{display:block;margin-left:44px;color:var(--muted)}.recent-panel{margin-top:18px}.text-button{border:0;background:transparent;color:var(--purple);font-weight:700}.transaction-list{display:grid}.transaction-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.transaction-item:last-child{border:0}.transaction-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f4f2f8}.transaction-item strong,.transaction-item small{display:block}.transaction-item small{color:var(--muted);font-size:11px}.amount{font-weight:800}.amount.income{color:var(--green)}.filter-row{display:flex;gap:10px;margin-bottom:20px}.filter-row select{max-width:220px}.search-box{display:flex;align-items:center;gap:8px;flex:1;padding-left:12px;border:1px solid var(--line);border-radius:12px}.search-box input{border:0;box-shadow:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:11px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--line)}td{padding:14px 11px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted)}.right{text-align:right}.pill{display:inline-block;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:800}.pill.needs{background:#e9f7f3;color:#008f72}.pill.wants{background:#fff1e8;color:#d9782e}.pill.goals{background:#eeebff;color:#6552d7}.pill.income{background:#e7f8f0;color:#008f68}.pill.planned{background:#fff6df;color:#a56b00}.pill.paid{background:#ecf8f5;color:#00836b}.action-button{border:0;background:transparent;color:var(--muted);font-size:18px}.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}.empty-state div{font-size:38px}.empty-state h3{color:var(--ink);margin-bottom:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.muted{color:var(--muted)}.member-setting{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line)}.rule-detail{display:grid;gap:15px;margin-top:21px}.rule-detail>div{display:flex;gap:13px;align-items:center}.rule-detail b{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--purple-soft);color:var(--purple)}.rule-detail strong,.rule-detail small{display:block}.rule-detail small{color:var(--muted)}dialog{width:min(620px,calc(100% - 24px));max-height:92vh;overflow:auto;border:0;border-radius:22px;padding:0;box-shadow:0 30px 90px rgba(37,34,56,.25)}dialog::backdrop{background:rgba(34,30,52,.55);backdrop-filter:blur(3px)}dialog form{display:grid;gap:16px;padding:27px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between}.close-button{border:0;background:#f2f0f6;width:33px;height:33px;border-radius:50%;font-size:22px}.type-toggle{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f1eff5;border-radius:13px}.type-toggle label{display:block}.type-toggle input{position:absolute;opacity:0;pointer-events:none}.type-toggle span{display:block;padding:10px;text-align:center;border-radius:10px}.type-toggle input:checked+span{background:#fff;color:var(--purple);box-shadow:0 3px 10px rgba(45,39,75,.08);font-weight:700}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}details{padding:12px;border:1px solid var(--line);border-radius:12px}summary{cursor:pointer;color:var(--purple);font-weight:700}.top-gap{margin-top:14px}.toast{position:fixed;z-index:20;right:25px;bottom:25px;max-width:360px;padding:13px 17px;border-radius:12px;background:var(--ink);color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{background:#b43b46}.small-text{font-size:12px}
.debt-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.debt-intro{margin:-9px 0 22px}.debts-list{display:grid;gap:14px}.debt-card{border:1px solid var(--line);border-radius:18px;padding:19px}.debt-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.debt-card-title{display:flex;gap:12px;align-items:center}.debt-card-title>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--purple-soft);color:var(--purple);font-size:19px}.debt-card h3{margin:0;font:700 17px Manrope}.debt-card p{margin:2px 0 0;color:var(--muted);font-size:12px}.debt-card-amount{text-align:right}.debt-card-amount strong,.debt-card-amount small{display:block}.debt-card-amount strong{font:800 20px Manrope}.debt-card-amount small{color:var(--muted)}.debt-splits{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0}.debt-split{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:12px;background:#f8f7fb}.debt-split span{display:flex;align-items:center;gap:7px}.debt-split .avatar{width:27px;height:27px;font-size:11px}.debt-progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:6px}.debt-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.debt-actions button{padding:8px 11px;font-size:12px}.share-fieldset{border:1px solid var(--line);border-radius:13px;padding:14px}.share-fieldset legend{padding:0 6px;font-weight:700}.share-row{display:grid;grid-template-columns:1fr 115px;gap:12px;align-items:center;margin-top:9px}.share-person{display:flex;align-items:center;gap:9px;font-weight:700}.share-input-wrap{position:relative}.share-input-wrap input{padding-right:30px}.share-input-wrap span{position:absolute;right:11px;top:12px;color:var(--muted)}.live-split{display:flex;gap:8px;flex-wrap:wrap}.live-split span{padding:7px 10px;border-radius:10px;background:var(--purple-soft);color:var(--purple);font-size:12px;font-weight:700}
.income-edit-row{padding:15px 0;border-bottom:1px solid var(--line)}.income-edit-row:last-child{border:0}.income-edit-head{display:flex;align-items:center;gap:9px;margin-bottom:11px;font-weight:700}.income-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-finance{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0 0 44px}.member-finance span{font-size:10px;color:var(--muted)}.member-finance strong{display:block;color:var(--ink);font-size:12px}.commitment-high{color:var(--coral)!important}.commitment-ok{color:var(--green)!important}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.debt-summary-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{min-height:100vh}.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:22px 10px}.logo strong,.nav-item:not(.logout){font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:19px}.sidebar-tip{display:none}.logo{justify-content:center;padding-inline:0}.logout{font-size:0}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:240px;transition:.25s;box-shadow:var(--shadow)}.sidebar.open{left:0}.logo strong,.nav-item:not(.logout),.logout{font-size:15px}.nav-item{justify-content:flex-start}.menu-button{display:block}.content{padding:20px 14px 40px}.topbar{align-items:flex-start}.topbar-actions{align-items:flex-end;flex-direction:column}.topbar-actions .primary{font-size:0;padding:11px}.topbar-actions .primary::after{content:"＋";font-size:20px}.summary-grid{grid-template-columns:1fr}.hero-art{opacity:.35}.form-row{grid-template-columns:1fr}.filter-row{display:grid}.filter-row select{max-width:none}.panel{padding:18px}.metric{padding:16px}.auth-form{padding:26px}.month-picker input{width:125px}.transaction-item{grid-template-columns:40px 1fr auto}.settings-grid{display:block}.settings-grid .panel+ .panel{margin-top:15px}}