
:root{--bg:#f5f4f0;--paper:#fff;--ink:#252a2a;--muted:#737973;--line:#e6e8e0;--brand:#682b43;--brand2:#82405a;--brand-light:#f5eaf0;--green:#426757;--green-light:#eaf2ed;--orange:#97622d;--orange-light:#fcf1e0;--red:#a8413b;--red-light:#fbeeea;--radius:19px;--shadow:0 6px 25px #263a2c05}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b07993;outline-offset:3px}button{border:0}button:disabled{opacity:.42;cursor:not-allowed}a{color:var(--brand)}h1,h2,h3,p{margin:0}h1{font-size:31px;font-weight:650;letter-spacing:-1.1px;line-height:1.2}h2{font-size:18px;letter-spacing:-.35px;font-weight:650}h3{font-size:15px;font-weight:650}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.num{font-variant-numeric:tabular-nums;letter-spacing:-.5px}.icon{width:20px;height:20px;display:inline-block;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hidden,[hidden]{display:none!important}.layout{display:flex;min-height:100vh}.sidebar{width:228px;flex-shrink:0;background:#fafaf7;border-right:1px solid var(--line);padding:30px 18px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 30px}.brand-mark{display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--brand);width:42px;height:44px;color:white;font-size:23px;font-weight:600;box-shadow:0 5px 13px #682b4315}.brand-name{font-weight:700;font-size:18px;letter-spacing:-.5px}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:1.7px;text-transform:uppercase}.nav-label{font-size:10px;color:#93968e;letter-spacing:1.7px;margin:15px 13px 10px}.nav-item{background:none;display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 14px;margin:3px 0;border-radius:11px;color:#72776e;font-weight:550}.nav-item:hover{background:#eff0e9;color:var(--ink)}.nav-item.active{color:var(--brand);background:#eee5e9}.nav-item.active::after{content:'';margin-left:auto;height:6px;width:6px;border-radius:50%;background:var(--brand)}.sidebar-bottom{margin-top:auto;padding:24px 9px 0}.people{display:flex;align-items:center;margin-bottom:14px}.avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;font-weight:650;background:#ead8e0;color:var(--brand);border:3px solid #fafaf7}.avatar.second{margin-left:-8px;background:#dce9df;color:var(--green)}.people-label{margin-left:8px;font-size:12px;line-height:1.5}.private-note{font-size:11px;color:#858980;line-height:1.7;display:flex;gap:7px}.private-note .icon{width:14px;height:14px;margin-top:2px}.main{margin-left:228px;flex:1;min-width:0;padding:30px 38px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--brand);text-transform:uppercase}.topbar-left .muted{margin-top:4px;font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.saved{color:var(--green);font-size:11px;display:flex;align-items:center;gap:5px}.saved::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.saved.warn{color:var(--orange)}.month-wrap{background:#fff;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:7px 10px}.month-wrap .icon{width:16px;height:16px;color:var(--muted)}.month-wrap input{border:0;background:transparent;width:144px;min-height:27px;font-size:12px;font-weight:600;color:var(--ink);padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:white;padding:10px 14px;min-height:41px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink)}.btn:hover{background:#f6f7f2;border-color:#d3d7cb}.btn .icon{width:16px;height:16px}.btn.primary{background:var(--brand);border-color:var(--brand);color:white}.btn.primary:hover{background:#572137}.btn.soft{background:var(--brand-light);color:var(--brand);border-color:transparent}.btn.danger{color:var(--red);border-color:#efd6d1}.btn.small-btn{min-height:32px;padding:6px 10px;font-size:11px}.btn.link{border:0;background:none;color:var(--brand);padding:3px 0;min-height:0}.title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-desc{margin-top:8px;color:var(--muted);font-size:13px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:5px 10px;background:#eeefe8;color:#67725f;font-size:10px;font-weight:650;white-space:nowrap}.pill.green{background:var(--green-light);color:var(--green)}.pill.amber{background:var(--orange-light);color:var(--orange)}.pill.red{background:var(--red-light);color:var(--red)}.pill.brand{background:var(--brand-light);color:var(--brand)}.cards4{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:15px;margin-bottom:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{padding:21px 21px 19px;position:relative;overflow:hidden;min-height:145px}.kpi.primary{background:var(--brand);border-color:var(--brand);color:#fff}.kpi.primary::after{position:absolute;content:'';width:170px;height:170px;border-radius:50%;border:22px solid #ffffff07;right:-62px;top:35px}.kpi-label{font-size:11px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:7px;position:relative;z-index:1}.kpi-label .icon{width:16px;height:16px}.kpi.primary .kpi-label,.kpi.primary .kpi-sub{color:#e3cbd4}.kpi-value{font-size:29px;font-weight:650;letter-spacing:-1.2px;margin:16px 0 6px;line-height:1.1;white-space:nowrap;position:relative;z-index:1}.currency{font-size:.53em;letter-spacing:0;font-weight:500;margin-left:4px;opacity:.75}.kpi-sub{font-size:10px;color:var(--muted);position:relative;z-index:1}.grid-main{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px}.panel{padding:24px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-header .muted{font-size:11px;margin-top:4px}.balance-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:25px}.balance-label{color:var(--muted);font-size:11px}.balance-value{font-size:23px;font-weight:650;margin-top:8px}.balance-value.negative{color:var(--red)}.balance-value.positive{color:var(--green)}.balance-row>div+div{border-left:1px solid var(--line);padding-left:20px}.progress-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:27px;gap:10px}.progress{height:8px;border-radius:20px;background:#eeeee8;margin-top:8px;overflow:hidden}.progress-fill{height:100%;border-radius:20px;background:var(--green);transition:width .25s}.empty-plan{background:#f8f7f3;border:1px dashed #dedfd5;border-radius:13px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px}.empty-plan h3{font-size:12px;margin-bottom:4px}.empty-plan p{font-size:11px;color:var(--muted);max-width:290px}.status-note{padding:14px 16px;background:var(--green-light);border-radius:12px;margin-top:18px;font-size:12px;color:var(--green)}.status-note.negative{background:var(--red-light);color:var(--red)}.status-note.neutral{background:#f3f3ed;color:#666d61}.bar-row{margin:0 0 15px}.bar-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:6px}.bar-top span:last-child{color:var(--ink);font-weight:600;white-space:nowrap}.bar-track{height:5px;background:#f1f2ec;border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;background:#9fae9f}.bar-row:first-child .bar-fill{background:var(--brand)}.bar-row:nth-child(2) .bar-fill{background:#5f7d6b}.bar-row:nth-child(3) .bar-fill{background:#ab9574}.bar-row:nth-child(4) .bar-fill{background:#80949a}.bar-row:nth-child(5) .bar-fill{background:#b390a0}.bar-bottom{display:flex;gap:7px;padding-top:1px;font-size:10px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.expert-summary{display:flex;gap:16px;align-items:flex-start;padding:19px 21px}.expert-dot{background:var(--brand-light);color:var(--brand);height:39px;width:39px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;font-weight:650}.expert-dot.green{background:var(--green-light);color:var(--green)}.expert-info{min-width:0;flex:1}.expert-info .name{font-size:12px;font-weight:650}.expert-amount{font-size:25px;font-weight:650;margin:7px 0 6px}.expert-meta{font-size:10px;color:var(--muted);line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 12px}.section-heading h2{font-size:15px}.footnote{font-size:10px;color:var(--muted);margin-top:11px;line-height:1.6}.missing-card{margin-top:20px;padding:19px 22px;display:flex;gap:16px;align-items:flex-start;background:#f1f1e9;border:1px solid #e2e4d7;border-radius:15px}.missing-card>.icon{color:#878d6d;margin-top:2px}.missing-title{font-size:12px;font-weight:650}.missing-text{font-size:11px;color:#767d69;margin-top:4px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.chip{font-size:10px;font-weight:550;padding:6px 10px;border-radius:8px;color:#65705d;background:#fbfcf6;border:1px solid #dce1d0}.chip:hover{border-color:var(--green);background:white}.footer{border-top:1px solid var(--line);margin-top:30px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;color:#8b9086;font-size:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line);flex-wrap:wrap}.segmented{display:flex;background:#f1f2ec;border-radius:9px;padding:3px;gap:2px}.segmented button{font-size:11px;background:transparent;color:var(--muted);padding:7px 11px;border-radius:7px}.segmented button.active{background:#fff;box-shadow:0 1px 5px #0000000a;color:var(--brand);font-weight:600}.filters-right{display:flex;gap:9px;align-items:center}.search{position:relative}.search .icon{position:absolute;left:10px;top:10px;width:16px;height:16px;color:var(--muted)}.search input{padding-left:33px!important;width:190px}.field-input,input[type=text],input[type=number],select,textarea{border:1px solid #dfe3d8;border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);min-height:40px;max-width:100%;transition:border-color .15s}input:hover,select:hover,textarea:hover{border-color:#b8c1af}input:focus,select:focus,textarea:focus{border-color:#a7788d;outline:2px solid #f0dfe7;outline-offset:0}input[type=range]{width:100%;accent-color:var(--brand);cursor:pointer}input[type=checkbox]{accent-color:var(--brand);width:16px;height:16px;cursor:pointer}input[disabled]{background:#f6f6f2;color:#95998e;cursor:not-allowed}select{font-size:12px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.expense-table{width:100%;border-collapse:collapse;font-size:12px;min-width:860px}.expense-table th{text-align:left;font-size:10px;letter-spacing:.35px;color:var(--muted);font-weight:500;background:#fcfcf9;padding:14px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.expense-table td{padding:13px 13px;border-bottom:1px solid #eef0e8;vertical-align:middle}.expense-table td:first-child,.expense-table th:first-child{padding-left:21px}.expense-table tbody tr:last-child td{border-bottom:0}.expense-table tbody tr:hover{background:#fcfcf9}.expense-table tr.inactive{opacity:.5;background:#fafaf7}.expense-name{font-weight:600;font-size:11px;max-width:220px;min-width:170px}.expense-category{font-size:10px;color:var(--muted);margin-top:3px}.scope-tag{padding:4px 7px;font-size:9px;border-radius:5px;background:#f0edf4;color:#73627b;white-space:nowrap}.scope-tag.ev{background:#eaf2ec;color:var(--green)}.scope-tag.kisisel{background:#faf0e4;color:#967448}.owner-name{white-space:nowrap;font-size:11px;color:#5f665b}.amount-input{width:110px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;min-height:35px!important;padding:7px 8px!important}.freq-select{width:104px;font-size:10px;padding:7px 6px;min-height:35px}.monthly-cell{text-align:right;font-weight:600;white-space:nowrap}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#8a9084;border-radius:7px}.icon-btn .icon{width:15px;height:15px}.icon-btn:hover{background:var(--brand-light);color:var(--brand)}.icon-btn.delete:hover{background:var(--red-light);color:var(--red)}.row-actions{white-space:nowrap;text-align:right}.table-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fcfcf9;padding:16px 21px;border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);font-size:11px;color:var(--muted)}.table-footer strong{font-size:17px;color:var(--ink);margin-left:10px}.info-box{padding:15px 18px;border:1px solid #e1e4d9;background:#f7f8f3;border-radius:12px;margin-top:16px;color:#7a806e;font-size:11px;line-height:1.7;display:flex;gap:10px}.info-box .icon{height:17px;width:17px;flex-shrink:0;margin-top:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.three{grid-template-columns:1.4fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:11px;font-weight:600;color:#62695e}.field .help{font-size:10px;color:var(--muted);line-height:1.6}.field input,.field select{width:100%}.input-suffix{position:relative}.input-suffix input{padding-right:38px}.input-suffix .suffix{position:absolute;right:12px;top:12px;font-size:11px;color:#969b90;pointer-events:none}.plan-settings{margin-bottom:20px}.plan-setting-footer{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:17px;padding-top:16px;border-top:1px solid var(--line)}.compact-field{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.compact-field input{width:77px;padding:7px 8px;min-height:33px;font-size:12px}.compact-field select{padding:7px 8px;min-height:33px;font-size:11px}.expert-plan{overflow:hidden}.expert-plan-head{padding:19px 23px;display:flex;align-items:center;gap:12px;background:#fbf6f8;border-bottom:1px solid #eee4e9}.expert-plan.ilknur .expert-plan-head{background:#f3f8f4;border-bottom-color:#e6eee7}.expert-plan-head h2{font-size:15px}.expert-plan-head .muted{font-size:10px;margin-top:2px}.expert-plan-body{padding:23px}.expert-plan .field input.main-input{font-size:22px;font-weight:600;min-height:55px;letter-spacing:-.6px}.expert-plan .input-suffix .suffix{top:20px}.expert-plan details{margin-top:17px}.expert-plan summary{font-size:11px;color:var(--muted);cursor:pointer;padding:4px 0}.expert-plan details .form-grid{margin-top:13px}.mini-calculation{margin-top:19px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-calculation .muted{font-size:11px}.mini-calculation strong{font-size:22px;font-weight:600}.allocation-row{margin-top:20px;display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}.allocation-text p{font-size:11px;color:var(--muted);margin-top:7px}.allocation-control-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:8px}.allocation-control-head strong{color:var(--brand)}.target-table{width:100%;border-collapse:collapse;margin-top:6px;font-size:12px}.target-table th{font-size:10px;color:var(--muted);font-weight:500;text-align:right;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.target-table th:first-child,.target-table td:first-child{text-align:left;padding-left:0}.target-table td{text-align:right;padding:16px 10px;border-bottom:1px solid #eef0e8;white-space:nowrap}.target-table tbody tr:last-child td{border-bottom:none}.target-table .target-num{font-size:22px;font-weight:600;color:var(--brand)}.target-table .tiny{color:var(--muted)}.total-target{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;margin-top:12px;background:#f4f4ee;border-radius:12px}.total-target .muted{font-size:11px}.total-target strong{font-size:18px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scenario-card{padding:18px 20px}.scenario-card h3{font-size:12px}.scenario-card .small{font-size:10px;margin-top:4px;min-height:30px;color:var(--muted)}.scenario-value{font-size:24px;font-weight:650;margin-top:15px}.scenario-label{font-size:10px;color:var(--muted);margin-top:4px}.scenario-value.negative{color:var(--red)}.scenario-value.positive{color:var(--green)}.math-details{font-size:11px;color:var(--muted);margin-top:20px}.math-details summary{cursor:pointer;padding:11px 0;font-weight:600;color:#666e5f}.math-details p{margin-bottom:9px;line-height:1.8}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.backup-item{padding:24px}.backup-icon{width:43px;height:43px;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;border-radius:13px;margin-bottom:16px}.backup-item h2{margin-bottom:8px;font-size:16px}.backup-item p{font-size:12px;color:var(--muted);min-height:55px;margin-bottom:18px}.button-row{display:flex;gap:9px;flex-wrap:wrap}.months-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.month-card{text-align:left;border:1px solid var(--line);border-radius:10px;padding:12px 15px;background:#fff;min-width:150px;color:var(--ink)}.month-card.active{border-color:#b98d9f;background:#fbf5f8}.month-card .small{font-size:11px;font-weight:600}.month-card .num{font-size:19px;margin-top:5px}.month-card .tiny{color:var(--muted);margin-top:4px}.note-area{width:100%;resize:vertical;min-height:90px;font-size:12px;margin-top:14px}.danger-section{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 23px;margin-top:20px}.danger-section h3{font-size:12px}.danger-section p{font-size:11px;color:var(--muted);margin-top:5px}.dialog{border:1px solid var(--line);border-radius:20px;padding:0;width:570px;max-width:calc(100vw - 30px);color:var(--ink);box-shadow:0 25px 100px #1c232733;max-height:90vh}.dialog::backdrop{background:#1e252b65;backdrop-filter:blur(3px)}.dialog-body{padding:25px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog h2{font-size:20px}.dialog .form-grid{gap:17px}.full-width{grid-column:1/-1}.dialog textarea{width:100%;min-height:75px;resize:vertical;font-size:12px}.dialog-footer{padding:17px 25px;background:#fafbf7;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.dialog-message{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:8px}.dialog-error{color:var(--red);font-size:11px;margin-top:14px}.toast{position:fixed;bottom:23px;left:calc(50% + 90px);transform:translateX(-50%);z-index:100;box-shadow:0 8px 35px #0002;background:#293a31;color:#fff;border:1px solid #fff2;border-radius:11px;padding:13px 18px;max-width:calc(100vw - 40px);font-size:12px;pointer-events:none;transition:opacity .2s}.toast.error{background:#793c37}.scroll-note{display:none}.print-report{display:none}.overview-bottom{margin-top:4px}.data-total{font-size:27px;letter-spacing:-.7px;font-weight:600}.plan-overview{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:20px;padding:19px 23px}.plan-overview .small{font-size:10px;color:var(--muted)}.plan-overview strong{font-size:23px;margin-top:5px;display:block;font-weight:600}.plan-overview>div+div{border-left:1px solid var(--line);padding-left:21px}.empty-table{padding:35px;text-align:center;color:var(--muted)}
@media(min-width:1600px){.main{padding-left:48px;padding-right:48px;max-width:1550px}.kpi-value{font-size:34px}}
@media(max-width:1250px){.sidebar{width:200px;padding-left:14px;padding-right:14px}.main{margin-left:200px;padding:26px}.cards4{gap:11px}.kpi{padding:19px 16px}.kpi-value{font-size:25px}.grid-main{grid-template-columns:1.2fr 1fr;gap:16px}.panel{padding:21px}.balance-value{font-size:20px}.balance-row>div+div{padding-left:11px}.topbar .saved{display:none}.expense-table{min-width:870px}.toast{left:calc(50% + 80px)}}
@media(max-width:1000px){.sidebar{width:77px;padding:24px 12px}.brand{padding:0 4px 25px}.brand>div:last-child,.nav-label,.nav-item span,.nav-item.active::after,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:15px 8px;margin:7px 0}.main{margin-left:77px;padding:25px}.cards4{grid-template-columns:repeat(2,1fr)}.kpi{min-height:132px;padding:20px}.kpi-value{font-size:29px}.grid-main{grid-template-columns:1fr 1fr}.balance-row{grid-template-columns:1fr 1fr;gap:16px}.balance-row>div:nth-child(3){grid-column:1/-1;border:0;padding-left:0;padding-top:10px;border-top:1px solid var(--line)}.empty-plan{flex-direction:column;align-items:flex-start}.balance-value{font-size:24px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three>.field:first-child{grid-column:1/-1}.scenario-grid{gap:10px}.scenario-card{padding:17px}.scenario-value{font-size:21px}.allocation-row{grid-template-columns:1fr;gap:18px}.toast{left:calc(50% + 38px)}.title-row{align-items:flex-start}.expert-plan-body{padding:19px}.expert-plan .form-grid{grid-template-columns:1fr}.plan-overview strong{font-size:21px}}
@media(max-width:760px){.main{padding:21px}.topbar{margin-bottom:26px;align-items:flex-start}.topbar-left{max-width:180px}.topbar .eyebrow{font-size:9px;letter-spacing:1px}.topbar-left .muted{font-size:10px}.top-actions{gap:7px}.top-actions>.btn{padding:9px}.top-actions>.btn span{display:none}.month-wrap{padding:6px 8px}.month-wrap .icon{display:none}.month-wrap input{width:130px}.grid-main{grid-template-columns:1fr}.two-col{gap:13px}.expert-summary{padding:17px;gap:10px}.expert-amount{font-size:21px}.expert-dot{height:33px;width:33px;border-radius:10px}.expert-meta{font-size:9px}.balance-row{grid-template-columns:1fr 1fr 1fr}.balance-row>div:nth-child(3){grid-column:auto;border-top:0;border-left:1px solid var(--line);padding-left:11px;padding-top:0}.balance-value{font-size:22px}.empty-plan{flex-direction:row;align-items:center}.scenario-grid{grid-template-columns:1fr}.scenario-card .small{min-height:0}.scenario-card{position:relative;padding-right:160px}.scenario-value{position:absolute;right:19px;top:8px}.scenario-label{margin-top:9px}.backup-grid{grid-template-columns:1fr}.backup-item p{min-height:0}.plan-overview{gap:10px;padding:19px 16px}.plan-overview>div+div{padding-left:12px}.plan-overview strong{font-size:19px}.footer{flex-direction:column;gap:5px}.scroll-note{display:block;font-size:10px;color:var(--muted);padding:10px 19px 0}.filters-right{width:100%}.search{flex:1}.search input{width:100%}.table-footer{align-items:flex-end}.title-row h1{font-size:27px}.title-row .pill{display:none}.section-heading .btn{font-size:10px}.expert-plan-head{padding:18px}.mini-calculation{align-items:flex-start;flex-direction:column;gap:5px}.missing-card{padding:18px;gap:11px}.target-table{min-width:630px}}
@media(max-width:520px){.sidebar{width:100%;height:67px;top:auto;bottom:0;padding:5px 8px;border-right:0;border-top:1px solid var(--line);background:#fafaf7f5;backdrop-filter:blur(10px);display:block}.sidebar .brand{display:none}.sidebar nav{display:flex;height:100%;align-items:center;gap:2px}.nav-item{flex:1;margin:0;display:flex;flex-direction:column;gap:3px;padding:7px 0;border-radius:9px}.nav-item .icon{width:19px;height:19px}.nav-item span{display:block;font-size:9px}.main{margin-left:0;padding:20px 17px 92px}.topbar-left .muted{display:none}.topbar{align-items:center;margin-bottom:25px}.topbar .eyebrow{font-size:9px;max-width:125px;line-height:1.6}.topbar .btn{min-height:36px}.month-wrap{padding:4px 6px}.month-wrap input{width:123px;font-size:11px}.title-row{gap:10px;margin-bottom:20px}.title-row h1{font-size:27px}.page-desc{font-size:11px;max-width:270px}.cards4{gap:10px;margin-bottom:17px}.kpi{min-height:121px;padding:17px 14px}.kpi-label{font-size:10px;gap:5px}.kpi-label .icon{width:14px;height:14px}.kpi-value{font-size:25px;margin-top:17px}.kpi-sub{font-size:9px}.panel{padding:19px}.grid-main{gap:17px;margin-bottom:16px}.panel-header h2{font-size:16px}.panel-header .muted{font-size:10px}.balance-row{gap:7px}.balance-row>div+div{padding-left:9px}.balance-value{font-size:19px}.balance-label{font-size:10px}.empty-plan{padding:14px;gap:10px}.empty-plan p{font-size:10px}.empty-plan h3{font-size:11px}.empty-plan .btn{padding:8px 10px;font-size:10px}.two-col{grid-template-columns:1fr}.expert-summary{padding:18px;gap:14px;align-items:center}.expert-amount{font-size:25px}.expert-meta{font-size:10px}.expert-info .name{font-size:12px}.section-heading h2{font-size:14px}.missing-card{padding:16px}.chips{gap:6px}.chip{font-size:9px}.toolbar{padding:13px}.segmented{width:100%;justify-content:space-between}.segmented button{padding:7px 10px;flex:1}.filters-right select{max-width:120px;font-size:11px}.search input{font-size:11px}.table-footer{padding:14px;gap:7px;flex-wrap:wrap}.table-footer strong{font-size:17px}.plan-overview{grid-template-columns:1fr;padding:17px;gap:11px}.plan-overview>div{display:flex;justify-content:space-between;align-items:center}.plan-overview>div+div{border:0;border-top:1px solid var(--line);padding-left:0;padding-top:11px}.plan-overview strong{margin-top:0;font-size:22px}.plan-overview .small{font-size:11px}.form-grid.three{gap:15px}.form-grid{gap:13px}.expert-plan .form-grid{grid-template-columns:1fr 1fr}.expert-plan-head{padding:17px 19px}.expert-plan .field input.main-input{font-size:24px}.mini-calculation{flex-direction:row;align-items:center}.allocation-row{margin-top:17px}.scenario-card{padding:17px 145px 17px 17px}.scenario-value{font-size:20px}.dialog-body{padding:22px}.dialog-footer{padding:15px 22px}.dialog .form-grid{gap:14px}.dialog .form-grid .field{min-width:0}.dialog .field>label{font-size:10px}.toast{bottom:82px;left:50%;width:max-content;max-width:calc(100vw - 30px);text-align:center}.danger-section{align-items:flex-start;flex-direction:column}.title-row .btn{min-height:36px;padding:8px 10px;font-size:11px}.total-target{padding:14px;align-items:center}.total-target strong{font-size:15px}.info-box{padding:13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4;margin:16mm}.layout,.toast,dialog{display:none!important}body{background:#fff;font-size:10px;color:#111}.print-report{display:block!important}.print-report h1{font-size:23px;margin-bottom:4px}.print-report h2{font-size:15px;margin:24px 0 9px}.print-report p{margin:5px 0}.print-report table{width:100%;border-collapse:collapse;font-size:9px}.print-report th,.print-report td{padding:6px 5px;border-bottom:1px solid #ddd;text-align:left}.print-report th:last-child,.print-report td:last-child{text-align:right}.print-report .print-stats{display:flex;gap:24px;border-block:1px solid #ddd;padding:12px 0;margin:17px 0}.print-report .print-stats strong{font-size:18px;display:block}.print-report tr{break-inside:avoid}.print-report thead{display:table-header-group}.print-report .print-note{font-size:9px;color:#555;line-height:1.6;margin-top:15px}.print-report .print-section{break-inside:avoid}.print-report .print-footer{margin-top:18px;color:#777;font-size:8px}}
/* Version 2: clear plan/cash separation, usable controls and offline charts. */
.actual-kpis{grid-template-columns:1.15fr 1fr 1fr 1fr}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:2px}.expense-dot{background:#b57440}.income-dot{background:var(--green)}.positive{color:var(--green)}.negative{color:var(--red)}.right{text-align:right!important}.table-sub{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.actual-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px;border:1px solid #dddcd2;border-radius:14px;padding:17px 20px;background:#f8f7f2}.actual-callout strong{font-size:13px}.actual-callout p{margin-top:4px}.actual-callout .button-row{margin-top:0}.button-row{flex-wrap:wrap}.budget-progress .progress-caption{margin-top:20px}.plan-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 24px;margin:22px 0;border:1px solid var(--line);border-radius:15px;background:#eeefe9}.plan-strip span{font-size:11px;color:var(--muted);display:block}.plan-strip strong{display:block;font-size:18px;margin-top:6px;letter-spacing:-.3px}.plan-strip small{font-size:10px;font-weight:400}.sort-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 19px;border-bottom:1px solid var(--line);background:#fdfdfb;flex-wrap:wrap}.sort-bar>label{font-size:11px;display:flex;align-items:center;gap:9px;font-weight:600}.sort-bar select,.report-topline select{border:1px solid #dfe3d8;border-radius:8px;padding:7px 9px;background:#fff;min-height:34px;font-size:11px;color:var(--ink)}.sort-bar .button-row{margin:0}.reorder{display:flex;align-items:center;gap:5px;min-width:68px}.drag-handle{background:none;font-size:20px;line-height:1;letter-spacing:-6px;padding:9px 9px 9px 1px;cursor:grab;color:#859183;min-height:38px;min-width:22px}.drag-handle:active{cursor:grabbing}.order-number{font-size:10px;color:#7d8676;width:16px;text-align:center}.move-buttons{display:flex;flex-direction:column;gap:3px}.move-buttons button{border-radius:5px;width:24px;height:22px;background:#edf0e7;color:#586650;font-size:14px;font-weight:650}.move-buttons button:hover:not(:disabled){background:#dfe6d7}.move-buttons button:disabled{opacity:.25}.v2-expense-table{min-width:1020px}.v2-expense-table th{letter-spacing:0}.v2-expense-table td,.v2-expense-table th{padding-left:11px;padding-right:11px}.v2-expense-table td:first-child,.v2-expense-table th:first-child{padding-left:12px;padding-right:8px}.v2-expense-table td:nth-child(2){min-width:195px;max-width:265px}.v2-expense-table td:nth-child(4){min-width:145px}.v2-expense-table td:nth-child(5){min-width:125px}.v2-expense-table td:nth-child(6){white-space:nowrap;min-width:112px}.v2-expense-table .freq-select{font-size:10px;margin-top:5px;max-width:116px}.v2-expense-table .amount-input{width:119px;font-size:13px}.v2-expense-table tr.inactive{opacity:1}.v2-expense-table tr.inactive .expense-name{color:#8a8e85;text-decoration:line-through}.v2-expense-table tr.inactive .amount-input{opacity:.65}.expense-actions{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:84px}.expense-actions .icon-btn{width:28px;height:28px}.expense-actions .icon{width:15px;height:15px}.expense-actions .pay-btn{color:var(--green);background:#edf3ed;border-color:#dde7dd}.v2-expense-table tr.dragging{opacity:.35}.v2-expense-table tr.drag-target td{background:#edf3ed;box-shadow:inset 0 3px 0 #426757}.v2-expense-table .tiny{white-space:nowrap}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{padding:12px 10px;text-align:left;font-size:10px;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:14px 10px;border-bottom:1px solid #eef0e8;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table .num{white-space:nowrap;letter-spacing:-.15px}.data-table tfoot th{font-weight:650;color:var(--ink);border-top:1px solid var(--line);background:#fafbf7}.summary-table{min-width:440px}.summary-table td{padding:17px 9px}.summary-table th{padding-top:2px}.summary-table td:first-child{font-size:12px}.summary-net{background:#f6f7f2;font-weight:600}.summary-net td:first-child{border-radius:8px 0 0 8px}.summary-net td:last-child{border-radius:0 8px 8px 0}.summary-table strong{font-weight:600}.chart-host svg,.history-chart svg,.print-chart svg{display:block;width:100%;height:auto;max-height:330px;font-family:inherit}.axis-text{font-size:11px;fill:#777f72}.value-text{font-size:12px;fill:#353d31;font-weight:550}.chart-label{font-size:13px;fill:#4b5546}.chart-legend{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:11px 0 4px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.chart-empty{min-height:238px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--muted);font-size:13px;line-height:1.8;background:repeating-linear-gradient(to top,#fff 0,#fff 56px,#f2f4ed 57px,#fff 58px);border-radius:10px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:23px}.mini-kpis>div{padding:20px 23px;border-radius:16px;border:1px solid var(--line);background:#fff}.mini-kpis span{font-size:11px;color:var(--muted);display:block}.mini-kpis strong{font-size:25px;display:block;margin:9px 0 3px}.mini-kpis small{font-size:10px;color:var(--muted)}.transaction-table{min-width:800px}.transaction-table th:first-child,.transaction-table td:first-child{padding-left:20px}.transaction-table td:nth-child(2){min-width:245px}.transaction-table td:last-child{white-space:nowrap}.transaction-table .date-cell{white-space:nowrap;font-size:11px;color:#606a58}.tx-note{margin-top:5px;max-width:300px;overflow-wrap:anywhere}.tx-type-tabs{margin-bottom:20px;display:flex}.tx-type-tabs button{flex:1;padding:9px 10px}.form-hint{margin-top:15px;font-size:11px;line-height:1.7;padding:12px 14px;border-radius:10px;background:#f1f4ec;color:#617456}.field input:read-only{background:#f5f6f0}.field select:disabled{opacity:.8;color:#606958;background:#f5f6f0}.report-topline{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.report-topline label{display:flex;align-items:center;gap:8px;font-size:12px}.report-topline .tiny{margin-left:auto}.report-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-bottom:20px}.report-grid>.card{min-width:0}.paired-bars{max-height:454px;overflow-y:auto;padding:6px 5px 4px 0}.paired-row{padding:14px 0;border-bottom:1px solid #f1f2ec}.paired-row:last-child{border-bottom:0}.paired-label{font-size:12px;font-weight:550;margin-bottom:8px}.paired-line{display:grid;grid-template-columns:67px minmax(30px,1fr) 108px;gap:8px;align-items:center;margin:5px 0}.paired-line>.num{text-align:right;font-size:11px;letter-spacing:-.2px;white-space:nowrap}.paired-track{height:8px;background:#f1f2ed;border-radius:6px;overflow:hidden}.paired-track>div{height:100%;border-radius:6px;min-width:0}.income-detail{margin-top:22px;min-width:380px}.history-chart{overflow-x:auto}.history-chart svg{max-height:none}.history-table{min-width:800px;margin-top:20px}.comparison-detail{min-width:800px}.comparison-detail td:first-child{min-width:190px}.month-actual{margin-top:10px;font-size:10px;color:#777e70;padding-top:9px;border-top:1px solid #e5e8dd}.month-card{min-width:180px}.nav-item{font-size:12px}.dialog-footer{position:sticky;bottom:0;z-index:2}.footer{gap:14px}.actual-kpis .kpi-value{font-size:28px}.actual-kpis .kpi{min-height:146px}.kpi .kpi-value.negative{color:var(--red)}
@media(min-width:1600px){.main{max-width:1700px}}
@media(max-width:1250px){.actual-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.actual-callout{align-items:flex-start}.actual-callout .button-row{flex-wrap:nowrap}.plan-strip{grid-template-columns:repeat(2,1fr)}.report-grid{gap:15px}.panel{padding:21px}.summary-table{min-width:430px}.grid-main{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
@media(max-width:1050px){.grid-main{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.chart-host svg{max-height:300px}.actual-callout .button-row{flex-wrap:wrap}.actual-callout{flex-wrap:wrap}.summary-table{min-width:440px}.mini-kpis{gap:10px}.mini-kpis>div{padding:17px}.mini-kpis strong{font-size:22px}}
@media(max-width:760px){.topbar-left .eyebrow{letter-spacing:1px}.report-grid{gap:18px}.plan-strip{padding:19px}.plan-strip strong{font-size:16px}.actual-callout{padding:17px}.mini-kpis{grid-template-columns:1fr 1fr}.mini-kpis>div:last-child{grid-column:1/-1}.mini-kpis>div:last-child{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px}.mini-kpis>div:last-child strong{grid-column:2;grid-row:1/3;margin:0;text-align:right}.sort-bar{padding:12px}.sort-bar label{flex-wrap:wrap}.actual-kpis .kpi-value{font-size:28px}.actual-kpis .kpi{padding:19px}.report-topline .tiny{margin-left:0}}
@media(max-width:520px){.sidebar{height:76px;padding:5px 2px}.sidebar nav{justify-content:space-between;gap:0}.nav-item{padding:6px 1px;width:16.666%;height:62px;gap:4px;min-width:0;flex:1;flex-direction:column;justify-content:center}.nav-item span{display:block!important;font-size:8px;line-height:1.2;text-align:center;max-width:61px;white-space:normal}.nav-item .icon{height:19px;width:19px}.nav-item.active::after{display:none}.main{padding:20px 14px 103px}.top-actions{gap:6px}.topbar{margin-bottom:23px}.title-row{gap:15px;flex-wrap:wrap}.title-row h1{font-size:27px}.actual-kpis{gap:10px}.actual-kpis .kpi-value{font-size:23px;letter-spacing:-.8px;margin-top:17px}.actual-kpis .kpi{padding:16px 14px;min-height:132px}.actual-kpis .kpi-label{font-size:10px;line-height:1.3}.actual-kpis .kpi-sub{font-size:9px;line-height:1.4}.actual-callout .button-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.actual-callout .btn{font-size:11px;padding:10px}.actual-callout strong{font-size:12px}.actual-callout p{font-size:11px}.panel{padding:18px}.plan-strip{gap:19px 10px;padding:18px 15px}.plan-strip span{font-size:10px}.plan-strip strong{font-size:14px}.report-topline .tiny{width:100%}.sort-bar>label{width:100%;flex-wrap:nowrap}.sort-bar>label select{flex:1;min-width:0}.sort-bar .tiny{font-size:10px;line-height:1.6}.paired-line{grid-template-columns:62px minmax(20px,1fr) 95px;gap:5px}.paired-line>.num{font-size:10px}.mini-kpis strong{font-size:21px}.mini-kpis>div{padding:16px}.mini-kpis span{font-size:10px}.transaction-table .date-cell{font-size:10px}.chart-host svg{min-width:290px}.chart-legend{font-size:9px;gap:10px}.month-card{min-width:160px}.table-footer{line-height:1.8}.table-footer strong{font-size:14px;margin-left:4px}.reorder{gap:3px}.move-buttons button{width:28px;height:27px}.v2-expense-table{min-width:1040px}.summary-table td{padding:14px 8px}.dialog .field>label{font-size:11px}.dialog-body{padding:20px}.dialog .form-grid{gap:15px}.tx-type-tabs button{font-size:12px}.form-hint{font-size:11px}}
@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-report .right{text-align:right!important}.print-report .print-chart{width:85%;max-width:600px;margin:20px auto;break-inside:avoid}.print-report .print-chart svg{max-height:230px}.print-report .chart-legend{margin-top:5px}.print-report .table-wrap{overflow:visible}.print-report .summary-table{min-width:0}.print-report .summary-net{background:#f4f6ef}.print-report .print-stats{gap:15px;justify-content:space-between}.print-report .print-stats strong{font-size:14px}.print-report .print-stats>div{font-size:9px}.print-report .chart-empty{min-height:90px}.print-report h2{break-after:avoid}.print-report .summary-table td,.print-report .summary-table th{font-size:10px;padding:8px 5px}}
.grid-main>.card,.tab-panel,.cards4>.card,.two-col>.card{min-width:0}
@media(max-width:1050px){.grid-main{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.summary-table{min-width:0;font-size:10px}.summary-table td{padding:13px 5px}.summary-table th{font-size:9px;padding-left:5px;padding-right:5px}.summary-table td:first-child{font-size:10px;min-width:55px}.summary-table .num{font-size:10px}.summary-table .table-sub{font-size:9px}.summary-table .tiny{font-size:9px}.chart-host svg{min-width:0}.actual-kpis .kpi-label{min-height:25px}}

/* V3: touch-first interactions, responsive data cards, dedicated funding ledger. */
:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
button,input,select,textarea{touch-action:manipulation}button{user-select:none}.main{max-width:1800px}.btn,.icon-btn{min-height:44px}.icon-btn{min-width:40px}.mobile-nav{display:none}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.wallet-card{padding:24px;border-top:4px solid var(--brand)}.wallet-card.ilknur{border-top-color:var(--green)}.wallet-card-head{display:flex;gap:12px;align-items:center;margin-bottom:25px}.wallet-card-head>.pill{margin-left:auto}.wallet-card h2{font-size:19px}.wallet-caption{color:var(--muted);font-size:12px}.wallet-amount{font-size:38px;font-weight:650;letter-spacing:-1.3px;line-height:1.3;margin:7px 0 20px}.wallet-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--line);padding-top:15px}.wallet-mini span,.wallet-mini b{display:block;font-size:11px}.wallet-mini span{color:var(--muted);margin-bottom:6px}.wallet-mini b{font-size:13px;font-weight:600}.wallet-needed{background:var(--brand-light);border-radius:13px;padding:15px;margin:20px 0 14px}.ilknur .wallet-needed{background:var(--green-light)}.wallet-needed>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.wallet-needed span{font-size:12px}.wallet-needed strong{font-size:22px;font-weight:650}.wallet-needed small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.wallet-add{width:100%;min-height:48px}.ilknur .wallet-add{background:var(--green);border-color:var(--green)}.wallet-settings{margin:0 0 16px}.wallet-settings .form-grid{margin-bottom:0}.wallet-explainer{margin:16px 0 22px}.wallet-explainer strong{display:inline}.wallet-emphasis{background:#f5f6f0;font-weight:650}.wallet-table{min-width:0!important;width:100%}.coverage-row{margin:0 0 24px}.coverage-row:last-child{margin-bottom:0}.coverage-row .bar-top{font-size:13px}.coverage-row .progress{height:10px}.coverage-detail{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin:12px 0}.coverage-detail b{display:block;color:var(--ink);font-weight:600;font-size:12px;margin-top:4px}.coverage-detail>span:last-child{text-align:right}.funding-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.funding-row:last-child{border:0}.funding-info{flex:1;min-width:0}.funding-info strong{font-size:13px}.funding-info span{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere;margin-top:5px}.funding-actions{display:flex;gap:4px}.funding-row>.num{white-space:nowrap}.wallet-empty{text-align:center;padding:26px 12px;color:var(--muted);line-height:1.9}.wallet-overview{margin:22px 0}.wallet-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wallet-overview-grid>div{display:flex;flex-direction:column;align-items:flex-start;padding:2px 0}.wallet-overview-grid>div+div{border-left:1px solid var(--line);padding-left:20px}.wallet-overview-grid>div>span{font-size:13px;font-weight:600}.wallet-overview-grid strong{font-size:26px;letter-spacing:-.7px;margin:6px 0}.wallet-overview-grid small{color:var(--muted);font-size:11px}.wallet-overview-grid button{margin-top:14px}.funding-needed{background:var(--brand-light);padding:16px;border-radius:12px;margin:14px 0 22px}.funding-needed span{display:block;font-size:12px}.funding-needed strong{display:block;font-size:25px;margin:5px 0}.funding-needed small{color:var(--muted);font-size:11px}.quick-pay-feedback{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--green-light);color:var(--green);border-radius:12px;margin:12px 0}.quick-pay-feedback strong{display:block;font-size:12px}.quick-pay-feedback span{display:block;font-size:11px;margin-top:3px}.quick-pay-feedback .btn{flex-shrink:0}.payment-help{font-size:12px;color:var(--muted);padding:0 0 14px}.payment-help strong{color:var(--ink)}.expense-actions{min-width:218px}.expense-pay-buttons{display:flex;gap:6px}.expense-pay-buttons .btn{min-height:40px;font-size:11px;padding:8px 10px}.btn.pay-now{background:var(--green);border-color:var(--green);color:white}.btn.pay-now:disabled{opacity:1;background:var(--green-light);border-color:var(--green-light);color:var(--green)}.expense-secondary{display:flex;gap:4px;justify-content:flex-end;align-items:center}.expense-secondary .icon-btn{min-height:36px;min-width:36px}.expense-secondary .payment-state{margin-right:auto;font-size:10px;color:var(--muted)}.include-label{display:flex;align-items:center;justify-content:center;gap:7px}.include-label span{display:none}.settle-field{background:#f4f6f0;padding:12px 14px;border-radius:10px;display:flex;align-items:flex-start;gap:10px;font-size:12px}.settle-field input{min-height:22px;width:22px;flex-shrink:0;accent-color:var(--green)}.settle-field small{display:block;color:var(--muted);margin-top:3px}.more-links{display:flex;flex-direction:column;gap:12px}.more-links .btn{justify-content:space-between;min-height:54px;text-align:left}.more-links span{margin-left:16px}.topbar .month-wrap{gap:4px;padding:2px 5px}.month-wrap .month-arrow{background:transparent;font-size:20px;color:var(--brand);width:34px;min-height:40px;border-radius:8px}.month-wrap .month-arrow:hover{background:var(--brand-light)}.month-wrap input{width:135px}.v3-report-wallet{margin:0 0 20px}.payment-state.negative{color:var(--red)}.wallet-card .negative{color:var(--red)}
@media(min-width:861px){.sidebar{width:220px}.main{margin-left:220px;padding:28px 30px}.nav-item{font-size:12px}.v2-expense-table{min-width:1090px}.title-row h1{font-size:29px}}
@media(max-width:1100px) and (min-width:861px){.wallet-grid{gap:14px}.wallet-card{padding:18px}.wallet-mini{gap:7px}.wallet-needed>div{display:block}.wallet-needed strong{display:block}.wallet-card-head{flex-wrap:wrap}.wallet-card-head>.pill{margin-left:0}.wallet-amount{font-size:32px}.topbar{flex-wrap:wrap}.top-actions{width:100%;justify-content:space-between}.cards4{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
 html{-webkit-text-size-adjust:100%}body{font-size:14px}.sidebar{display:none!important}.layout{display:block}.main{margin-left:0!important;width:100%;padding:0 16px calc(100px + var(--safe-bottom))!important;max-width:none}.topbar{position:sticky;top:0;z-index:25;background:var(--bg);margin:0 -16px 20px;padding:12px 16px 10px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:9px}.topbar-left{display:flex;align-items:center;justify-content:space-between}.topbar-left .eyebrow{font-size:10px;letter-spacing:1px}.topbar-left>.muted{display:none}.top-actions{width:100%;display:flex;gap:7px;justify-content:space-between}.top-actions>.btn{margin-left:auto;min-width:44px;padding:10px}.top-actions>.btn>span{display:none}.top-actions .saved{order:2;margin-left:0;font-size:9px;max-width:74px;line-height:1.4}.top-actions>.btn{order:3;margin-left:0}.month-wrap{margin-right:auto!important;max-width:calc(100% - 110px)}.month-wrap input{font-size:16px!important;min-width:0;width:137px}.month-wrap .icon{display:none}.month-wrap .month-arrow{width:30px;min-width:28px}.title-row{display:flex;align-items:stretch;flex-direction:column;gap:14px;margin-bottom:20px}.title-row>.btn{align-self:flex-start}.title-row h1{font-size:27px;letter-spacing:-.8px}.page-desc{font-size:12px;line-height:1.7}.title-row>.pill{align-self:flex-start}.title-row .button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;flex-wrap:wrap}.title-row .button-row .btn{white-space:normal;font-size:12px}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(255,255,255,.98);border-top:1px solid var(--line);padding:8px 8px calc(8px + var(--safe-bottom));box-shadow:0 -8px 26px #28392d07;gap:4px}.mobile-nav .nav-item{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;padding:7px 2px;margin:0;border-radius:12px;min-height:55px;color:var(--muted);font-size:10px;line-height:1.3;min-width:0}.mobile-nav .nav-item .icon{width:21px;height:21px}.mobile-nav .nav-item.active{background:var(--brand-light);color:var(--brand)}.mobile-nav .nav-item.active::after{display:none}.cards4{grid-template-columns:1fr 1fr!important;gap:10px}.kpi{padding:16px 13px;min-height:126px;border-radius:16px}.kpi-value{font-size:clamp(21px,5.7vw,30px);margin-top:15px;white-space:normal;overflow-wrap:anywhere}.kpi-label{font-size:10px}.kpi-sub{font-size:10px;line-height:1.5}.grid-main,.two-col,.report-grid,.backup-grid,.wallet-grid,.income-grid{grid-template-columns:1fr!important;gap:16px}.panel{padding:18px 16px}.panel-header{align-items:flex-start;flex-wrap:wrap;gap:10px}.panel-header h2{font-size:17px}.panel-header .muted{font-size:11px}.card{border-radius:16px}.btn,.btn.small-btn,.icon-btn{min-height:44px}.icon-btn{min-width:44px}.btn{font-size:12px}.btn.link{min-height:40px;white-space:normal;text-align:left}input:not([type=checkbox]):not([type=range]),select,textarea{font-size:16px!important;min-height:46px;max-width:100%;min-width:0}.field,.field>*{min-width:0}.field label{font-size:12px}.field .help,.help{font-size:11px;line-height:1.6}.form-grid{grid-template-columns:1fr!important;gap:16px}.full-width{grid-column:1/-1}.button-row{flex-wrap:wrap}.expert-plan-head{padding:20px 16px}.expert-plan-body{padding:20px 16px}.expert-plan-head h2{font-size:18px}.scenario-grid{grid-template-columns:1fr!important}.total-target{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.total-target>div{text-align:left!important}.balance-row{gap:8px}.balance-row>div+div{padding-left:9px}.balance-value{font-size:20px}.plan-strip{grid-template-columns:1fr 1fr;gap:12px}.plan-strip>div{padding:12px}.filter-bar,.sort-bar,.transaction-filters{display:flex;flex-direction:column;align-items:stretch;gap:12px}.sort-bar>label{display:flex;flex-direction:column;gap:6px;align-items:stretch;width:100%}.sort-bar select{width:100%}.filter-bar .search-wrap,.transaction-filters .search-wrap{width:100%;flex-basis:auto;min-width:0}.filter-bar>select,.transaction-filters>select{width:100%}.segmented{display:flex;max-width:100%;flex-wrap:wrap;gap:3px}.segmented button{min-height:44px;flex:1;padding:8px 10px}.expense-table-container{background:transparent;border:0;padding:0;box-shadow:none}.table-wrap{max-width:100%;min-width:0}.expense-table.v2-expense-table{min-width:0!important;width:100%;display:block}.expense-table thead{display:none}.expense-table tbody{display:grid;gap:14px}.expense-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'name name' 'meta order' 'expected actual' 'diff include' 'actions actions';background:white;border:1px solid var(--line);border-radius:15px;padding:16px;gap:12px;margin:0;box-shadow:var(--shadow)}.expense-table tr.inactive{background:#f1f2ed}.expense-table td{display:block;border:0!important;padding:0!important;min-width:0;white-space:normal!important}.expense-table .e-name{grid-area:name}.expense-table .e-meta{grid-area:meta;align-self:center}.expense-table .e-order{grid-area:order;align-self:center;justify-self:end}.expense-table .e-expected{grid-area:expected;text-align:left}.expense-table .e-actual{grid-area:actual;background:#f1f6f2;border-radius:10px;padding:10px 12px!important;text-align:left;align-self:stretch}.expense-table .e-diff{grid-area:diff;text-align:left;font-size:12px}.expense-table .e-include{grid-area:include;align-self:center;justify-self:end}.expense-table .e-actions{grid-area:actions;border-top:1px solid var(--line)!important;padding-top:12px!important}.expense-table .e-expected::before,.expense-table .e-actual::before,.expense-table .e-diff::before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);font-weight:500;margin-bottom:6px;text-align:left}.expense-table .expense-name{font-size:15px;line-height:1.5;max-width:none;overflow-wrap:anywhere}.expense-category{font-size:11px;margin-top:3px}.expense-table .amount-input{width:100%!important;max-width:100%;padding:9px!important;text-align:left;border:1px solid var(--line);background:#fff}.expense-table .freq-select{width:100%;max-width:100%;margin:4px 0;text-align:left;font-size:13px!important;padding:5px 7px;min-height:40px!important}.expense-table .e-actual strong{font-size:23px;letter-spacing:-.7px;display:block;margin:10px 0 4px}.expense-table .include-label span{display:inline;font-size:11px;color:var(--muted)}.expense-table input[type=checkbox]{width:22px;height:22px;accent-color:var(--brand)}.expense-table .reorder{display:flex;gap:7px;justify-content:flex-end;align-items:center}.expense-table .drag-handle{display:none}.expense-table .move-buttons{display:flex;flex-direction:row;gap:5px}.expense-table .move-buttons button{height:44px;width:44px;min-width:44px;font-size:20px;background:#f5f4f0;border:1px solid var(--line);border-radius:9px}.expense-table .order-number{font-size:11px}.expense-actions{min-width:0;width:100%;display:flex;flex-direction:column;gap:6px}.expense-pay-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.expense-pay-buttons .btn{width:100%;font-size:12px;padding:10px 6px;min-height:46px;white-space:normal}.expense-secondary{justify-content:flex-end;gap:6px}.expense-secondary .icon-btn{min-width:44px;min-height:44px}.expense-secondary .payment-state{font-size:11px}.sort-bar .tiny{font-size:11px}.scroll-note{display:none!important}.table-footer{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 6px;font-size:12px}.table-footer>div{flex-wrap:wrap}.table-footer strong{font-size:17px}.payment-help{font-size:11px;line-height:1.6;padding-bottom:6px}.quick-pay-feedback{align-items:flex-start}.quick-pay-feedback strong{font-size:12px}.quick-pay-feedback span{font-size:10px}.table-wrap:has(.mobile-stack){overflow:visible}.mobile-stack{display:block!important;width:100%!important;min-width:0!important;font-size:12px!important}.mobile-stack thead{display:none}.mobile-stack tbody,.mobile-stack tfoot{display:block}.mobile-stack tr{display:block;border:1px solid var(--line);border-radius:11px;margin:0 0 11px;padding:12px;background:#fff}.mobile-stack td,.mobile-stack th{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;text-align:right!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #eff0e9!important;font-size:12px;white-space:normal!important;min-width:0;line-height:1.6}.mobile-stack td:first-child,.mobile-stack th:first-child{font-weight:650;font-size:13px;text-align:left!important;display:block;padding-top:0!important}.mobile-stack td:first-child::before,.mobile-stack th:first-child::before{display:none}.mobile-stack td:last-child,.mobile-stack th:last-child{border-bottom:0!important;padding-bottom:0!important}.mobile-stack td::before,.mobile-stack th::before{content:attr(data-label);font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);text-align:left;flex:1;min-width:90px}.mobile-stack .table-sub{display:block;flex-basis:100%}.summary-table td>strong{font-size:12px}.mobile-stack .pill{white-space:normal;max-width:150px}.mobile-stack .scope-tag{align-self:center}.mobile-stack .right{white-space:normal}.transaction-table tr{position:relative}.transaction-table td:nth-child(2){display:block;text-align:left!important;padding:8px 0!important}.transaction-table td:nth-child(2)::before{display:none}.transaction-table td:nth-child(2) .expense-name{font-size:15px}.transaction-table td:nth-child(4){flex-wrap:wrap}.transaction-table td:last-child{justify-content:flex-end;align-items:center}.transaction-table td:last-child::before{margin-right:auto}.comparison-detail td:nth-child(2){flex-wrap:wrap}.target-table tr{background:#faf7f8}.target-table td:first-child{color:var(--brand)}.target-table td>div{display:inline}.report-topline{flex-wrap:wrap;gap:10px}.report-topline label{display:flex;align-items:center;gap:8px}.report-topline select{max-width:190px}.chart-host{min-width:0}.chart-host svg{width:100%;height:auto;min-width:0}.chart-legend{flex-wrap:wrap;font-size:10px}.paired-line{grid-template-columns:64px minmax(20px,1fr) auto!important;gap:7px!important;font-size:10px!important}.paired-line>.num{font-size:11px}.history-chart{max-width:100%;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.history-chart svg{max-width:none}.wallet-card{padding:20px 18px}.wallet-card-head{gap:10px;margin-bottom:20px}.wallet-card-head>.pill{font-size:9px}.wallet-card h2{font-size:18px}.wallet-amount{font-size:35px}.wallet-mini b{font-size:12px}.wallet-mini{gap:8px}.wallet-needed>div{flex-wrap:wrap;gap:4px}.wallet-needed strong{font-size:23px}.wallet-mini span{font-size:10px}.wallet-overview-grid{gap:14px}.wallet-overview-grid>div+div{padding-left:14px}.wallet-overview-grid strong{font-size:23px}.wallet-overview-grid small{line-height:1.6}.wallet-overview-grid small b{display:block}.wallet-overview-grid button{padding:9px 10px;font-size:11px;white-space:normal}.funding-row{display:grid;grid-template-columns:35px 1fr auto;gap:8px 12px}.funding-row .expert-dot{width:35px;height:35px}.funding-info{grid-column:2/4}.funding-row>.num{grid-column:2;grid-row:2;white-space:normal;font-size:16px;align-self:center}.funding-actions{grid-column:3;grid-row:2}.wallet-explainer{font-size:11px}.funding-needed{margin-bottom:18px}.months-list{grid-template-columns:1fr 1fr!important}.month-card{padding:14px;min-width:0}.month-card .num{font-size:19px}.backup-item{padding:20px 16px}.backup-item .button-row{display:flex;flex-direction:column}.backup-item .btn{width:100%}.danger-section{padding:18px;flex-direction:column;align-items:stretch;gap:14px}.footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:28px;font-size:10px}.dialog{width:calc(100% - 16px)!important;max-width:560px!important;max-height:calc(100dvh - 24px)!important;margin:auto auto 8px!important;border-radius:22px!important;padding:0!important;overflow:auto;-webkit-overflow-scrolling:touch}.dialog::backdrop{background:#18221fc0}.dialog-body{padding:22px 20px}.dialog-header{align-items:flex-start;gap:12px;margin-bottom:20px}.dialog-header h2{font-size:20px;line-height:1.4}.dialog-header .icon-btn{margin-top:-7px;margin-right:-8px;flex-shrink:0}.dialog-footer{position:sticky;bottom:0;background:#fff;z-index:1;border-top:1px solid var(--line);padding:14px 18px calc(14px + var(--safe-bottom));gap:10px;display:flex}.dialog-footer>.btn{flex:1;min-height:48px;white-space:normal}.tx-type-tabs{margin:0 0 20px}.toast{bottom:calc(88px + var(--safe-bottom))!important;left:14px!important;right:14px!important;max-width:none!important;transform:none!important;width:auto!important;font-size:12px;padding:13px 16px;z-index:100}.info-box{line-height:1.7}.info-box .icon{flex-shrink:0}.welcome-banner{padding:16px}.empty-plan{flex-wrap:wrap}.total-target strong{font-size:20px}.section-heading{flex-wrap:wrap}.transaction-kpis{grid-template-columns:1fr!important}.tx-filters{display:flex;flex-direction:column;align-items:stretch;gap:10px}.tx-filters .search-wrap,.tx-filters select{width:100%;min-width:0}.filter-bar .segmented{order:0}.transaction-kpis strong{font-size:23px!important}.amount-input{max-width:100%}.form-hint{font-size:11px}.wallet-history-table button{min-height:44px}
}
@media(max-width:370px){.main{padding-left:12px!important;padding-right:12px!important}.topbar{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.month-wrap input{width:118px}.top-actions .saved{max-width:55px;font-size:8px}.month-wrap .month-arrow{width:26px;min-width:24px}.wallet-amount{font-size:31px}.wallet-card{padding:18px 15px}.kpi{padding:14px 11px}.wallet-overview-grid strong{font-size:20px}.expense-table tr{padding:13px}.expense-pay-buttons .btn{font-size:11px}.wallet-card-head>.pill{padding:4px 7px}.wallet-mini b{font-size:11px}}
@media print{.mobile-nav,.quick-pay-feedback{display:none!important}.print-report .wallet-table{width:100%;display:table}.print-report .table-wrap{overflow:visible}.print-report .wallet-table tr{display:table-row}.print-report .wallet-table td,.print-report .wallet-table th{display:table-cell}}
@media(min-width:861px) and (max-width:1000px){.sidebar .brand>div:last-child,.sidebar .nav-label,.sidebar .nav-item span,.sidebar .sidebar-bottom{display:block}.sidebar .nav-item{justify-content:flex-start;flex-direction:row}.sidebar .brand{padding-left:5px}.sidebar{padding-left:12px;padding-right:12px}}
@media(max-width:860px){.topbar-left{max-width:none;width:100%}.topbar-left .eyebrow{white-space:normal}.mobile-nav .nav-item{width:100%;height:auto;min-height:55px}.mobile-nav .nav-item span{display:block!important;max-width:none;font-size:10px}.top-actions .saved{display:flex!important}.filters-right{display:grid;grid-template-columns:minmax(0,1fr) 128px;width:100%;gap:8px}.filters-right select{width:100%;max-width:none}.filters-right .search-box,.filters-right .search-wrap{width:100%;min-width:0}.expense-table .e-actual.right strong{text-align:left}.payment-help{padding:12px 13px}.expense-table tr{margin-bottom:0}.filter-bar{padding:14px}.sort-bar{padding:13px}.wallet-overview-grid>div>button{width:100%;min-width:0}.quick-pay-feedback{margin:12px 8px}.wallet-overview-grid .btn{font-size:11px}}


/* V4 - streamlined home, responsive revenue and balance dashboard */
.user-preview{border:1px solid var(--line);padding:4px 9px 6px;border-radius:12px;background:#fff;min-width:168px}
.user-preview-small{font-size:8.5px;letter-spacing:.8px;color:var(--muted);font-weight:750;margin-bottom:0}
.user-preview select{border:0;outline:none;background:none;width:100%;font-size:12px;min-height:22px;padding:0;font-weight:700;cursor:pointer;color:var(--brand)}
.user-preview select:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.sidebar-preview-note{font-size:10px;color:#85747e;line-height:1.65;padding:9px 10px;margin-bottom:15px;border-radius:9px;background:#f3e9ed}
.home-screen{max-width:1260px;margin:0 auto}.home-screen .num{font-variant-numeric:tabular-nums}
.home-hero{background:linear-gradient(112deg,#61253d 0%,#77374f 54%,#8b5664 100%);color:#fff;border-radius:24px;padding:31px 36px 0;box-shadow:0 18px 50px #682b4320;overflow:hidden;position:relative;margin-bottom:26px}
.home-hero:before{content:"";position:absolute;right:-95px;top:-170px;width:480px;height:430px;border-radius:50%;border:56px solid #ffffff0c;pointer-events:none}
.home-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.home-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.85px;display:flex;gap:9px;align-items:center;color:#f8e7ed}.home-live-dot{height:8px;width:8px;border-radius:50%;background:#dcba9d;box-shadow:0 0 0 4px #ffffff17}.home-date{font-size:11px;color:#f4dde7;background:#ffffff17;padding:6px 11px;border-radius:22px;white-space:nowrap}
.home-hero-content{display:flex;align-items:flex-start;justify-content:space-between;position:relative;gap:14px;margin-top:36px;margin-bottom:35px}.home-hero h1{font-size:clamp(28px,3.15vw,43px);letter-spacing:-1.4px;font-weight:700;line-height:1.14}.home-hero-content p{color:#f4d8e2;font-size:14px;margin-top:12px;max-width:500px;line-height:1.6}.home-role{font-size:11px;font-weight:650;padding:7px 13px;border:1px solid #ffffff55;border-radius:40px;background:#ffffff16;white-space:nowrap}
.home-hero-footer{position:relative;border-top:1px solid #ffffff2c;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:55px;font-size:11px;color:#f5dbe3}.home-hero-link{color:#fff;background:none;font-size:11px;font-weight:750;display:inline-flex;align-items:center;gap:9px;padding:12px 0}.home-hero-link:hover{color:#eac2d0}
.home-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:22px 0 13px}.home-section-title h2{font-size:20px;letter-spacing:-.4px}.home-section-kicker{color:var(--brand);font-size:9px;letter-spacing:1.3px;font-weight:800;margin-bottom:3px}.home-section-sub{font-size:11px;color:var(--muted);text-align:right;padding-bottom:3px}
.home-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-stat{background:#fff;border:1px solid #e6e8df;border-radius:19px;padding:21px 23px;min-width:0;min-height:146px;box-shadow:var(--shadow)}.home-stat-emphasis{background:#fcf9fa;border-color:#ead5df}.home-stat-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#626a65;font-size:12px;font-weight:600}.home-icon{font-size:18px;width:33px;height:33px;background:#f2f2ec;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7b8176;flex-shrink:0}.home-stat-emphasis .home-icon{background:var(--brand-light);color:var(--brand)}.home-stat-value{font-size:clamp(23px,2.9vw,37px);letter-spacing:-1.25px;line-height:1.14;font-weight:750;color:#29302b;overflow-wrap:anywhere;margin:16px 0 8px}.home-stat-desc{font-size:11px;color:#7b8179;line-height:1.5}.home-stat-value.is-negative{color:var(--red)}.home-stat-value.is-positive{color:var(--green)}.home-stat-value.is-empty{color:#b2b6ad}
.home-wallet-board{display:grid;grid-template-columns:1.16fr 1fr;margin:19px 0 24px;min-width:0;background:#fff;border:1px solid #e4e7de;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.home-wallet-balance{padding:26px 29px 23px}.home-wallet-kicker{font-size:9px;font-weight:800;letter-spacing:1.3px;color:var(--brand)}.home-wallet-label{font-size:13px;font-weight:600;margin-top:15px;color:#5e6760}.home-wallet-value{font-size:clamp(31px,3.6vw,46px);font-weight:770;letter-spacing:-1.7px;margin:7px 0 18px;overflow-wrap:anywhere;line-height:1.15}.home-wallet-value.is-negative{color:var(--red)}.home-wallet-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-wallet-split>div{padding:11px 13px;border-radius:10px;background:#f6f6f1;min-width:0}.home-wallet-split span{display:block;font-size:10px;color:#6e766e}.home-wallet-split strong{display:block;font-size:17px;letter-spacing:-.6px;margin-top:3px;overflow-wrap:anywhere}.home-wallet-split strong.is-negative{color:var(--red)}.home-wallet-tiny{margin-top:13px;color:#818780;font-size:10px}
.home-wallet-fund{padding:26px 29px 23px;background:linear-gradient(150deg,#eff5f0,#f6f9f5);border-left:1px solid #e2ece2;display:flex;flex-direction:column;align-items:stretch}.home-wallet-fund .home-wallet-kicker{color:#446656}.home-fund-number{font-size:clamp(27px,3vw,38px);font-weight:760;letter-spacing:-1.5px;margin-top:17px;line-height:1.16;overflow-wrap:anywhere}.home-wallet-fund>p{font-size:11px;color:#62766a;margin:6px 0 14px;line-height:1.6}.home-fund-split{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:11px;font-weight:650;color:#51735d;margin-bottom:22px}.home-fund-btn{margin-top:auto;background:#35634c;color:white;font-size:13px;min-height:46px;border-radius:12px;padding:12px 16px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.home-fund-btn:hover{background:#284e3a}
.home-next-step{margin-top:20px;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:22px 26px;border-radius:19px;background:#eeeee6;border:1px solid #e1e2d9}.home-next-kicker{font-size:9px;letter-spacing:1px;font-weight:800;color:#8a756a;display:block;margin-bottom:5px}.home-next-step strong{display:block;font-size:14px;font-weight:700}.home-next-step p{font-size:11px;color:#7e847c;margin-top:5px}.home-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.home-disclaimer{font-size:10px;color:#858982;line-height:1.8;margin:17px 0 8px;max-width:1000px}
.home-wallet-fund .home-fund-btn:disabled{background:#c4ccc5;cursor:not-allowed}
.role-restricted{opacity:.58;pointer-events:none}
@media(max-width:1200px){.home-next-step{align-items:flex-start;flex-direction:column}.home-action-buttons{justify-content:flex-start}}
@media(max-width:860px){
 .topbar .user-preview{order:2}.topbar .top-actions .month-wrap{order:1}.topbar .top-actions .saved{order:3}.topbar .top-actions>[data-action="export-json"]{order:4}
 .home-hero{padding:22px 20px 0;border-radius:18px;margin-bottom:23px}.home-hero-content{margin-top:29px;margin-bottom:26px}.home-hero h1{font-size:30px}.home-hero-content p{font-size:12px}.home-hero:before{width:340px;height:300px;right:-170px;top:-140px;border-width:40px}.home-stat{padding:16px 15px;min-height:127px}.home-stat-heading{font-size:11px}.home-stat-value{font-size:26px;letter-spacing:-.8px;line-height:1.13;margin-top:17px}.home-icon{width:25px;height:25px;font-size:14px}.home-section-title h2{font-size:18px}.home-section-sub{font-size:10px}
 .home-wallet-board{grid-template-columns:1fr}.home-wallet-balance,.home-wallet-fund{padding:20px}.home-wallet-fund{border-left:0;border-top:1px solid #e2ece2}.home-wallet-value{font-size:36px}.home-wallet-split strong{font-size:17px}.home-fund-number{font-size:33px;margin-top:12px}.home-fund-split{margin-bottom:14px}.home-next-step{padding:18px}.home-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.home-action-buttons .btn{white-space:normal;min-height:45px}.home-action-buttons .btn:first-child{grid-column:1/-1}.home-disclaimer{font-size:10px;line-height:1.7}
 .user-preview{min-width:0;padding:4px 7px 5px;width:100%}.user-preview select{font-size:11px!important;min-height:20px!important}.user-preview-small{font-size:8px}.topbar .top-actions{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8px;width:100%;min-width:0;align-items:stretch}.topbar .top-actions .month-wrap{grid-column:1;grid-row:1;min-width:0;width:100%;max-width:none;margin:0!important;padding:5px 4px}.topbar .top-actions .month-wrap input{flex:1;width:100%;min-width:0;font-size:14px!important}.topbar .top-actions .month-wrap .month-arrow{width:23px;min-width:21px}.topbar .top-actions .user-preview{grid-column:2;grid-row:1}.topbar .top-actions>.saved,.topbar .top-actions>[data-action="export-json"]{display:none!important}
}
@media(max-width:450px){
 .home-stats-grid{gap:10px}.home-stat{padding:15px 13px;min-height:135px}.home-stat-value{font-size:22px;margin-top:17px;margin-bottom:6px}.home-stat-desc{font-size:10px}.home-stat-heading{font-size:10px;align-items:flex-start}.home-wallet-value{font-size:34px}.home-hero-top{align-items:flex-start}.home-date{font-size:9px;padding:5px 8px}.home-eyebrow{font-size:9px;letter-spacing:1.05px}.home-hero h1{font-size:28px}.home-hero-footer{font-size:10px}.home-role{font-size:9px;padding:5px 9px}.home-stat-value.is-empty{letter-spacing:0}
}
@media(max-width:345px){.topbar .top-actions{grid-template-columns:minmax(0,1fr)}.topbar .top-actions .month-wrap{grid-column:1;grid-row:1}.topbar .top-actions .user-preview{grid-column:1;grid-row:2}.home-stat-value{font-size:19px}.home-stats-grid{gap:7px}.home-stat{padding:13px 10px}.home-role{max-width:85px}.home-hero h1{font-size:25px}.home-wallet-split strong{font-size:14px}}
@media print{#tab-home{display:none!important}}

[hidden]{display:none!important}
.auth-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(340px,46%) 1fr;background:#faf9f6;color:#252a2a}
.auth-intro{background:#682b43;color:#fff;position:relative;overflow:hidden;padding:52px 11%;display:flex;flex-direction:column;min-height:100dvh}
.auth-brand{display:flex;align-items:center;gap:13px;font-size:20px;letter-spacing:-.5px}.auth-brand>span{font-family:Georgia,serif;font-size:40px;line-height:1}
.auth-intro-copy{margin-top:auto;padding-top:90px;z-index:1}.auth-eyebrow{font-size:10px;font-weight:750;letter-spacing:2.3px;text-transform:uppercase}.auth-intro-copy h1{font-size:clamp(31px,3.6vw,56px);font-weight:480;line-height:1.17;letter-spacing:-2px;margin:25px 0 22px;color:#fff}.auth-intro-copy p{font-size:15px;line-height:1.7;color:#e0cbd4}
.auth-intro-foot{font-size:12px;color:#ddc3ce;margin-top:auto;padding-top:200px;z-index:1}.auth-art{position:absolute;right:-150px;bottom:-210px;width:600px;height:600px;opacity:.5;transform:rotate(-20deg)}.auth-art span{position:absolute;border:1px solid #b98b9f;border-radius:50%;inset:0}.auth-art span:nth-child(2){inset:45px}.auth-art span:nth-child(3){inset:90px}.auth-art span:nth-child(4){inset:135px}
.auth-main{position:relative;display:flex;align-items:center;justify-content:center;padding:55px 8% 85px}.auth-card{width:100%;max-width:420px}.auth-card>.auth-eyebrow{color:#8d5b70}.auth-card h2{font-weight:520;font-size:32px;letter-spacing:-1px;line-height:1.2;margin:17px 0 14px}.auth-card>p{font-size:14px;line-height:1.7;color:#737973;max-width:340px}.auth-card form{margin-top:33px}.auth-card .field{margin-bottom:20px}.auth-card input{background:#fff;height:51px;font-size:15px;border-radius:11px;width:100%}.auth-card label{font-weight:600;font-size:12px;margin-bottom:8px}.auth-button{width:100%;min-height:49px;justify-content:center;font-size:13px;margin-top:6px;border-radius:11px}.auth-button>span{margin-left:auto}.auth-message{font-size:12px!important;min-height:20px;color:#426757!important;margin:19px 0 10px!important}.auth-message.auth-error{color:#a8413b!important}.auth-help{font-size:11px;line-height:1.65;color:#858982;margin:17px 0}.auth-private{display:flex;gap:10px;border-top:1px solid #e6e8e0;padding-top:21px;font-size:10px;line-height:1.7;color:#858982;margin-top:23px}.auth-private>span{font-size:16px;color:#8d5b70}.auth-main-foot{position:absolute;bottom:30px;left:0;width:100%;text-align:center;color:#a0a49d;font-size:10px;letter-spacing:1px}.audit-panel{margin-top:20px}.audit-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #e6e8e0;font-size:12px}.audit-row strong{min-width:60px}.audit-row time{color:#737973;font-size:10px;margin-left:auto}.online-logout{white-space:nowrap}.user-preview select:disabled{opacity:1;color:var(--ink);cursor:default}.saved{max-width:230px}
@media(max-width:760px){.auth-screen{grid-template-columns:1fr}.auth-intro{min-height:auto;padding:28px 28px 34px}.auth-brand{font-size:17px}.auth-brand>span{font-size:31px}.auth-intro-copy{padding-top:30px}.auth-intro-copy h1{font-size:32px;line-height:1.12;letter-spacing:-1px;margin:13px 0}.auth-intro-copy p{font-size:12px;margin-bottom:0}.auth-intro-foot{display:none}.auth-intro-copy>.auth-eyebrow{font-size:8px;letter-spacing:1.6px}.auth-art{width:360px;height:360px;right:-210px;bottom:-180px}.auth-main{padding:34px 27px 80px}.auth-card h2{font-size:27px}.auth-card form{margin-top:25px}.auth-main-foot{bottom:21px}.auth-card>.auth-eyebrow{font-size:9px}.auth-card>p{font-size:12px}.auth-help{font-size:10px}.top-actions{gap:7px}.saved{font-size:9px;max-width:130px}.online-logout{padding:8px!important;font-size:10px!important}.audit-row{gap:8px;flex-wrap:wrap}.audit-row time{width:100%;margin-left:0}}

/* A calm, playful home: the two actions carry the visual weight. */
body{background:#f7f4ec}.sidebar{background:#fffcf6;border-right-color:#ebe5d9}.nav-item.active{border-radius:15px}.main{min-width:0}
.play-home{max-width:1200px;margin:0 auto;padding:6px 0 4px;color:#39322f}.play-home .num{font-variant-numeric:tabular-nums}.play-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:5px 0 27px}.play-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#947b77;display:flex;gap:8px;align-items:center}.play-eyebrow>span{color:#b789a0;font-size:17px}.play-home h1{font-size:clamp(29px,3.1vw,43px);line-height:1.15;letter-spacing:-1.6px;font-weight:750;margin:12px 0 9px}.play-wave{display:inline-block;transform:rotate(10deg);color:#9f6b81;margin-left:3px}.play-welcome p{font-size:13px;line-height:1.6;color:#8b8177;margin:0}.play-welcome-tags{display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding-top:17px}.play-date{background:#fffaf0;border:1px solid #e9dfcf;border-radius:100px;padding:8px 13px;font-size:10px;color:#847263;white-space:nowrap}.play-role{background:#ece9de;border-radius:100px;font-size:9px;font-weight:750;color:#857b6b;padding:5px 11px}
.play-main-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:21px;align-items:stretch}.play-earn-card{display:flex;flex-direction:column;background:#653047;color:#fff5e8;border-radius:30px;padding:29px 31px 20px;position:relative;overflow:hidden;box-shadow:0 8px 0 #4f223709,0 20px 45px #682b4310;isolation:isolate;min-width:0}.play-earn-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff0b;right:-135px;top:100px;box-shadow:0 0 0 40px #ffffff03,0 0 0 80px #ffffff02;z-index:-1}.play-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:102px}.play-badge{font-size:8px;line-height:1.8;font-weight:750;letter-spacing:1.5px;border:1px solid #a8798a80;border-radius:10px;padding:7px 9px;max-width:200px;display:flex;align-items:center;gap:7px;color:#e8c8d4}.play-badge>span{color:#ffdda3;font-size:18px;line-height:1}.play-coin-friend{width:112px;height:112px;flex:none;margin-top:-10px;margin-right:-6px;transform:rotate(9deg)}.play-net-label{font-size:15px;font-weight:600;letter-spacing:-.2px;color:#f2d7d9;margin-top:4px}.play-net-value{font-size:clamp(44px,4.7vw,69px);line-height:1.1;letter-spacing:-3px;font-weight:800;margin:13px 0 9px;overflow-wrap:anywhere}.play-net-value.is-negative{color:#ffcaac}.play-net-explainer{font-size:11px;color:#d7acbe;letter-spacing:.05px;margin:0}.play-net-note{font-size:10px;color:#d7acbe;margin:7px 0 28px}.play-primary{width:100%;border:0;display:flex;align-items:center;text-align:left;gap:14px;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s,background .15s}.play-primary:focus-visible,.play-detail-link:focus-visible{outline:3px solid #d8ad58;outline-offset:4px}.play-primary:hover{transform:translateY(-2px)}.play-primary:active{transform:translateY(1px)}.play-earn-action{margin-top:auto;background:#fff1cf;color:#623747;border-radius:20px;padding:21px 21px;box-shadow:0 5px 0 #4b213b25;min-height:88px}.play-earn-action:hover{background:#ffebba;box-shadow:0 7px 0 #4b213b22}.play-action-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:31px;line-height:1;flex:none;background:#ecd8ad;color:#774954}.play-earn-action strong{display:block;font-size:25px;letter-spacing:-.8px;font-weight:800;line-height:1.2}.play-earn-action small{display:block;font-size:10px;line-height:1.6;color:#a08066;margin-top:4px;letter-spacing:0}.play-action-arrow{font-size:24px;line-height:1;margin-left:auto;flex:none;font-weight:500}.play-earn-footer{font-size:9px;color:#cda6b4;margin-top:20px;display:flex;align-items:center;gap:7px;min-height:14px}.play-live-dot{width:5px;height:5px;border-radius:50%;background:#d9e5bc;flex:none}
.play-fund-column{display:flex;flex-direction:column;gap:12px;min-width:0}.play-fund-card{background:#e0ecd9;border:1px solid #d2dfc8;border-radius:29px;padding:24px 26px 22px;flex:1;min-width:0}.play-fund-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.play-fund-badge{display:flex;gap:6px;align-items:center;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#788e6a}.play-fund-badge>span{font-size:16px;color:#64845c}.play-sprout{font-size:28px;line-height:1;color:#6b865e;transform:rotate(13deg);display:block}.play-fund-card h2{font-size:15px;font-weight:650;line-height:1.3;letter-spacing:-.2px;margin:0;color:#4b6241}.play-fund-number{font-size:clamp(32px,3.4vw,47px);letter-spacing:-1.9px;font-weight:800;line-height:1.18;color:#344f35;margin:10px 0 4px;overflow-wrap:anywhere}.play-fund-caption{font-size:10px;color:#85947b;line-height:1.6;margin:0 0 19px}.play-own-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ccd9c3;padding-top:12px;color:#6e8065;font-size:10px}.play-own-balance strong{color:#4d6643;font-size:14px;font-weight:750}.play-own-balance strong.is-negative{color:#98665a}.play-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;line-height:1.5;margin:12px 0 7px;color:#8a997f}.play-progress-label strong{font-size:9px;color:#6c845e}.play-progress{height:8px;background:#cbd9be;border-radius:100px;overflow:hidden}.play-progress>span{display:block;height:100%;width:0;background:#83a56a;border-radius:100px;transition:width .4s}.play-fund-action{border-radius:15px;background:#52734b;color:#f9fff0;font-weight:800;font-size:20px;letter-spacing:-.6px;padding:15px 17px;margin-top:19px;min-height:66px;box-shadow:0 4px 0 #3e5c3a18;gap:12px}.play-fund-action:hover{background:#46663f}.play-fund-action .play-action-icon{background:#73966b;color:#eff8e5;width:33px;height:33px;font-size:25px}.play-fund-action .play-action-arrow{font-size:23px}.play-partner-card{background:#fffaf2;border:1px solid #e9e0d2;border-radius:18px;padding:17px 21px;display:flex;align-items:center;gap:11px;min-width:0}.play-partner-avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:14px;background:#ecdce2;color:#8d5b71;font-weight:800;font-size:16px;transform:rotate(-5deg)}.play-partner-card>div:nth-child(2){min-width:0}.play-partner-card span{display:block;color:#81746c;font-size:11px;font-weight:650}.play-partner-card small{display:block;color:#b1a599;font-size:9px;margin-top:4px}.play-partner-card>strong{margin-left:auto;font-size:20px;font-weight:800;letter-spacing:-.6px;color:#78645d;text-align:right;white-space:nowrap}.play-partner-card>strong.is-negative{color:#aa7566}
.play-small-step{display:flex;align-items:center;gap:13px;margin:21px 0 26px;padding:17px 20px;border-radius:19px;background:#f0e7d5;border:1px solid #e9dec7}.play-step-star{background:#ffefbd;color:#b49552;width:38px;height:38px;flex:none;display:grid;place-items:center;font-size:23px;border-radius:13px;transform:rotate(-8deg)}.play-small-step strong{font-size:12px;font-weight:700;color:#92775f}.play-small-step p{font-size:10px;color:#b19e87;margin:4px 0 0}.play-detail-link{margin-left:auto;color:#9b8065;background:transparent;font-size:10px;font-weight:700;white-space:nowrap;border:0;cursor:pointer;padding:10px 0 10px 12px;display:flex;gap:14px;align-items:center}.play-detail-link>span{font-size:17px}.play-recap{background:#fffcf7;border:1px solid #e9e2d7;border-radius:21px;padding:19px 23px}.play-recap-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.play-recap h2{font-size:12px;font-weight:750;letter-spacing:-.2px;color:#8f7f71;margin:0}.play-recap-heading>span{font-size:9px;color:#b9ada0}.play-recap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.play-recap-grid>div+div{border-left:1px solid #eee8df;padding-left:20px}.play-recap-grid span{display:block;color:#a19789;font-size:9px}.play-recap-grid strong{display:block;color:#88766c;font-size:20px;letter-spacing:-.8px;font-weight:750;margin:9px 0 5px}.play-recap-grid strong.is-empty{font-size:16px;font-weight:600;letter-spacing:-.5px;color:#b1a79c}.play-recap-grid strong.is-negative{color:#ac7666}.play-recap-grid small{display:block;font-size:8px;color:#bcb2a5;line-height:1.6}.play-footnote{font-size:9px;line-height:1.8;color:#b4a99c;max-width:860px;margin:14px 3px}.member-view-note{padding:14px 18px;background:#f0e9f3;border:1px solid #e4d6e9;color:#88718e;border-radius:14px;font-size:12px;line-height:1.6;margin:0 0 20px}
@media(max-width:1100px) and (min-width:861px){.play-main-grid{gap:16px}.play-earn-card{padding:24px}.play-fund-card{padding:23px 21px}.play-net-value{font-size:50px}.play-earn-action{padding:18px 16px;gap:11px}.play-earn-action strong{font-size:21px}.play-earn-action small{font-size:9px}.play-action-icon{width:38px;height:38px}.play-fund-action{font-size:18px;padding:13px}.play-coin-friend{width:91px;height:91px}.play-badge{font-size:7px;letter-spacing:1px}.play-fund-number{font-size:36px}.play-partner-card{padding:16px}.play-partner-card>strong{font-size:17px}.play-recap-grid strong{font-size:18px}}
@media(max-width:860px){.play-home{padding-top:0}.play-welcome{gap:12px;margin-bottom:21px}.play-welcome h1{font-size:33px;margin-top:10px}.play-eyebrow{font-size:8px;letter-spacing:1.3px}.play-welcome p{font-size:11px;max-width:300px}.play-welcome-tags{padding-top:15px;gap:6px}.play-date{font-size:9px;padding:7px 10px}.play-role{font-size:8px;padding:5px 9px}.play-main-grid{grid-template-columns:1fr 1fr;gap:14px}.play-earn-card{border-radius:25px;padding:23px 22px 19px}.play-card-top{min-height:91px}.play-coin-friend{width:89px;height:89px;margin-top:-5px}.play-badge{font-size:7px;letter-spacing:1px;max-width:170px;padding:6px 8px}.play-net-label{font-size:13px}.play-net-value{font-size:47px;letter-spacing:-2px}.play-net-explainer{font-size:10px}.play-net-note{font-size:9px;margin-bottom:24px}.play-earn-action{padding:17px;gap:11px;border-radius:17px}.play-earn-action strong{font-size:22px}.play-earn-action small{font-size:9px}.play-action-icon{width:37px;height:37px;font-size:29px}.play-fund-card{border-radius:24px;padding:22px 21px 20px}.play-fund-number{font-size:37px;letter-spacing:-1.4px}.play-fund-card h2{font-size:13px}.play-fund-action{font-size:19px;padding:14px 15px;gap:10px}.play-fund-header{margin-bottom:10px}.play-partner-card{padding:14px 17px}.play-partner-card>strong{font-size:18px}.play-partner-card small{font-size:8px}.play-partner-card span{font-size:10px}.play-partner-avatar{width:33px;height:33px;font-size:14px;border-radius:11px}.play-small-step{padding:15px 17px;margin:18px 0 20px}.play-recap{padding:18px}.play-recap-grid{gap:12px}.play-recap-grid>div+div{padding-left:12px}.play-recap-grid strong{font-size:19px}.play-recap-grid strong.is-empty{font-size:14px}}
@media(max-width:650px){.play-main-grid{grid-template-columns:1fr;gap:16px}.play-welcome{position:relative;margin-bottom:21px;padding-top:6px}.play-welcome h1{font-size:32px;letter-spacing:-1.4px}.play-welcome p{font-size:11px;max-width:280px;line-height:1.6}.play-welcome-tags{padding-top:4px;align-items:flex-end}.play-date{font-size:8px;padding:6px 9px}.play-role{font-size:7px}.play-eyebrow{font-size:7px;letter-spacing:1.1px;gap:5px}.play-eyebrow>span{font-size:13px}.play-earn-card{padding:23px 23px 19px;border-radius:25px;min-height:350px}.play-card-top{min-height:75px}.play-badge{font-size:7px;max-width:none;letter-spacing:1px;margin-top:3px}.play-coin-friend{width:86px;height:86px;margin-top:-10px;margin-right:-3px}.play-net-value{font-size:57px;line-height:1.08;margin:12px 0 8px;letter-spacing:-2.7px}.play-net-label{font-size:14px}.play-net-note{margin-bottom:26px}.play-earn-action{padding:20px;min-height:86px;border-radius:18px}.play-earn-action strong{font-size:26px}.play-earn-action small{font-size:10px}.play-action-icon{width:44px;height:44px;font-size:31px}.play-action-arrow{font-size:27px}.play-earn-footer{margin-top:17px}.play-fund-column{gap:11px}.play-fund-card{padding:23px 24px 23px;border-radius:25px}.play-fund-badge{font-size:9px}.play-fund-card h2{font-size:15px}.play-fund-number{font-size:43px;margin:10px 0 4px;letter-spacing:-2px}.play-fund-caption{font-size:10px;margin-bottom:16px}.play-own-balance{padding-top:13px;font-size:11px}.play-own-balance strong{font-size:15px}.play-progress-label{margin-top:13px;font-size:9px}.play-fund-action{font-size:23px;min-height:72px;padding:17px 18px;border-radius:17px;margin-top:19px}.play-fund-action .play-action-icon{width:36px;height:36px;font-size:29px}.play-partner-card{padding:16px 22px;border-radius:18px}.play-partner-card span{font-size:12px}.play-partner-card small{font-size:9px}.play-partner-card>strong{font-size:22px}.play-partner-avatar{width:38px;height:38px;border-radius:12px;font-size:16px}.play-small-step{gap:12px;flex-wrap:wrap;padding:16px 18px;margin:20px 0}.play-small-step strong{font-size:11px;line-height:1.5}.play-small-step p{font-size:9px}.play-step-star{width:33px;height:33px;font-size:21px;border-radius:11px}.play-detail-link{font-size:9px;padding:6px 0;margin-left:45px}.play-recap{padding:18px 19px;border-radius:21px}.play-recap-heading{margin-bottom:18px}.play-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;column-gap:20px}.play-recap-grid>div+div{border-left:0;padding-left:0}.play-recap-grid>div:nth-child(even){border-left:1px solid #eee8df;padding-left:20px}.play-recap-grid span{font-size:9px}.play-recap-grid strong{font-size:22px;margin-top:8px}.play-recap-grid strong.is-empty{font-size:16px}.play-recap-grid small{font-size:8px}.play-footnote{font-size:8px;margin:13px 3px 8px}}
@media(max-width:380px){.play-welcome{display:block}.play-welcome-tags{position:absolute;right:0;top:0}.play-welcome h1{font-size:30px;padding-top:9px}.play-welcome p{max-width:270px;font-size:10px}.play-eyebrow{max-width:190px;font-size:6.5px;letter-spacing:.7px}.play-welcome-tags .play-date{font-size:7px;padding:5px 7px}.play-welcome-tags .play-role{font-size:7px;padding:4px 7px}.play-earn-card{padding:20px 20px 18px;min-height:330px}.play-badge{font-size:6px;letter-spacing:.8px;padding:6px 7px;max-width:155px}.play-card-top{min-height:72px}.play-coin-friend{width:78px;height:78px}.play-net-value{font-size:49px}.play-earn-action{padding:17px;gap:10px;min-height:80px}.play-earn-action strong{font-size:23px}.play-earn-action small{font-size:8px}.play-action-icon{width:39px;height:39px;font-size:28px}.play-fund-card{padding:21px}.play-fund-number{font-size:37px}.play-fund-action{font-size:21px;padding:16px}.play-partner-card{padding:15px 18px}.play-partner-card>strong{font-size:20px}.play-partner-card span{font-size:11px}.play-partner-card small{font-size:8px}.play-recap-grid strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.play-primary,.play-progress>span{transition:none}.play-primary:hover,.play-primary:active{transform:none}}
/* Readiness is personal and always carries words, a symbol and a percentage. */
.play-fund-card{transition:background .25s,border-color .25s}.play-readiness-status{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;padding:10px 12px;border-radius:13px;margin:2px 0 17px;background:#ffffff60;border:1px solid #ffffff70}.play-readiness-status>span:first-child{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:15px;font-weight:900;flex:none}.play-readiness-status>strong{font-size:11px;font-weight:800}.play-readiness-status>span:last-child{margin-left:auto;font-size:9px;font-weight:700;white-space:nowrap}.play-fund-action .play-fund-action-copy{display:block;min-width:0}.play-fund-action-copy>strong{display:block;font-size:inherit;font-weight:800}.play-fund-action-copy>small{display:block;line-height:1.45;font-size:9px;font-weight:600;letter-spacing:0;margin-top:4px;opacity:.86}.play-fund-action{min-height:78px}.play-fund-card.readiness-red{background:#f5e1dc;border-color:#e9c6bd}.readiness-red .play-fund-badge,.readiness-red .play-sprout{color:#a56960}.readiness-red.play-fund-card h2,.readiness-red .play-fund-number{color:#824940}.readiness-red .play-fund-caption{color:#9f766b}.readiness-red .play-own-balance{border-color:#e4c5bc;color:#967366}.readiness-red .play-own-balance>strong{color:#985a4c}.readiness-red .play-progress-label{color:#ac8275}.readiness-red .play-progress-label>strong{color:#a76c5c}.readiness-red .play-progress{background:#e6c7bd}.readiness-red .play-progress>span{background:#b86b5c}.readiness-red .play-readiness-status{color:#93554a;border-color:#e6c5bc;background:#fdf0e970}.readiness-red .play-readiness-status>span:first-child{color:#fff4e9;background:#af6658}.play-fund-action.readiness-red{background:#9f5149;color:#fff5ec;box-shadow:0 5px 0 #8541381f}.play-fund-action.readiness-red:hover{background:#8b443e}.play-fund-action.readiness-red .play-action-icon{background:#bd796c;color:#fff5ec}
.play-fund-card.readiness-yellow{background:#f8edcf;border-color:#e7d59e}.readiness-yellow .play-fund-badge,.readiness-yellow .play-sprout{color:#a48b44}.readiness-yellow.play-fund-card h2,.readiness-yellow .play-fund-number{color:#7c6527}.readiness-yellow .play-fund-caption{color:#a08b51}.readiness-yellow .play-own-balance{border-color:#e4d4a5;color:#9d8950}.readiness-yellow .play-own-balance>strong{color:#8b7336}.readiness-yellow .play-progress-label{color:#a28f58}.readiness-yellow .play-progress-label>strong{color:#8f7838}.readiness-yellow .play-progress{background:#e5d7ad}.readiness-yellow .play-progress>span{background:#c2a552}.readiness-yellow .play-readiness-status{color:#8d7330;border-color:#e8d7a6;background:#fff6da99}.readiness-yellow .play-readiness-status>span:first-child{color:#fff9e9;background:#aa8834}.play-fund-action.readiness-yellow{background:#92712d;color:#fff8e8;box-shadow:0 5px 0 #70511c17}.play-fund-action.readiness-yellow:hover{background:#816125}.play-fund-action.readiness-yellow .play-action-icon{background:#b1934b;color:#fff8e8}
.play-fund-card.readiness-green{background:#dcebd9;border-color:#c6ddbd}.readiness-green .play-readiness-status{color:#4e7546;border-color:#c4daba;background:#eef8e888}.readiness-green .play-readiness-status>span:first-child{background:#6a945d;color:#f4ffe9}.play-fund-action.readiness-green{background:#4c7546;color:#f5ffe9;box-shadow:0 5px 0 #38542c17}.play-fund-action.readiness-green:hover{background:#3c6537}.play-fund-action.readiness-green .play-action-icon{background:#739a68;color:#f5ffe9}
/* The recap is a menu of destinations, rather than a row of small passive totals. */
.play-recap{background:transparent;border:0;padding:1px 0 0;border-radius:0}.play-recap-heading{padding:0 3px;margin-bottom:15px;align-items:center}.play-recap-heading>div>h2{font-size:17px;font-weight:800;letter-spacing:-.6px;color:#84675b}.play-recap-heading>div>p{font-size:10px;color:#b09c88;margin:5px 0 0}.play-recap-heading>span{font-size:29px;color:#c5ab6a;margin-right:7px}.play-recap-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.play-summary-card{--recap-bg:#eee4f5;--recap-line:#dfcfe9;--recap-ink:#8b6299;--recap-muted:#ae91b7;--recap-icon:#e1cde9;width:100%;appearance:none;display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid var(--recap-line);background:var(--recap-bg);color:var(--recap-ink);padding:18px 18px 15px;border-radius:21px;min-height:197px;cursor:pointer;min-width:0;box-shadow:0 5px 0 color-mix(in srgb,var(--recap-line) 25%,transparent);font-family:inherit;transition:transform .15s,box-shadow .15s}.play-summary-card.recap-current{--recap-bg:#f1e4f1;--recap-line:#e5cfe3;--recap-ink:#8d6089;--recap-muted:#ac87a4;--recap-icon:#e7cfe4}.play-summary-card.recap-prev-income{--recap-bg:#e5edf6;--recap-line:#cfdeec;--recap-ink:#5c7b9a;--recap-muted:#88a0b7;--recap-icon:#d1e1f0}.play-summary-card.recap-prev-profit{--recap-bg:#f5e9d4;--recap-line:#e9d9b8;--recap-ink:#9b7d44;--recap-muted:#b29a6d;--recap-icon:#eddbb5}.play-summary-card.recap-wallet{--recap-bg:#e2eddf;--recap-line:#cddfc7;--recap-ink:#638257;--recap-muted:#8da183;--recap-icon:#ccdfc3}.play-summary-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 0 color-mix(in srgb,var(--recap-line) 30%,transparent)}.play-summary-card:active:not(:disabled){transform:translateY(0)}.play-summary-card:focus-visible{outline:3px solid var(--recap-ink);outline-offset:4px}.play-summary-card .play-summary-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px}.play-summary-card .recap-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:12px;background:var(--recap-icon);font-size:22px;color:var(--recap-ink);font-weight:700;line-height:1;transform:rotate(-5deg)}.play-summary-card .recap-arrow{display:grid;place-items:center;width:25px;height:25px;font-size:18px;color:var(--recap-muted);margin-right:1px}.play-summary-card .recap-title{font-size:10px;font-weight:700;color:var(--recap-ink);line-height:1.45;margin:0}.play-summary-card .recap-value{font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1.17;color:var(--recap-ink);margin:9px 0 5px;overflow-wrap:anywhere}.play-summary-card .recap-value.is-empty{font-size:22px;font-weight:750;letter-spacing:-.7px}.play-summary-card .recap-value.is-negative{color:#a96557}.play-summary-card .recap-note{font-size:9px;color:var(--recap-muted);line-height:1.5;min-height:14px;margin-bottom:17px}.play-summary-card .recap-destination{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border-top:1px solid var(--recap-line);padding-top:12px;margin-top:auto;font-size:9px;color:var(--recap-ink);font-weight:800;line-height:1.5}.play-summary-card .recap-destination>span{font-size:15px;display:inline-block}.play-summary-card.is-unavailable,.play-summary-card:disabled{--recap-bg:#efede7;--recap-line:#dfd9cf;--recap-ink:#8f887c;--recap-muted:#b3a99b;--recap-icon:#e2ddd4;cursor:not-allowed;border-style:dashed;box-shadow:none}.play-summary-card:disabled .recap-arrow{opacity:.35}
@media(max-width:1100px) and (min-width:861px){.play-summary-card{padding:17px 15px;min-height:198px}.play-summary-card .recap-value{font-size:23px}.play-readiness-status{padding:9px 10px;gap:6px}.play-readiness-status>strong{font-size:10px}.play-readiness-status>span:last-child{font-size:8px}}
@media(max-width:860px){.play-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.play-summary-card{min-height:199px;padding:19px 20px}.play-summary-card .recap-value{font-size:28px}.play-summary-card .recap-title{font-size:11px}.play-summary-card .recap-destination{font-size:10px}.play-readiness-status{padding:9px 11px;gap:7px}.play-readiness-status>strong{font-size:10px}.play-readiness-status>span:last-child{font-size:8px}}
@media(max-width:650px){.play-readiness-status{padding:11px 12px;margin-bottom:18px}.play-readiness-status>strong{font-size:12px}.play-readiness-status>span:last-child{font-size:9px}.play-fund-action{min-height:80px}.play-fund-action-copy>small{font-size:10px}.play-recap-heading>div>h2{font-size:18px}.play-recap-heading>div>p{font-size:10px}.play-recap-grid{gap:13px}.play-summary-card{padding:17px 16px 15px;border-radius:20px;min-height:208px}.play-summary-card .play-summary-top{margin-bottom:15px}.play-summary-card .recap-icon{width:34px;height:34px;font-size:22px;border-radius:12px}.play-summary-card .recap-title{font-size:10px}.play-summary-card .recap-value{font-size:27px;line-height:1.15;margin:10px 0 6px}.play-summary-card .recap-value.is-empty{font-size:22px}.play-summary-card .recap-note{font-size:9px;line-height:1.5;margin-bottom:15px}.play-summary-card .recap-destination{font-size:9px;padding-top:11px;gap:6px}}
@media(max-width:380px){.play-readiness-status{padding:9px 10px;gap:6px}.play-readiness-status>strong{font-size:10px}.play-readiness-status>span:last-child{font-size:8px}.play-fund-action-copy>small{font-size:8px}.play-recap-grid{gap:11px}.play-summary-card{padding:15px 13px 13px;min-height:199px;border-radius:18px}.play-summary-card .recap-title{font-size:9px}.play-summary-card .recap-value{font-size:23px;letter-spacing:-.9px}.play-summary-card .recap-value.is-empty{font-size:20px}.play-summary-card .recap-note{font-size:8px}.play-summary-card .recap-destination{font-size:8px}}
@media(prefers-reduced-motion:reduce){.play-fund-card,.play-summary-card{transition:none}.play-summary-card:hover:not(:disabled),.play-summary-card:active:not(:disabled){transform:none}}

/* Scope cards compare expected and paid amounts without changing the budget. */
.expense-play{margin:0 0 25px;padding:24px 25px 18px;border:1px solid #e8e0d3;border-radius:27px;background:#fffdf8;min-width:0;overflow:hidden;color:#4d4240}
.expense-play-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.expense-play-kicker{display:flex;gap:7px;align-items:center;color:#a38b80;font-size:9px;font-weight:800;letter-spacing:1.6px}.expense-play-kicker>span{color:#b18d68;font-size:17px}.expense-play h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.9px;line-height:1.2;color:#61424b}.expense-play-period{margin:0;font-size:10px;line-height:1.65;color:#94877b}.expense-play-total{text-align:right;flex:none}.expense-play-total>span{display:block;color:#9d8c7a;font-size:10px}.expense-play-total>strong{display:block;font-size:26px;line-height:1.3;font-weight:800;letter-spacing:-1.1px;margin-top:5px;color:#72574d;overflow-wrap:anywhere}
.expense-play-distribution-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 8px;font-size:9px;color:#978878}.expense-play-distribution-heading>span:first-child{font-weight:700}.expense-play-distribution{display:flex;height:12px;gap:3px;overflow:hidden;border-radius:9px;background:#efeae0}.expense-play-distribution>span{height:100%;min-width:0;transition:width .25s ease;border-radius:4px}.expense-play-share-klinik{background:#ba7a77}.expense-play-share-ev{background:#839f7b}.expense-play-share-kisisel{background:#d2ae60}.expense-play-distribution.is-empty{background:repeating-linear-gradient(100deg,#eee8dc,#eee8dc 8px,#f6f2e9 8px,#f6f2e9 15px)}
.expense-play-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:19px}.expense-play-card{--expense-card-bg:#f8e5df;--expense-card-border:#e6c8c0;--expense-card-ink:#8f5555;--expense-card-fill:#b67c76;appearance:none;position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;border:1px solid var(--expense-card-border);border-radius:22px;background:var(--expense-card-bg);padding:18px 18px 13px;font:inherit;text-align:left;color:#66514c;cursor:pointer;box-shadow:0 4px 0 #4c3e3505;transition:transform .16s,border-color .16s,box-shadow .16s}.expense-play-card-ev{--expense-card-bg:#eaf0e2;--expense-card-border:#d6e1ca;--expense-card-ink:#587351;--expense-card-fill:#8aa380}.expense-play-card-kisisel{--expense-card-bg:#faefcf;--expense-card-border:#ebdca9;--expense-card-ink:#977538;--expense-card-fill:#c5a154}.expense-play-card:hover{transform:translateY(-3px);box-shadow:0 7px 0 #4c3e3509}.expense-play-card:active{transform:translateY(0)}.expense-play-card.active{border-color:var(--expense-card-ink);box-shadow:inset 0 0 0 1px var(--expense-card-ink),0 4px 0 #4c3e3507}.expense-play-card:focus-visible,.expense-play-show-all:focus-visible{outline:3px solid #b58654;outline-offset:4px}.expense-play-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}.expense-play-scope{font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--expense-card-ink)}.expense-play-share-pill{background:#fff8;border:1px solid #fff9;border-radius:30px;padding:5px 7px;font-size:8px;font-weight:750;line-height:1.3;color:var(--expense-card-ink);white-space:nowrap}.expense-play-card-main{display:flex;align-items:center;justify-content:space-between;gap:2px;min-width:0;margin:15px 0 13px}.expense-play-planned{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}.expense-play-caption{font-size:9px;color:#948477}.expense-play-amount{display:block;font-size:clamp(22px,2.25vw,31px);font-weight:800;line-height:1.2;letter-spacing:-1px;color:#65504a;margin:6px 0 4px;overflow-wrap:anywhere;max-width:100%}.expense-play-card-subtitle{display:block;font-size:8px;line-height:1.5;color:#a08b79}.expense-play-friend{display:block;width:82px;height:76px;flex:none;align-self:center;margin-right:-5px}.expense-play-payment{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-top:1px solid #fff9;padding-top:13px;font-size:9px;color:#9a8574}.expense-play-payment>strong{font-size:13px;font-weight:750;color:#79614f;text-align:right;overflow-wrap:anywhere;min-width:0}.expense-play-progress{display:block;height:8px;border-radius:8px;background:#ffffff9e;overflow:hidden;margin-top:8px}.expense-play-progress>span{display:block;height:100%;border-radius:inherit;background:var(--expense-card-fill);transition:width .25s ease}.expense-play-progress.is-over>span{background:repeating-linear-gradient(120deg,var(--expense-card-fill),var(--expense-card-fill) 6px,#ffffff55 6px,#ffffff55 10px)}.expense-play-progress.no-plan{background:repeating-linear-gradient(110deg,#ffffff9e,#ffffff9e 6px,#ffffff35 6px,#ffffff35 12px)}.expense-play-comparison{display:block;margin-top:8px;min-height:14px;font-size:8px;line-height:1.5;color:var(--expense-card-ink);font-weight:650}.expense-play-comparison.is-over{color:#98623d}.expense-play-extra{display:block;min-height:13px;margin-top:3px;font-size:8px;line-height:1.5;color:#a18e7f}.expense-play-filter{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:1px solid #fff9;font-size:9px;font-weight:750;color:var(--expense-card-ink)}.expense-play-filter>span:last-child{font-size:17px;line-height:1}.expense-play-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.expense-play-bottom>p{margin:0;font-size:10px;color:#887667;line-height:1.6}.expense-play-show-all{background:#f4eee3;border:1px solid #e7ddce;border-radius:10px;padding:9px 11px;font-size:9px;font-weight:700;color:#92715d;flex:none;display:flex;align-items:center;gap:12px}.expense-play-show-all.active{background:#e9e0d2;color:#775a48}.expense-play-show-all>span{font-size:14px}.expense-play-hint{margin:12px 0 0;font-size:9px;line-height:1.7;color:#9c8f81}.expense-play-footnote{margin:5px 0 0;font-size:8px;line-height:1.7;color:#ad9f90;max-width:960px}
@media(min-width:861px) and (max-width:1190px){.expense-play{padding:22px 20px 17px}.expense-play-cards{gap:11px}.expense-play-card{padding:16px 14px 12px}.expense-play-amount{font-size:25px}.expense-play-friend{width:65px;height:65px}.expense-play-scope{font-size:17px}.expense-play-share-pill{font-size:7px;padding:4px 6px}.expense-play-caption{font-size:8px}.expense-play-payment{font-size:8px;gap:5px}.expense-play-payment>strong{font-size:12px}}
@media(max-width:860px){.expense-play{padding:22px 21px 17px}.expense-play-cards{gap:12px}.expense-play-card{padding:17px 15px 12px}.expense-play-card-main{margin:13px 0 11px}.expense-play-amount{font-size:25px}.expense-play-friend{width:64px;height:66px}.expense-play-scope{font-size:17px}.expense-play-share-pill{font-size:7px}.expense-play-payment{font-size:8px}.expense-play-payment>strong{font-size:12px}}
@media(max-width:680px){.expense-play{padding:21px 19px 17px;border-radius:23px;margin-bottom:20px}.expense-play-heading{gap:14px;align-items:flex-start}.expense-play h2{font-size:23px}.expense-play-kicker{font-size:8px;letter-spacing:1.2px}.expense-play-period{font-size:9px;max-width:215px}.expense-play-total{padding-top:15px;max-width:132px}.expense-play-total>span{font-size:8px}.expense-play-total>strong{font-size:22px;letter-spacing:-.8px;margin-top:6px}.expense-play-distribution-heading{margin-top:20px;font-size:8px;gap:8px}.expense-play-distribution{height:10px;gap:2px}.expense-play-cards{grid-template-columns:1fr;gap:13px;margin-top:17px}.expense-play-card{padding:17px 19px 13px;border-radius:20px}.expense-play-scope{font-size:20px}.expense-play-share-pill{font-size:9px;padding:5px 9px}.expense-play-card-main{margin:5px 0 5px;gap:8px}.expense-play-caption{font-size:10px}.expense-play-amount{font-size:33px;letter-spacing:-1.3px;margin-top:5px}.expense-play-card-subtitle{font-size:9px}.expense-play-friend{width:99px;height:87px;margin-right:-2px}.expense-play-payment{padding-top:11px;font-size:10px}.expense-play-payment>strong{font-size:15px}.expense-play-progress{height:9px;margin-top:8px}.expense-play-comparison{font-size:9px;margin-top:8px;min-height:0}.expense-play-extra{font-size:8px;min-height:0;margin-top:3px}.expense-play-extra:empty{display:none}.expense-play-filter{margin-top:9px;padding-top:9px;font-size:10px}.expense-play-bottom{gap:10px;margin-top:15px}.expense-play-bottom>p{font-size:9px}.expense-play-show-all{font-size:8px;padding:8px 9px;gap:7px}.expense-play-hint{font-size:8px;margin-top:11px}.expense-play-footnote{font-size:8px}}
@media(max-width:380px){.expense-play{padding:18px 15px 15px}.expense-play-heading{display:block}.expense-play-total{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;max-width:none;padding-top:15px}.expense-play-total>strong{font-size:24px;margin-top:0}.expense-play-period{max-width:100%;font-size:8px}.expense-play-distribution-heading{margin-top:16px;font-size:7px}.expense-play-card{padding:16px 16px 12px}.expense-play-scope{font-size:19px}.expense-play-card-main{gap:1px}.expense-play-amount{font-size:29px}.expense-play-friend{width:82px;height:78px}.expense-play-card-subtitle{font-size:8px}.expense-play-share-pill{font-size:8px;padding:5px 7px}.expense-play-payment{font-size:9px}.expense-play-payment>strong{font-size:14px}.expense-play-bottom{align-items:flex-start}.expense-play-bottom>p{font-size:8px;max-width:155px}.expense-play-show-all{font-size:8px;gap:6px}}
@media(prefers-reduced-motion:reduce){.expense-play-card,.expense-play-distribution>span,.expense-play-progress>span{transition:none}.expense-play-card:hover,.expense-play-card:active{transform:none}}

/* Shared, display-only visual language: a friendly route through real numbers. */
:root{--game-ink:#293c36;--game-muted:#697a70;--game-cream:#faf8ef;--game-paper:#fffef9;--game-line:#dfe6d8;--game-mint:#618e70;--game-mint-pale:#e5efdf;--game-lavender:#9a82ba;--game-lavender-pale:#eee8f5;--game-amber:#c4943e;--game-amber-pale:#fff0ce;--game-rose:#be797e;--game-rose-pale:#f9e5e3;--game-blue:#6b98b1;--game-blue-pale:#e5eff3;--game-round:25px}
.game-ui{background-color:var(--game-cream);background-image:radial-gradient(#b8c8ac30 .7px,transparent .7px);background-size:19px 19px;color:var(--game-ink);font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.game-ui .sidebar{background:#f1f4e8;border-right-color:#d9e1cd}
.game-ui .brand-mark{border-radius:17px;background:#6a3c59;box-shadow:0 4px 0 #d7d3c2;transform:rotate(-4deg)}
.game-ui .brand-name{font-weight:750;letter-spacing:-.6px}.game-ui .brand-sub{color:#72846b}
.game-ui .nav-label{color:#77866f;letter-spacing:1.4px;font-weight:700}
.game-ui .nav-item{border-radius:16px;gap:11px;min-height:46px;font-size:12px;font-weight:650;border:1px solid transparent;transition:background .16s,transform .16s,color .16s}
.game-ui .nav-item>.icon{background:#e5eadd;padding:5px;width:29px;height:29px;border-radius:10px;color:#647860;stroke-width:1.8}
.game-ui .nav-item.active{background:#fffef9;border-color:#dce3d0;color:#573b52;box-shadow:0 3px 0 #dce3d0}
.game-ui .nav-item.active>.icon{background:#ebe1ee;color:#754f7e}
.game-ui .nav-item:hover{background:#fffef9;transform:translateY(-1px)}
.game-ui .topbar{border-bottom-color:#dde4d6}.game-ui .month-wrap{border-radius:15px;border-color:#d4dfce;background:#fffef9;box-shadow:0 3px 0 #e3e8da}
.game-ui .month-arrow{width:28px;height:30px;border-radius:10px;background:#edf2e6;font-size:21px;color:#5d7155}
.game-ui .saved{border:1px solid #d8e4cd;background:#eff5e7;border-radius:20px;padding:7px 11px;font-size:10px;color:#536d4d}
.game-ui .saved.warn{background:#fff0de;border-color:#eacda6;color:#8c5929}
.game-ui .avatar,.game-ui .expert-dot{box-shadow:0 3px 0 #e7decf;border-radius:14px}
.game-ui h1{font-weight:750;letter-spacing:-1.2px}.game-ui .page-desc{font-size:13px;line-height:1.7;color:#6b796c}
.game-ui .title-row{align-items:center}.game-ui .title-row>.button-row{gap:9px}
.game-ui .card{border:1px solid var(--game-line);border-radius:var(--game-round);background:var(--game-paper);box-shadow:0 5px 0 #e4e8da80,0 12px 26px #36523e04}
.game-ui .btn{border-radius:13px;min-height:40px;font-weight:650;box-shadow:0 3px 0 #e5e5d9;border-color:#dce1d4;transition:transform .14s,box-shadow .14s,background .14s}
.game-ui .btn.primary{background:#744b68;border-color:#744b68;box-shadow:0 4px 0 #58344f;color:#fff}
.game-ui .btn.primary:hover{background:#825977;transform:translateY(-1px)}
.game-ui .btn.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #58344f}
.game-ui .btn.soft{background:#e6efdf;color:#486e50;border-color:#d2e1ca;box-shadow:0 3px 0 #d6e4cd}
.game-ui .btn.danger{background:#f7e5e1;color:#934e47;border-color:#e7c4bd;box-shadow:0 3px 0 #ead0c8}
.game-ui .btn.link,.game-ui .game-text-button{box-shadow:none}.game-ui button:disabled{opacity:.52}
.game-ui .pill{border-radius:11px;padding:5px 10px;font-weight:650}.game-ui .pill.green{background:#e1edd8;color:#46674b}.game-ui .pill.brand{background:#ece3f0;color:#6b4a7c}.game-ui .pill.amber{background:#fae9c5;color:#8b632e}
.game-ui input:not([type=checkbox]):not([type=range]):not([type=month]),.game-ui select,.game-ui textarea{border-radius:12px;border-color:#d8e0d0;background:#fffefa}
.game-ui input:focus,.game-ui textarea:focus,.game-ui select:focus{border-color:#9ba889;box-shadow:0 0 0 3px #bccda625}
.game-ui input:disabled,.game-ui select:disabled,.game-ui textarea:disabled{background:#f1f2e9;color:#657160}
.game-ui .segmented{background:#edf0e4;border-radius:15px;padding:4px}.game-ui .segmented button{border-radius:11px;font-weight:650}.game-ui .segmented button.active{background:#fffef9;color:#68445e;box-shadow:0 2px 0 #dadfcf}
.game-ui .toolbar{border-radius:25px 25px 0 0}.game-ui .data-table th,.game-ui .target-table th{background:#f1f4e9;color:#65745f;font-size:11px;letter-spacing:.1px}
.game-ui .data-table td{border-bottom-color:#e5eadd}.game-ui .data-table tbody tr:hover{background:#f5f7ee}.game-ui .table-footer{background:#f5f7ee;border-top-color:#e1e7d7;border-radius:0 0 25px 25px}
.game-ui .progress{height:12px;border-radius:20px;background:#e8edde;border:1px solid #dfe6d2}.game-ui .progress-fill{border-radius:20px;background:#7ba27c}
.game-ui .chart-host{background:#fffef9;border-radius:17px}.game-ui .chart-host svg text{font-family:inherit}.game-ui .chart-host svg rect{rx:7px;filter:drop-shadow(0 3px 0 #253d2a0a)}
.game-ui .chart-legend{padding:10px 12px;border-radius:12px;background:#f3f5ed;font-size:11px}.game-ui .chart-legend i{border-radius:5px}
.game-ui .wallet-card{border-top-width:5px;border-top-color:#b5c9a7}.game-ui .wallet-card.ilknur{border-top-color:#c8b4d9}
.game-ui .wallet-needed{border-radius:16px;background:#f3f4e9}.game-ui .wallet-amount{font-weight:750}.game-ui .wallet-mini{border-color:#e1e7d7}
.game-ui .expert-plan-head{background:#f2edfa;border-bottom-color:#e1d9eb;border-radius:24px 24px 0 0}.game-ui .expert-plan.ilknur .expert-plan-head{background:#eaf1e2;border-bottom-color:#dce7cf}
.game-ui .scenario-card{position:relative;border-top:5px solid #e7cb8e}.game-ui .scenario-card:nth-child(2){border-top-color:#a6c4aa}.game-ui .scenario-card:nth-child(3){border-top-color:#c4b0d8}
.game-ui .scenario-card h3{font-size:15px}.game-ui .scenario-value{font-size:25px}.game-ui .total-target{background:#f0f4e6;border-radius:17px;margin:16px}
.game-ui .month-card{border-radius:18px;background:#fffef9;border-color:#dce4d2;box-shadow:0 4px 0 #e4e8d9}.game-ui .month-card.active{background:#e9f1df;border:2px solid #9cb38a;color:#41623f}
.game-ui .backup-icon{border-radius:16px;background:#f5e6bd;color:#936f2e;box-shadow:0 4px 0 #ead7a7;transform:rotate(-5deg)}
.game-ui .info-box{border-radius:18px;background:#edf2e6;border-color:#d7e2ca}.game-ui .math-details{border-radius:17px;border-color:#dce3d2;background:#fffef9;padding:16px 18px}
.game-ui .dialog{border:2px solid #d7dfce;border-radius:26px;box-shadow:0 8px 0 #3349331a,0 25px 90px #1f382733;background:#fffef9}
.game-ui .dialog::backdrop{background:#253a2f70;backdrop-filter:blur(3px)}
.game-ui .dialog-header h2{font-size:21px;font-weight:750;letter-spacing:-.5px}.game-ui .dialog-header>.icon-btn{background:#edf1e5;border-radius:12px;width:36px;height:36px}
.game-ui .dialog-actions{background:#f0f3e7;border-top-color:#e0e7d5}.game-ui .form-hint{border-radius:14px;background:#f5eedb;color:#79613c}.game-ui .settle-field{border-radius:14px;background:#eaf1e2}
.game-ui .mobile-nav{background:#fbfcf5f5;border-top:1px solid #d7e1ca;backdrop-filter:blur(10px);box-shadow:0 -5px 25px #29462d08}
.game-ui .mobile-nav .nav-item{min-height:53px;gap:3px;border:0;font-size:10px;border-radius:16px;padding:7px 4px;margin:4px 2px}
.game-ui .mobile-nav .nav-item.active{background:#e7eddb;box-shadow:none}.game-ui .mobile-nav .nav-item>.icon{width:25px;height:25px;padding:4px;background:transparent}
.game-ui .footer{color:#809078;border-top-color:#dfe6d5}
.game-summary{margin:0 0 26px;border:1px solid #dce4d2;border-radius:28px;background:#fffef9;overflow:hidden;box-shadow:0 5px 0 #e1e7d580,0 12px 30px #31533204;min-width:0}
.game-summary-head{display:flex;align-items:center;gap:17px;padding:24px 26px 20px;min-width:0;background:linear-gradient(120deg,#f4f6e9,#fffef9 78%);border-bottom:1px solid #e7ecdf}
.game-picture{width:77px;height:77px;flex:0 0 77px;transform:rotate(-5deg)}
.game-summary-heading{min-width:0;flex:1}.game-kicker{font-size:9px;letter-spacing:1.7px;color:#77885e;font-weight:800;display:block;margin-bottom:6px}
.game-summary-heading h2{font-size:23px;font-weight:750;line-height:1.22;letter-spacing:-.75px;color:#344b3b}.game-summary-heading p{font-size:11px;line-height:1.65;color:#70816b;margin-top:7px;max-width:570px}
.game-tag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:190px;padding:7px 11px;border-radius:11px;background:#edf2e4;border:1px solid #dce5ce;color:#688058;font-size:9px;font-weight:700;text-align:center;line-height:1.4;overflow-wrap:anywhere}
.game-journey{list-style:none;margin:0;padding:23px 25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.game-journey li{min-width:0;position:relative}.game-journey li:not(:last-child):after{content:"";position:absolute;z-index:0;width:20px;right:-18px;top:31px;border-top:3px dotted #c9d8b8}
.game-journey button{position:relative;z-index:1;display:flex;text-align:left;align-items:flex-start;gap:11px;width:100%;height:100%;padding:16px 13px;background:#f5f6ec;border:1px solid #e0e7d4;border-radius:18px;color:#425b3d;box-shadow:0 3px 0 #e6ebdb;transition:transform .15s}
.game-journey button:hover{transform:translateY(-2px);background:#edf3e3}.game-step-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:11px;background:#e4ebd6;color:#6d865c;font-size:13px;font-weight:800;box-shadow:0 2px 0 #cfdcc1}
.game-journey .is-done .game-step-number{background:#86a77e;color:white;box-shadow:0 2px 0 #6d8d65}.game-journey button>span:nth-child(2){min-width:0;flex:1}
.game-journey small,.game-journey strong,.game-journey em{display:block;font-style:normal;overflow-wrap:anywhere}.game-journey small{font-size:10px;color:#7a8b6d}.game-journey strong{font-size:13px;line-height:1.45;margin:4px 0;color:#42563c}.game-journey em{font-size:10px;line-height:1.6;color:#7b8770}.game-journey button>b{font-size:15px;line-height:1;color:#9cae8a}
.game-overview-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);gap:26px;border-top:1px solid #e7ecdf;padding:21px 26px;background:#fafbf5;align-items:center}
.game-meter{min-width:0}.game-meter-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:9px;font-size:10px;color:#65775c}.game-meter-top strong{font-size:12px;color:#455c3d;flex-shrink:0;font-variant-numeric:tabular-nums}
.game-meter-track{position:relative;height:16px;border-radius:20px;background:#e8edde;border:1px solid #dbe5ce;overflow:hidden}.game-meter-track>span{display:block;height:100%;border-radius:20px;background:repeating-linear-gradient(115deg,#8aad80 0,#8aad80 11px,#9cbd8f 11px,#9cbd8f 18px);transition:width .4s ease}
.game-meter-track>i{position:absolute;right:7px;top:-4px;color:#fff9df;text-shadow:0 1px 2px #6e885a;font-size:15px;line-height:23px;font-style:normal}
.game-tone-lavender .game-meter-track>span{background:repeating-linear-gradient(115deg,#ac96c6 0,#ac96c6 11px,#c0abda 11px,#c0abda 18px)}
.game-tone-amber .game-meter-track>span{background:repeating-linear-gradient(115deg,#d4ad62 0,#d4ad62 11px,#e9c77f 11px,#e9c77f 18px)}
.game-tone-rose .game-meter-track>span{background:repeating-linear-gradient(115deg,#c18a86 0,#c18a86 11px,#d5a29c 11px,#d5a29c 18px)}
.game-meter-note{font-size:10px;line-height:1.6;color:#7d8a73;margin-top:8px}.game-result{padding:14px 18px;border-radius:17px;background:#e9f0e0;border:1px solid #dce7cd}.game-result>span,.game-result>small{display:block;font-size:10px;color:#6b805c}.game-result>strong{display:block;font-size:24px;font-weight:750;color:#45633b;letter-spacing:-.8px;margin:2px 0}.game-result>small{font-size:9px}.game-result.is-negative{background:#f8e9e4;border-color:#edd4cb}.game-result.is-negative>strong{color:#9c5a50}.game-summary .is-negative{color:#a15550!important}
.game-wallet-pair,.game-session-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:24px}
.game-wallet-player{display:flex;align-items:center;gap:17px;min-width:0;background:#f5f7ed;border:1px solid #dce6d0;border-radius:21px;padding:19px;color:#6d9567}
.game-wallet-player.game-status-yellow{background:#fffaeb;border-color:#ebdfbb;color:#bd984c}.game-wallet-player.game-status-red{background:#fcf0ec;border-color:#eddbd1;color:#bc8276}
.game-jar{width:65px;height:89px;flex:0 0 65px;overflow:visible}.game-wallet-player-body{flex:1;min-width:0}
.game-player-top{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-bottom:14px}.game-player-top h3{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:750;color:#475b3d}.game-player-top h3>small{font-size:9px;font-weight:650;color:#80916f;background:#fffef9;padding:3px 6px;border-radius:7px}
.game-status-badge{font-size:9px;font-weight:700;line-height:1.5;color:#5b784f;white-space:normal}.game-status-yellow .game-status-badge{color:#94712e}.game-status-red .game-status-badge{color:#a2695d}
.game-wallet-numbers{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:16px}.game-wallet-numbers span{display:block;font-size:9px;color:#849078}.game-wallet-numbers strong{font-size:17px;font-weight:750;color:#48623e;letter-spacing:-.4px;overflow-wrap:anywhere}
.game-note{display:flex;align-items:center;gap:12px;border-top:1px solid #e7ecdf;padding:15px 25px;background:#fafbf5}.game-note>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;background:#e9efdc;border-radius:10px;color:#859a66;font-size:20px}.game-note p{font-size:10px;color:#7b8871;line-height:1.8}.game-note strong{color:#5a6e4d;font-weight:700}.game-text-button{padding:0 2px;border:0;border-bottom:1px solid #a9b59a;background:transparent;font-size:inherit;font-weight:750;color:#6e4874}
.game-session-card{min-width:0;border:1px solid #e2dceb;border-radius:20px;padding:21px;background:#f8f5fc}.game-session-card:nth-child(2){background:#f1f6ec;border-color:#dce6d0}.game-player-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;color:#8c75a8;background:#e9e0f1;font-size:13px;font-weight:800;box-shadow:0 2px 0 #ddd0e9}.game-session-card:nth-child(2) .game-player-avatar{color:#6f8f62;background:#e3ecd9;box-shadow:0 2px 0 #d1dfc5}
.game-session-target{margin:17px 0}.game-session-target>span{display:block;font-size:10px;color:#897798}.game-session-target>strong{display:block;font-size:21px;color:#705582;letter-spacing:-.6px;margin-top:2px;line-height:1.3}.game-session-card:nth-child(2) .game-session-target>strong{color:#627d4f}.game-session-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #e6dfed;margin-top:18px;padding-top:13px}.game-session-foot span{font-size:9px;line-height:1.5;color:#8a7a96}.game-session-foot strong{display:block;font-size:13px;color:#746080;font-weight:750;margin-top:3px}
.game-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:23px 25px}.game-metric{display:flex;align-items:center;gap:12px;border:1px solid #dce5d2;background:#f1f6e9;border-radius:18px;padding:17px 14px;min-width:0}.game-metric.game-tone-rose{background:#fcf0ec;border-color:#efdad2}.game-metric.game-tone-lavender{background:#f3edf8;border-color:#e3d9eb}.game-token{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;background:#c6dcb6;border:2px solid #a5c193;border-radius:50%;box-shadow:0 3px 0 #8daf7880;color:#64824e;font-size:23px;font-weight:800}.game-tone-rose .game-token{background:#f2d0be;border-color:#dfad98;box-shadow:0 3px 0 #c5917b70;color:#ac735e}.game-tone-lavender .game-token{background:#dfd1eb;border-color:#c6afda;box-shadow:0 3px 0 #ac8fc570;color:#8e6ba8}.game-metric>div{min-width:0}.game-metric>div>span,.game-metric small{display:block;font-size:9px;line-height:1.5;color:#7f8e72}.game-metric strong{display:block;color:#547443;font-weight:750;font-size:20px;letter-spacing:-.6px;margin:3px 0;overflow-wrap:anywhere}.game-tone-rose.game-metric strong{color:#a86d5b}.game-tone-lavender.game-metric strong{color:#87659f}.game-metric small{font-size:9px}
.game-recent{border-top:1px solid #e7ecdf;padding:18px 25px 23px}.game-recent-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:15px}.game-recent-heading h3{font-size:12px;color:#596f4a}.game-recent-heading>span{font-size:9px;color:#8b977e}.game-recent ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.game-recent li{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 0;border-top:1px dashed #e2e8d8}.game-record-symbol{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#e3edd8;color:#6f8a5b;font-size:17px;font-weight:800}.game-kind-expense{background:#f5e4d8;color:#b58c68}.game-kind-funding{background:#ece2f3;color:#a58ab5}.game-recent li>div{min-width:0;flex:1}.game-recent li>div>span,.game-recent li small{display:block;color:#8b987e;font-size:9px}.game-recent li strong{display:block;font-size:11px;color:#56674c;font-weight:650;overflow-wrap:anywhere;margin:3px 0}.game-recent li>b{font-size:12px;font-weight:750;color:#607b4e;white-space:nowrap}.game-empty{display:flex;gap:12px;align-items:center;justify-content:center;padding:18px;background:#f5f7ee;border:1px dashed #d6e1c8;border-radius:16px;color:#849575;font-size:11px}.game-empty>span{font-size:29px;color:#afbc91}
.game-labelled-chart{padding:24px 27px 17px}.game-chart-row{margin-bottom:20px}.game-chart-row-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px}.game-chart-row-label>span{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:650;color:#6e657b}.game-chart-row-label i{font-style:normal;font-size:17px;color:#a68cba}.game-chart-row-label strong{font-size:14px;font-weight:750;white-space:nowrap;color:#6e557e}.game-chart-rail{height:25px;border-radius:10px;background:#f0eef5;border:1px solid #e4dfeb;overflow:hidden;position:relative}.game-chart-rail:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),#fff9 calc(20% - 1px),#fff9 20%);pointer-events:none}.game-chart-rail>span{height:100%;display:block;border-radius:9px;background:#c2acd6;border:2px solid #aa8cc3;box-shadow:inset 0 3px 0 #ffffff30;transition:width .4s ease}.game-chart-paid .game-chart-rail{background:#fcf4e8;border-color:#f0e4cf}.game-chart-paid .game-chart-rail>span{background:#e5bf78;border-color:#cfa057}.game-chart-paid .game-chart-row-label>span,.game-chart-paid .game-chart-row-label strong{color:#9c753e}.game-chart-paid .game-chart-row-label i{color:#c09858}.game-chart-income .game-chart-rail{background:#edf4e7;border-color:#e0ead6}.game-chart-income .game-chart-rail>span{background:#98b886;border-color:#7a9b67}.game-chart-income .game-chart-row-label>span,.game-chart-income .game-chart-row-label strong{color:#5d7b48}.game-chart-income .game-chart-row-label i{color:#80a166}
.game-legend-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 27px 22px}.game-legend-notes p{font-size:9px;line-height:1.7;color:#8a947e}.game-legend-notes b{display:block;color:#68795b;font-size:10px;font-weight:700}.game-report-result{padding:17px 27px;background:#f4f7ed;border-top:1px solid #e2e9d7;display:flex;align-items:center;gap:17px;flex-wrap:wrap}.game-report-result>span{font-size:10px;color:#7a8c6b}.game-report-result>span:last-child{margin-left:auto;font-size:9px}.game-report-result>strong{font-weight:750;font-size:21px;letter-spacing:-.6px;color:#577145}
.game-archive-strip{display:flex;gap:16px;align-items:center;padding:23px 27px}.game-archive-token{display:grid;place-items:center;flex:0 0 46px;height:46px;font-size:27px;line-height:1;background:#f7e9bd;color:#b08c40;border-radius:16px;box-shadow:0 3px 0 #e8d7a4;transform:rotate(-6deg)}.game-archive-strip>div{flex:1;min-width:0}.game-archive-strip strong{display:block;font-size:18px;font-weight:750;letter-spacing:-.5px;color:#647d4f}.game-archive-strip p{font-size:10px;color:#83916f;line-height:1.6;margin-top:4px}.game-backup-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;padding:19px 27px 23px;margin:0;border-top:1px solid #e8ecdf;background:#fafbf5}.game-backup-steps li{display:flex;align-items:flex-start;gap:10px;min-width:0}.game-backup-steps b{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:10px;background:#e7ecd9;font-size:11px;color:#8b9a6d}.game-backup-steps li>span{font-size:11px;font-weight:700;color:#6f8158}.game-backup-steps small{display:block;font-weight:400;font-size:9px;line-height:1.7;color:#8b967d;margin-top:4px}
/* Login belongs to the same visual world even before the budget is unlocked. */
.auth-screen{background:#fbfaf2;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.auth-intro{background:#edf1df;color:#3d573f;border-right:1px solid #d9e1ca}.auth-brand{color:#4c6546}.auth-brand>span{background:#7d5a76;color:#fff7ec;border-radius:17px;display:inline-grid;place-items:center;width:48px;height:48px;box-shadow:0 5px 0 #d7d4be;transform:rotate(-5deg);font-size:33px}.auth-intro-copy h1{color:#496641;font-weight:750;letter-spacing:-1.7px}.auth-intro-copy p{color:#7a8c6b}.auth-intro .auth-eyebrow{color:#91a276}.auth-intro-foot{color:#8c9f78}.auth-art{opacity:1;transform:rotate(-9deg)}.auth-art span{border-color:#d0dfb9!important;background:#e1eaca!important;box-shadow:0 7px 0 #ccd9b64d}.auth-art span:nth-child(2){background:#e8d8ed!important;border-color:#cdb6d5!important}.auth-art span:nth-child(3){background:#f3de9f!important;border-color:#dfc373!important}.auth-art span:nth-child(4){background:#bfd2b5!important;border-color:#9cb68e!important}.auth-main{background-image:radial-gradient(#dce2cf70 .8px,transparent .8px);background-size:18px 18px}.auth-card{padding:32px;border-radius:27px;background:#fffefa;border:1px solid #e4e7d9;box-shadow:0 6px 0 #e2e6d680,0 20px 50px #52604104;max-width:450px}.auth-card h2{font-weight:750;color:#594660}.auth-card>.auth-eyebrow{color:#a188aa}.auth-card input{border-color:#dce1d0;border-radius:13px!important;background:#fbfcf5}.auth-card .auth-button{border-radius:14px;background:#7d5978;box-shadow:0 4px 0 #5d3e59;font-weight:700}.auth-card .auth-button#auth-back{background:#f0f3e7;color:#6f815c;box-shadow:0 3px 0 #e0e6d3}.auth-private{border-top-color:#e6eadc;color:#8a967a}.auth-main-foot{color:#9caa8b}.auth-message.auth-error{background:#f9e8e1;border-radius:11px;padding:9px 11px;line-height:1.6}
@media(max-width:1100px){.game-summary-head{padding:21px;gap:14px}.game-summary-head>.game-tag{display:none}.game-picture{width:64px;height:64px;flex-basis:64px}.game-summary-heading h2{font-size:21px}.game-wallet-pair{gap:12px;padding:20px}.game-wallet-player{gap:10px;padding:16px}.game-jar{width:48px;flex-basis:48px;height:72px}.game-wallet-numbers strong{font-size:16px}.game-journey{gap:10px;padding:20px}.game-journey button{padding:13px 10px;gap:8px}.game-journey strong{font-size:12px}.game-step-number{width:24px;height:24px;flex-basis:24px;font-size:11px}.game-metrics{gap:10px;padding:20px}.game-metric{padding:14px 11px;gap:9px}.game-token{width:31px;height:31px;flex-basis:31px;font-size:18px}.game-metric strong{font-size:18px}.game-metric small{font-size:8px}.game-archive-strip{padding:21px}.auth-card{padding:27px}}
@media(max-width:800px){.game-summary-head{align-items:flex-start}.game-summary-heading h2{font-size:22px}.game-summary-heading p{font-size:11px}.game-wallet-pair,.game-session-pair{grid-template-columns:1fr}.game-wallet-player{gap:18px;padding:18px 20px}.game-jar{width:61px;flex-basis:61px;height:83px}.game-player-top{margin-bottom:12px}.game-wallet-numbers strong{font-size:21px}.game-journey{grid-template-columns:1fr;gap:12px}.game-journey li:not(:last-child):after{width:0;height:17px;left:28px;right:auto;top:auto;bottom:-16px;border-top:0;border-left:3px dotted #c9d8b8}.game-journey button{align-items:center;padding:13px 15px;gap:12px}.game-step-number{width:29px;height:29px;flex-basis:29px}.game-journey small{font-size:10px}.game-journey strong{font-size:14px}.game-journey em{font-size:10px}.game-overview-bottom{grid-template-columns:1fr;gap:18px;padding:20px}.game-result{display:grid;grid-template-columns:1fr auto;gap:2px 15px;align-items:center}.game-result>strong{grid-column:2;grid-row:1/3;margin:0;font-size:23px}.game-result>small{grid-column:1}.game-metrics{grid-template-columns:1fr;padding:20px;gap:11px}.game-metric{padding:14px 17px;gap:14px}.game-token{width:38px;height:38px;flex-basis:38px;font-size:23px}.game-metric>div{display:grid;grid-template-columns:1fr auto;gap:1px 12px;flex:1}.game-metric>div>span{font-size:10px}.game-metric strong{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:21px}.game-metric small{font-size:9px}.game-recent ol{grid-template-columns:1fr}.game-recent{padding:18px 21px}.game-labelled-chart{padding:22px 21px 12px}.game-legend-notes{padding:0 21px 20px;gap:10px}.game-report-result{padding:17px 21px;gap:8px 15px}.game-report-result>span:last-child{margin-left:0;flex-basis:100%}.game-archive-strip>.game-tag{display:none}.game-backup-steps{padding:20px;gap:14px}.game-backup-steps li{gap:7px}.game-backup-steps b{width:23px;height:23px;flex-basis:23px}.game-backup-steps small{font-size:9px}.game-note{padding:14px 20px}.auth-card{max-width:450px;width:100%}}
@media(max-width:480px){.game-summary{border-radius:23px;margin-bottom:21px}.game-summary-head{padding:20px 17px 18px;gap:11px}.game-picture{width:56px;height:56px;flex-basis:56px}.game-kicker{font-size:8px;letter-spacing:1.35px;margin-bottom:5px}.game-summary-heading h2{font-size:20px;letter-spacing:-.6px}.game-summary-heading p{font-size:10px;line-height:1.65;margin-top:6px}.game-journey{padding:18px 17px}.game-overview-bottom{padding:18px 17px}.game-meter-top{font-size:9px;gap:8px}.game-meter-top strong{font-size:10px}.game-meter-note{font-size:9px}.game-wallet-pair,.game-session-pair{padding:18px 17px;gap:13px}.game-wallet-player{padding:15px 13px;gap:11px;border-radius:17px}.game-jar{width:43px;flex-basis:43px;height:70px}.game-wallet-numbers{gap:9px;margin-bottom:13px}.game-wallet-numbers strong{font-size:17px}.game-player-top{gap:5px;margin-bottom:10px}.game-player-top h3{font-size:14px}.game-status-badge{font-size:8px}.game-wallet-numbers span{font-size:9px}.game-player-top h3>small{font-size:8px}.game-session-card{padding:17px;border-radius:17px}.game-session-target>strong{font-size:20px}.game-session-foot strong{font-size:12px}.game-note{padding:13px 17px;gap:9px}.game-note>span{width:25px;height:25px;flex-basis:25px;font-size:17px}.game-note p{font-size:9px}.game-metrics{padding:18px 17px}.game-metric{padding:13px 12px;gap:11px;border-radius:16px}.game-metric strong{font-size:19px}.game-metric>div>span{font-size:9px}.game-metric small{font-size:8px}.game-token{width:34px;height:34px;flex-basis:34px;font-size:20px}.game-recent{padding:16px 17px 18px}.game-recent li{gap:8px}.game-recent li>b{font-size:11px}.game-recent li strong{font-size:10px}.game-recent li small{font-size:8px}.game-record-symbol{flex-basis:26px;height:26px;font-size:15px;border-radius:8px}.game-recent-heading h3{font-size:11px}.game-labelled-chart{padding:21px 18px 11px}.game-chart-row-label>span{font-size:10px;gap:6px}.game-chart-row-label strong{font-size:12px}.game-chart-row-label i{font-size:15px}.game-chart-rail{height:23px}.game-legend-notes{grid-template-columns:1fr;padding:0 18px 17px;gap:7px}.game-legend-notes p{display:flex;gap:6px;font-size:9px;align-items:baseline}.game-legend-notes b{font-size:9px;min-width:66px;flex:0 0 66px}.game-report-result{padding:15px 18px}.game-report-result>strong{font-size:20px}.game-archive-strip{padding:21px 18px;gap:12px}.game-archive-token{width:39px;height:39px;flex-basis:39px;font-size:23px;border-radius:13px}.game-archive-strip strong{font-size:16px}.game-archive-strip p{font-size:9px}.game-backup-steps{grid-template-columns:1fr;gap:15px;padding:19px 18px}.game-backup-steps li{gap:11px}.game-backup-steps li>span{font-size:11px}.game-backup-steps small{font-size:9px;margin-top:2px}.game-backup-steps b{width:26px;height:26px;flex-basis:26px;font-size:11px}.game-ui .dialog{border-radius:22px;max-width:calc(100% - 22px)}.game-ui .dialog-header h2{font-size:19px}.game-ui .btn{min-height:41px}.auth-main{padding:27px 17px 70px}.auth-card{padding:25px 21px;border-radius:23px}.auth-intro{padding:24px 27px 29px}.auth-intro-copy h1{font-size:32px;letter-spacing:-1.1px}.auth-brand>span{width:38px;height:38px;border-radius:12px;font-size:27px}.auth-card h2{font-size:27px}.auth-card>.auth-eyebrow{font-size:8px;letter-spacing:1.6px}.auth-intro-copy{padding-top:26px}.game-ui .topbar-left>.muted{font-size:10px}}
@media(prefers-reduced-motion:reduce){.game-ui *,.auth-screen *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.game-ui .nav-item:hover,.game-journey button:hover,.game-ui .btn.primary:hover{transform:none}}
@media print{.game-summary{break-inside:avoid;box-shadow:none;border-color:#bbb}.game-picture{display:none}.game-ui{background:#fff}.game-summary button{box-shadow:none}.game-journey li:after{display:none}}
