*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream-50: #FFFDF9;--cream-100: #FBF6EE;--cream-200: #F4EADB;--cream-300: #E9DAC3;--orange-100: #FFE8D6;--orange-300: #FFB877;--orange-500: #F97316;--orange-600: #E4620E;--orange-700: #B84E0B;--teal-100: #D2F1EC;--teal-400: #3FC2AD;--teal-500: #159A87;--teal-700: #0C6D60;--amber-100: #FDF0C9;--amber-400: #F5C542;--amber-600: #C99700;--neutral-0: #FFFFFF;--neutral-100: #F2EEE8;--neutral-300: #D9D2C7;--neutral-500: #8C8479;--neutral-700: #5A544B;--neutral-900: #2B2822;--success: #2E9E5B;--success-bg: #DCF3E4;--warning: #E8951C;--warning-bg: #FCEFD3;--danger: #D64545;--danger-bg: #F9DEDE;--info: #2E7FB8;--info-bg: #E1EFF8;--violet-bg: #EDE4F7;--violet: #7C5BC4;--primary: #F97316;--primary-dark: #E4620E;--secondary: #8C8479;--bg: #FBF6EE;--surface: #FFFDF9;--border: #E9DAC3;--text: #2B2822;--text-muted: #8C8479;--accent-tint: #FFF3E6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(70,55,35,.06);--shadow-md: 0 4px 14px rgba(70,55,35,.1);--shadow-lg: 0 10px 28px rgba(70,55,35,.14);--shadow-xl: 0 20px 48px rgba(70,55,35,.2);--shadow-focus: 0 0 0 3px rgba(249,115,22,.35);--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Baloo 2", "Nunito", system-ui, sans-serif}[dir=rtl]{--font-body: "Baloo Bhaijaan 2", "Nunito", system-ui, sans-serif;--font-display: "Baloo Bhaijaan 2", "Baloo 2", system-ui, sans-serif}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.stat-value,.credit-tile-amount,.month-card-total{font-family:var(--font-display);letter-spacing:-.01em}.stat-value,.credit-tile-amount,.td-amount,.month-card-total,.progress-pct,.table-count{font-variant-numeric:tabular-nums}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;gap:0;position:sticky;top:0;z-index:20}.topbar-logo{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--orange-600);margin-right:1.75rem;white-space:nowrap;letter-spacing:-.02em}.topbar-tabs{display:flex;flex:1;height:100%;align-items:center;gap:.25rem}.topbar-tab{display:flex;align-items:center;gap:7px;padding:.5rem 1rem;font-size:14px;font-weight:600;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-full);white-space:nowrap;transition:all .15s}.topbar-tab:hover{color:var(--orange-700);background:var(--accent-tint)}.topbar-tab.active{color:var(--orange-700);background:var(--orange-100);font-weight:700}.topbar-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;position:relative}.topbar-settings{width:38px;height:38px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;transition:all .15s}.topbar-settings:hover,.topbar-settings.is-active{background:var(--accent-tint);color:var(--orange-600);border-color:var(--orange-300)}.topbar-avatar{width:38px;height:38px;border-radius:50%;background:var(--orange-100);color:var(--orange-700);font-size:13px;font-weight:800;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border:2px solid transparent;cursor:pointer;transition:all .15s}.topbar-avatar:hover,.topbar-avatar.is-active{border-color:var(--orange-500)}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;min-width:210px;box-shadow:var(--shadow-lg);z-index:120}.settings-dd-header{padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.settings-dd-name{font-size:14px;font-weight:700}.settings-dd-email{font-size:12px;color:var(--text-muted);margin-top:1px}.settings-dd-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;color:var(--text);text-decoration:none;transition:background .12s;width:100%;background:none;border:none;text-align:left}.settings-dd-item:hover{background:var(--accent-tint)}.settings-dd-item.danger{color:var(--danger)}.settings-dd-item.danger:hover{background:var(--danger-bg)}.settings-dd-sep{height:1px;background:var(--border);margin:4px 0}.main-content{flex:1;padding:1.75rem 2rem;max-width:1320px;width:100%;margin:0 auto}.page{width:100%}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-header h2{font-size:1.6rem;font-weight:800;flex:1}.subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.toolbar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:1.25rem}.toolbar-sep{flex:1}.month-nav{display:flex;align-items:center;gap:.375rem;position:relative}.month-nav-btn{width:34px;height:34px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.month-nav-btn:hover{background:var(--accent-tint);color:var(--orange-600);border-color:var(--orange-300)}.month-picker-trigger{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-full);padding:.4rem 1rem;cursor:pointer;font-size:.95rem;font-weight:700;font-family:var(--font-display);color:var(--text);transition:all .15s;white-space:nowrap}.month-picker-trigger:hover{border-color:var(--orange-300);color:var(--orange-600);background:var(--accent-tint)}.month-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;width:240px;box-shadow:var(--shadow-lg)}.picker-year-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.picker-year-btn{background:none;border:none;cursor:pointer;padding:5px 11px;border-radius:var(--radius-md);color:var(--text-muted);font-size:15px;transition:all .15s}.picker-year-btn:hover{background:var(--accent-tint);color:var(--orange-600)}.picker-year{font-size:.95rem;font-weight:700}.picker-months{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.picker-month{padding:8px 2px;text-align:center;border-radius:var(--radius-md);cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text);transition:all .15s;border:1.5px solid transparent}.picker-month:hover{background:var(--accent-tint)}.picker-month.active{background:var(--primary);color:#fff}.picker-month.current{border-color:var(--orange-300);color:var(--orange-600);font-weight:700}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;max-width:1100px;width:100%;margin:0 auto}.landing-hero{max-width:660px;margin:3.5rem auto 4rem;padding:0 1.5rem;text-align:center;display:flex;flex-direction:column;gap:1.1rem;align-items:center}.landing-hero h1{font-size:2.6rem;font-weight:800;color:var(--text);line-height:1.15}.landing-hero p{font-size:1.1rem;color:var(--text-muted);line-height:1.55}.landing-cta{display:flex;gap:.75rem;margin-top:.75rem;flex-wrap:wrap;justify-content:center}.landing-cta-btn{display:inline-block;text-decoration:none;text-align:center;padding:.85rem 2rem;font-size:1.05rem}.landing-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1100px;width:100%;margin:0 auto;padding:0 1.5rem 4rem}.landing-feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem 1.35rem;display:flex;flex-direction:column;gap:.5rem;text-align:center;align-items:center;box-shadow:var(--shadow-md);transition:transform .15s,box-shadow .15s}.landing-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.landing-feature-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--orange-100);color:var(--orange-600);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.landing-feature h3{font-size:1.05rem;font-weight:700;color:var(--text)}.landing-feature p{font-size:.88rem;color:var(--text-muted);line-height:1.5}.landing-footer{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.8rem}@media (max-width: 900px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.landing-features{grid-template-columns:1fr}.landing-hero h1{font-size:2rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1rem}.login-card{background:var(--surface);border-radius:var(--radius-xl);padding:2.5rem;width:380px;box-shadow:var(--shadow-lg);border:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.login-card h1{font-size:1.9rem;font-weight:800;color:var(--orange-600)}.login-card p{color:var(--text-muted);margin-top:-.5rem}.login-card form{display:flex;flex-direction:column;gap:.875rem}.back-home-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--text-muted);text-decoration:none;transition:color .15s}.back-home-link:hover{color:var(--orange-600)}[dir=rtl] .back-home-link i{transform:scaleX(-1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group.full{grid-column:1/-1}.form-group label{font-size:.82rem;font-weight:700;color:var(--text-muted)}.form-group input,.form-group select,.form-group textarea{padding:.6rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;font-family:var(--font-body);background:var(--surface);color:var(--text);outline:none;transition:border .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--orange-500);box-shadow:var(--shadow-focus)}.form-group textarea{min-height:80px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox]{margin-top:.15rem;accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}.form-hint{font-size:.8rem;color:var(--text-muted);font-weight:400}.months-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.months-header>label:first-child{font-size:.82rem;font-weight:700;color:var(--text-muted);margin-bottom:0}.month-select-all{font-weight:700;border-color:var(--orange-300);color:var(--orange-600)}.months-grid{display:flex;flex-wrap:wrap;gap:.5rem}.month-chip{position:relative;display:flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;padding:.4rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:.82rem;font-weight:700;-webkit-user-select:none;user-select:none;transition:all .12s;background:var(--surface);color:var(--text)}.month-chip input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.month-chip:hover{border-color:var(--orange-300);background:var(--accent-tint)}.month-chip:has(input:checked){background:var(--primary);border-color:var(--primary);color:#fff}.month-chip:has(input:checked):hover{background:var(--primary-dark)}.month-chip.month-select-all:has(input:checked),.month-chip.month-select-all:has(input:indeterminate){background:var(--accent-tint);border-color:var(--orange-300);color:var(--orange-700)}.month-chip:has(input:focus-visible){box-shadow:var(--shadow-focus)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.6rem 1.35rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:all .15s;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border);padding:.55rem 1.1rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--accent-tint);border-color:var(--orange-300);color:var(--orange-700)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{background:none;border:none;cursor:pointer;padding:.35rem .5rem;border-radius:var(--radius-md);transition:background .15s;font-size:.95rem;color:var(--text-muted);display:inline-flex;align-items:center}.btn-icon:hover:not(:disabled){background:var(--accent-tint);color:var(--orange-600)}.btn-icon.btn-danger:hover{background:var(--danger-bg);color:var(--danger)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-pay{background:var(--success-bg);color:var(--success);border:none;padding:.4rem .8rem;border-radius:var(--radius-full);cursor:pointer;font-size:.8rem;font-weight:700;transition:all .15s;white-space:nowrap}.btn-pay:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.btn-pay:disabled{opacity:.5;cursor:not-allowed}.expense-edit-form{padding:.85rem 1rem 1.1rem;background:var(--cream-100);display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.expense-edit-form .form-group label{font-size:.74rem}.expense-edit-form .form-group input,.expense-edit-form .form-group select{padding:.4rem .6rem;font-size:.82rem}.expense-edit-actions{grid-column:1/-1;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.25rem}.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.table th{background:var(--cream-200);padding:.8rem 1rem;text-align:left;font-size:.78rem;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em}.table td{padding:.7rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--accent-tint)}.table tr.row-inactive td{opacity:.45}.table td.actions{display:flex;gap:.25rem;align-items:center}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sort:hover{color:var(--orange-600)}.sort-icon{font-size:.7rem;margin-left:.1rem}.sort-icon.muted{color:var(--border)}.sort-icon.active{color:var(--orange-500)}.td-name{font-size:.9rem;font-weight:600}.td-payment{white-space:nowrap}.td-payment .badge+.badge{margin-left:.2rem}.td-comment-btn{background:none;border:none;padding:0 .2rem;cursor:pointer;font-size:.82rem;opacity:.55;line-height:1;transition:opacity .12s,transform .12s;vertical-align:middle}.td-comment-btn:hover{opacity:1;transform:scale(1.15)}.td-comment-btn.is-open{opacity:1}.comment-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:60;background:var(--neutral-900);color:#fff;border-radius:var(--radius-md);padding:.6rem .85rem;font-size:.82rem;font-weight:400;line-height:1.45;max-width:260px;min-width:140px;white-space:normal;box-shadow:var(--shadow-lg);pointer-events:none}.comment-popover:before{content:"";position:absolute;bottom:100%;left:10px;border:5px solid transparent;border-bottom-color:var(--neutral-900)}.td-date{color:var(--text-muted);white-space:nowrap;font-size:.84rem}.td-amount{font-weight:700;text-align:right;white-space:nowrap;font-size:.9rem}.td-amount.paid{color:var(--success);text-decoration:line-through;opacity:.8}.row-paid{background:var(--success-bg)}.row-paid td{color:var(--text-muted)}.row-partial{background:var(--warning-bg)}.td-amount.due{color:var(--danger)}.td-actions{display:flex;gap:.3rem;align-items:center;justify-content:right}.table .edit-row td{padding:0;background:var(--cream-100)}.table .edit-row:hover td{background:var(--cream-100)}.table-search-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.table-count{font-size:.8rem;color:var(--text-muted);font-weight:600}.search-input{padding:.5rem .9rem;border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:.85rem;outline:none;transition:border .15s,box-shadow .15s;width:220px;background:var(--surface);color:var(--text);font-family:var(--font-body)}.search-input:focus{border-color:var(--orange-500);box-shadow:var(--shadow-focus)}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s;flex-shrink:0}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-action:not(:disabled):hover{filter:brightness(.9);transform:translateY(-1px)}.btn-action-pay{background:var(--success);color:#fff}.btn-action-edit{background:var(--primary);color:#fff}.btn-action-edit.is-active{background:var(--secondary)}.btn-action-warn{background:var(--warning);color:#fff}.btn-action-delete{background:var(--danger);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-bottom:1.25rem}.stats-grid-full{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.15rem 1.35rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:var(--shadow-md);border:1px solid var(--border)}.stat-label{font-size:.72rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.65rem;font-weight:800;line-height:1.15}.stat-sub{font-size:.74rem;color:var(--text-muted);margin-top:.1rem}.stat-success{color:var(--success)}.stat-danger{color:var(--danger)}.stat-warning{color:var(--warning)}.combobox-option{display:flex;justify-content:space-between;align-items:center;padding:.55rem .9rem;cursor:pointer;font-size:.9rem;color:var(--text);transition:background .1s}.combobox-option:hover{background:var(--accent-tint)}.combobox-option-active{background:var(--primary)!important;color:#fff}.combobox-option-active span{opacity:1!important}.badge-tmp{background:var(--violet-bg);color:var(--violet);font-size:.68rem}.cb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s;position:relative;flex-shrink:0;vertical-align:middle}.cb:hover{border-color:var(--orange-500);box-shadow:0 0 0 3px #f9731624}.cb:checked,.cb:indeterminate{background:var(--primary);border-color:var(--primary)}.cb:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.cb:indeterminate:after{content:"";position:absolute;left:3px;top:6px;width:8px;height:2px;background:#fff;border-radius:1px}.cb:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.badge{display:inline-block;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:#b45309}.badge-info{background:var(--violet-bg);color:var(--violet)}.badge-secondary{background:var(--neutral-100);color:var(--neutral-700)}.badge-payment{background:var(--teal-100);color:var(--teal-700)}.badge-auto{background:var(--info-bg);color:var(--info);font-size:.65rem}.badge-mandatory{background:transparent;color:var(--text-muted);font-size:.85rem;margin-left:.25rem;vertical-align:middle}.month-badge{overflow:visible}.month-tooltip{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--neutral-900);color:#fff;font-size:.7rem;font-weight:700;white-space:nowrap;padding:.25rem .55rem;border-radius:var(--radius-sm);pointer-events:none;z-index:10}.month-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--neutral-900)}.month-badge:hover .month-tooltip{display:block}.mandatory-bar{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-muted);padding:.6rem .9rem;background:var(--amber-100);border:1px solid var(--amber-400);border-radius:var(--radius-md);margin-bottom:.75rem}.mandatory-pct{margin-left:auto;font-size:.78rem;font-weight:700;color:var(--amber-600)}.onboarding-guide{margin-bottom:1.5rem}.onboarding-guide-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.onboarding-guide-icon{font-size:2.2rem;line-height:1}.onboarding-guide-title{font-size:1.35rem;font-weight:800;margin-bottom:.2rem}.onboarding-guide-sub{font-size:.9rem;color:var(--text-muted)}.onboarding-steps{display:flex;flex-direction:column;gap:.85rem}.onboarding-step{display:flex;gap:1rem;padding:1.25rem 1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;box-shadow:var(--shadow-sm)}.onboarding-step-active{border-color:var(--orange-300);box-shadow:0 0 0 3px #f9731624}.onboarding-step-pending{opacity:.5}.step-badge{min-width:2.2rem;height:2.2rem;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-display);font-size:.95rem;flex-shrink:0}.onboarding-step-pending .step-badge{background:var(--border);color:var(--text-muted)}.step-body{flex:1}.step-title{font-weight:700;font-size:.98rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem}.step-optional{font-size:.68rem;font-weight:600;color:var(--text-muted);background:var(--cream-200);border:1px solid var(--border);border-radius:var(--radius-full);padding:.1rem .55rem}.currency-select-onboarding{margin-top:.7rem;padding:.5rem .75rem;border-radius:var(--radius-md);border:1.5px solid var(--border);font-size:.88rem;font-family:var(--font-body);background:var(--surface);color:var(--text);cursor:pointer;min-width:200px}.step-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b282280;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200;animation:confirm-fade .18s ease-out}.modal{background:var(--surface);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:480px;overflow-y:auto;max-height:90vh;max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-xl);animation:confirm-pop .22s cubic-bezier(.34,1.4,.64,1)}.modal h3{font-size:1.25rem;font-weight:800;margin-bottom:.5rem}.modal-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}.modal-head-icon{width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:var(--orange-100);color:var(--orange-600)}.modal-head h3{margin-bottom:0;flex:1}.modal-close{width:36px;height:36px;border-radius:var(--radius-full);flex-shrink:0;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:transparent}.credit-group{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:.9rem;overflow:hidden;box-shadow:0 1px 4px #0000000d}.credit-group-header{display:flex;align-items:center;gap:.6rem;padding:.7rem .95rem;cursor:pointer;flex-wrap:wrap;transition:background .12s;-webkit-user-select:none;user-select:none}.credit-group-header:hover{background:var(--bg)}.credit-group-chevron{color:var(--text-muted);font-size:.72rem;transition:transform .15s}.credit-group.open .credit-group-chevron{transform:rotate(90deg)}.credit-group-body{padding:.2rem .95rem .95rem}.credit-tile-amount-total{color:var(--text-muted);font-weight:500;font-size:.72em}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#2b282273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:confirm-fade .18s ease-out}.confirm-dialog{background:var(--surface);border-radius:var(--radius-xl);padding:1.75rem 1.5rem 1.5rem;width:100%;max-width:380px;text-align:center;box-shadow:var(--shadow-xl);animation:confirm-pop .22s cubic-bezier(.34,1.4,.64,1)}.confirm-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.confirm-icon.question{background:var(--orange-100);color:var(--orange-600);box-shadow:0 0 0 8px #f973161a}.confirm-icon.danger{background:var(--danger-bg);color:var(--danger);box-shadow:0 0 0 8px #d645451a}.confirm-icon.prompt{background:var(--teal-100);color:var(--teal-700);box-shadow:0 0 0 8px #159a871a}.confirm-title{font-size:1.15rem;font-weight:800;margin-bottom:.35rem}.confirm-message{font-size:.92rem;color:var(--text-muted);line-height:1.55;white-space:pre-line}.confirm-input{margin-top:1rem;width:100%;text-align:center;font-size:1.2rem;font-weight:800;color:var(--text);font-family:var(--font-display);padding:.65rem .9rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--cream-100);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.confirm-input:focus{border-color:var(--orange-500);background:var(--surface);box-shadow:var(--shadow-focus)}.confirm-input::-webkit-outer-spin-button,.confirm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.confirm-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.confirm-actions{display:flex;gap:.6rem;margin-top:1.4rem}.confirm-actions button{flex:1;padding:.7rem 1rem;border-radius:var(--radius-full);font-size:.92rem;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:all .15s}.confirm-btn-cancel{background:var(--cream-200);color:var(--text-muted);border:1px solid transparent}.confirm-btn-cancel:hover{background:var(--cream-300);color:var(--text)}.confirm-btn-ok{border:none;color:#fff;background:var(--primary);box-shadow:0 6px 16px #f9731652}.confirm-btn-ok:hover{filter:brightness(1.05);transform:translateY(-1px)}.confirm-btn-ok:active{transform:translateY(0)}.confirm-btn-ok.danger{background:var(--danger);box-shadow:0 6px 16px #d6454552}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.confirm-overlay,.confirm-dialog,.modal-overlay,.modal{animation:none}}.bottom-nav{display:none}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);font-size:10px;font-weight:700;transition:color .15s}.bottom-nav-item i{font-size:20px}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--orange-600)}.kebab-wrap{position:relative;display:none}.kebab-wrap .settings-dropdown{min-width:185px}.bulk-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--accent-tint);border:1.5px solid var(--orange-300);border-radius:var(--radius-md);padding:.55rem .85rem;margin-bottom:.75rem;font-size:.85rem}.bulk-bar-count{font-weight:800;color:var(--orange-700);margin-right:auto}.picker-icon-wrap{position:relative;display:inline-flex;align-items:center}.picker-icon-wrap>i{position:absolute;left:11px;font-size:.8rem;color:var(--text-muted);pointer-events:none}.picker-icon-wrap>select{padding-left:30px!important}[dir=rtl] .picker-icon-wrap>i{left:auto;right:11px}[dir=rtl] .picker-icon-wrap>select{padding-left:8px!important;padding-right:30px!important}.error-msg{color:var(--danger)!important;font-size:.9rem;padding:.5rem}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state p{margin-top:.5rem;font-size:.9rem}.section{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border)}.section h3{font-size:1.1rem;font-weight:800;margin-bottom:1rem}.dashboard-sections{display:flex;flex-direction:column;gap:1.5rem}.dash-section{background:var(--surface);border-radius:var(--radius-lg);padding:1.35rem 1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border)}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dash-section-title{font-size:1.1rem;font-weight:800}.year-nav{display:flex;align-items:center;gap:.5rem}.year-nav-btn{width:34px;height:34px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.year-nav-btn:hover:not(:disabled){background:var(--accent-tint);color:var(--orange-600);border-color:var(--orange-300)}.year-nav-btn:disabled{opacity:.35;cursor:not-allowed}.year-label{font-size:1.1rem;font-weight:800;font-family:var(--font-display);min-width:3rem;text-align:center}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}.month-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem;cursor:pointer;transition:all .15s;min-height:96px;display:flex;flex-direction:column;gap:.3rem;box-shadow:var(--shadow-sm)}.month-card:hover{border-color:var(--orange-300);box-shadow:var(--shadow-md);transform:translateY(-2px);background:var(--accent-tint)}.month-card-current{border-color:var(--orange-300);background:var(--orange-100)}.month-card-current:hover{background:var(--orange-100)}.month-card-archived{opacity:.7}.month-card-closed{opacity:.55}.month-card-loading{background:var(--border);animation:dash-pulse .9s ease-in-out infinite alternate}@keyframes dash-pulse{0%{opacity:.35}to{opacity:.7}}.month-card-header{display:flex;align-items:center;justify-content:space-between}.month-card-name{font-size:.85rem;font-weight:700}.month-card-dot{font-size:.7rem}.month-card-total{font-size:.95rem;font-weight:800}.month-card-track{height:6px;background:var(--cream-300);border-radius:var(--radius-full);overflow:hidden;margin-top:auto}.month-card-fill{height:6px;background:var(--primary);border-radius:var(--radius-full);transition:width .4s ease}.month-card-sub{display:flex;justify-content:space-between;font-size:.74rem}.month-card-empty{font-size:.78rem;color:var(--text-muted);margin-top:auto}.month-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;white-space:nowrap}.month-status-badge.readonly{background:var(--amber-100);color:var(--amber-600)}.month-status-badge.active{background:var(--success-bg);color:var(--success)}.month-status-badge.archived{background:var(--neutral-100);color:var(--neutral-700)}.onboarding-banner{display:flex;align-items:flex-start;gap:1rem;background:var(--accent-tint);border:1.5px dashed var(--orange-300);border-radius:var(--radius-lg);padding:1.1rem 1.35rem;margin-bottom:1.25rem}.onboarding-icon{font-size:26px;flex-shrink:0;margin-top:2px}.onboarding-text h3{font-size:.95rem;font-weight:800;color:var(--orange-700);margin-bottom:.3rem}.onboarding-text p{font-size:.85rem;color:var(--orange-700);opacity:.85;line-height:1.5}.closed-hint{background:var(--amber-100);border:1px solid var(--amber-400);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.6rem 1rem;font-size:.8rem;color:var(--amber-600);font-weight:600;display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.progress-section{background:var(--surface);border-radius:var(--radius-lg);padding:1rem 1.35rem;margin-bottom:1.25rem;box-shadow:var(--shadow-md);border:1px solid var(--border)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.progress-title{font-size:.82rem;font-weight:700;color:var(--text-muted)}.progress-pct{font-size:.85rem;font-weight:800;color:var(--orange-600)}.progress-track{height:10px;background:var(--cream-300);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:10px;background:var(--primary);border-radius:var(--radius-full);transition:width .5s ease}.progress-labels{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.74rem;color:var(--text-muted)}.dd-pickers{display:none}.toggle-group{display:flex;gap:.5rem;margin-bottom:1rem}.toggle-btn{flex:1;padding:.6rem;border-radius:var(--radius-md);font-weight:700;font-size:.85rem;border:2px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s}.toggle-btn:hover{border-color:var(--orange-300)}.toggle-btn.active{border-color:var(--orange-500);background:var(--accent-tint);color:var(--orange-700)}.credit-filter-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.credit-filter-tab{padding:.45rem 1.1rem;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s}.credit-filter-tab:hover{border-color:var(--orange-300);color:var(--orange-600)}.credit-filter-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.credit-filter-count{font-weight:600;opacity:.8;margin-left:.3rem}.credit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem}.credit-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:var(--shadow-md);transition:transform .15s,box-shadow .15s}.credit-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.credit-tile.is-inactive{opacity:.6}.credit-tile-badges{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.credit-tile-person{display:flex;align-items:center;gap:.5rem}.credit-tile-avatar{width:34px;height:34px;border-radius:50%;background:var(--orange-100);color:var(--orange-700);font-weight:800;font-size:.82rem;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;flex-shrink:0}.credit-tile-name{font-weight:800;font-size:.9rem;color:var(--text)}.credit-tile-label{font-weight:700;font-size:.95rem;color:var(--text)}.credit-tile-label-note{font-size:.74rem;color:var(--text-muted);font-weight:400;margin-left:.3rem}.credit-tile-meta{font-size:.8rem;color:var(--text-muted)}.credit-tile-shared-by{font-size:.78rem;color:var(--text-muted)}.credit-tile-amount{font-size:1.55rem;font-weight:800}.credit-tile-amount.positive{color:var(--success)}.credit-tile-amount.negative{color:var(--danger)}.credit-tile-progress-row{display:flex;justify-content:space-between;font-size:.74rem;color:var(--text-muted)}.credit-tile-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.65rem;border-top:1px solid var(--border);margin-top:auto}.credit-tile-actions{display:flex;gap:.3rem;align-items:center}.credit-tile-notify{position:relative}.credit-tile-notify .settings-dropdown{min-width:170px;right:auto;left:0}[dir=rtl] .table th,[dir=rtl] .td-name{text-align:right}[dir=rtl] .td-actions{justify-content:flex-end}[dir=rtl] .td-payment .badge+.badge{margin-left:0;margin-right:.2rem}[dir=rtl] .badge-mandatory{margin-left:0;margin-right:.25rem}[dir=rtl] .td-amount{text-align:left}@media (max-width: 640px){.main-content{padding:.85rem .85rem calc(1rem + 56px + env(safe-area-inset-bottom,0px))}.topbar{padding:0 .85rem;gap:0;height:56px}.topbar-logo{margin-right:.75rem;font-size:16px}.topbar-currency,.topbar-language,.topbar-tabs{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);z-index:100;box-shadow:0 -2px 14px #4637231a}.bottom-nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}.stats-grid-full{grid-template-columns:repeat(2,1fr)}.stat-card{padding:.85rem}.stat-value{font-size:1.3rem}.stat-sub{font-size:.7rem}.toolbar{flex-wrap:nowrap}.btn-secondary{padding:.45rem .8rem;font-size:.8rem}.col-mobile-hidden{display:none!important}.btn-text{display:none}.actions-inline{display:none!important}.kebab-wrap{display:inline-flex}.btn-action{width:30px;height:30px}.table-search-bar{flex-direction:column;align-items:stretch;gap:.4rem}.search-input{width:100%;box-sizing:border-box}.month-picker-dropdown{left:50%;transform:translate(-50%)}.dd-pickers{display:block}.dd-picker-row{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;gap:.5rem;font-size:14px}.dd-picker-label{color:var(--text-muted);white-space:nowrap;font-weight:600}.month-grid{grid-template-columns:repeat(2,1fr)}.page-header h2{font-size:1.35rem}.form-grid{grid-template-columns:1fr}.modal{padding:1.5rem 1.25rem;border-radius:var(--radius-lg)}}@media (max-width: 900px){.month-grid{grid-template-columns:repeat(3,1fr)}.tab-label{display:none}.topbar-tab{padding:.5rem .8rem}}