:root{--ink: #15332f;--muted: #688079;--green-950: #0b352f;--green-900: #103f38;--green-800: #145248;--green-700: #1b6c5e;--green-600: #238674;--mint: #dff4eb;--mint-strong: #aee4cf;--lime: #d9f27e;--orange: #f3ae6b;--red: #d96b68;--blue: #659ebc;--paper: #ffffff;--canvas: #f2f5f1;--line: #dce6e1;--shadow: 0 12px 32px rgba(17, 58, 51, .08);--radius: 18px;--sidebar: 228px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(35,134,116,.22);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:20;color:#fff;background:var(--green-950);display:flex;flex-direction:column;padding:28px 16px;overflow-y:auto}.brand,.mobile-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 10px 28px}.brand strong{font-size:15px;display:block;letter-spacing:.01em}.brand small{display:block;color:#93b7af;font-size:12px;margin-top:2px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--lime);display:flex;gap:3px;align-items:flex-end;justify-content:center;padding:9px;box-shadow:inset 0 -6px 12px #103f381f}.brand-mark span{display:block;width:4px;border-radius:4px;background:var(--green-950)}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:21px}.main-nav{display:grid;gap:4px}.nav-item{border:0;width:100%;color:#aac3bd;background:transparent;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:650;text-align:left;transition:.2s ease}.nav-item svg{width:18px;height:18px}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.is-active{color:var(--green-950);background:var(--lime);box-shadow:0 8px 20px #05231e38}.sidebar-foot{margin-top:auto;padding:22px 10px 0;display:flex;align-items:flex-start;gap:9px;color:#86a8a0;font-size:10px;line-height:1.55}.sidebar-foot p{margin:0}.sidebar-foot strong{color:#bad0cb;font-weight:600}.privacy-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);margin-top:3px;box-shadow:0 0 0 4px #d9f27e1a}.main-content{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:15;min-height:78px;background:#f2f5f1e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(209,222,215,.72);display:flex;align-items:center;justify-content:space-between;padding:10px 34px}.mobile-brand{display:none}.month-picker{display:flex;align-items:center;gap:6px}.icon-button,.modal-close{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green-800);display:grid;place-items:center}.icon-button:hover,.modal-close:hover{background:var(--mint)}.icon-button svg,.modal-close svg{width:17px;height:17px}.month-current{min-width:164px;border:0;background:transparent;color:var(--ink);padding:5px 8px;text-align:center;border-radius:10px}.month-current:hover{background:#e8eee9}.month-current small{display:block;color:var(--muted);font-size:8px;letter-spacing:.14em;font-weight:800}.month-current strong{display:block;margin-top:2px;text-transform:capitalize;font-size:15px}.top-actions{display:flex;align-items:center;gap:10px}.soft-button,.primary-button,.secondary-button,.danger-button{border:0;border-radius:11px;min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s}.soft-button{color:var(--green-800);background:#e3ece7}.soft-button:hover{background:#d5e5dd}.soft-button svg,.primary-button svg,.secondary-button svg,.danger-button svg{width:16px;height:16px}.primary-button{color:#fff;background:var(--green-700);box-shadow:0 8px 18px #1b6c5e33}.primary-button:hover{background:var(--green-800);transform:translateY(-1px)}.secondary-button{color:var(--green-800);background:var(--mint)}.secondary-button:hover{background:#d3eee3}.danger-button{color:#a33b37;background:#fce4e2}.danger-button:hover{background:#f7d4d2}.avatar{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--green-700);border-radius:50%;font-size:12px;font-weight:800;border:3px solid #dcebe5}.view-root{max-width:1580px;margin:0 auto;padding:30px 34px 60px}.view-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{color:var(--green-600);margin:0 0 7px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.15em}.view-header h1{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.08;letter-spacing:-.04em}.view-header p:not(.eyebrow){color:var(--muted);margin:8px 0 0;font-size:13px}.header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hero-panel{position:relative;overflow:hidden;border-radius:22px;padding:25px 28px;color:#fff;background:var(--green-900);box-shadow:var(--shadow);margin-bottom:18px}.hero-panel:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(217,242,126,.18);border-radius:50%;top:-210px;right:-60px;box-shadow:0 0 0 55px #d9f27e09,0 0 0 110px #d9f27e06}.hero-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:22px}.hero-copy p{color:#9ec1ba;margin:4px 0 0;font-size:12px}.hero-copy h1{font-size:clamp(25px,3vw,38px);margin:0;letter-spacing:-.04em}.hero-copy .date-line{color:var(--lime);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:750;margin-bottom:8px}.hero-balance{text-align:right}.hero-balance small{display:block;color:#9ec1ba;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.hero-balance strong{display:block;font-size:clamp(24px,3vw,38px);margin:4px 0;letter-spacing:-.04em}.hero-balance span{display:inline-flex;color:var(--green-950);background:var(--lime);border-radius:20px;padding:4px 9px;font-size:10px;font-weight:800}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.summary-card{position:relative;min-height:125px;border:1px solid #e0e9e4;background:var(--paper);border-radius:var(--radius);padding:18px;box-shadow:0 5px 18px #113a330b;overflow:hidden}.summary-card:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-24px;bottom:-35px;background:var(--card-tint, var(--mint));opacity:.65}.summary-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.summary-card-head span:first-child{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.summary-icon{width:31px;height:31px;display:grid;place-items:center;color:var(--green-700);background:var(--card-tint, var(--mint));border-radius:9px}.summary-icon svg{width:15px}.summary-card strong{display:block;margin-top:15px;font-size:clamp(19px,2vw,25px);letter-spacing:-.04em}.summary-card small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.summary-card small b{color:var(--green-600)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:1 / -1}.panel{background:var(--paper);border:1px solid #e0e9e4;border-radius:var(--radius);box-shadow:0 6px 20px #113a330b;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 12px}.panel-header h2,.panel-header h3{margin:0;font-size:14px;letter-spacing:-.01em}.panel-header p{margin:4px 0 0;color:var(--muted);font-size:10px}.panel-body{padding:8px 18px 18px}.panel-link{color:var(--green-600);background:transparent;border:0;font-size:10px;font-weight:800;padding:5px}.panel-link:hover{text-decoration:underline}.empty-state{display:grid;place-items:center;min-height:180px;text-align:center;color:var(--muted);padding:30px}.empty-state .empty-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--green-600);background:var(--mint);border-radius:16px;margin-bottom:10px}.empty-state h3{margin:0 0 5px;color:var(--ink);font-size:14px}.empty-state p{margin:0 0 15px;font-size:11px;max-width:280px}.donut-wrap{min-height:220px;display:flex;align-items:center;justify-content:center;gap:25px}.donut{--value: 50;--color: var(--green-600);width:154px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--color) calc(var(--value) * 1%),#e8eee9 0);display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px #103f380a}.donut:after{content:"";width:108px;aspect-ratio:1;border-radius:50%;background:#fff;position:absolute;box-shadow:0 3px 15px #103f380d}.donut-center{position:relative;z-index:1;text-align:center;max-width:92px}.donut-center strong{display:block;font-size:18px;letter-spacing:-.04em}.donut-center small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.legend{display:grid;gap:10px;min-width:130px}.legend-item{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;color:var(--muted);font-size:10px}.legend-item i{width:8px;height:8px;border-radius:50%}.legend-item b{color:var(--ink);font-weight:750}.bar-chart{display:grid;gap:12px;padding:6px 0}.bar-row{display:grid;grid-template-columns:minmax(75px,110px) 1fr auto;align-items:center;gap:10px;font-size:10px}.bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;background:#ebf0ed;border-radius:20px;overflow:hidden}.bar-fill{height:100%;min-width:2px;border-radius:inherit;background:var(--bar-color, var(--green-600))}.bar-value{color:var(--muted);white-space:nowrap}.double-bars{display:grid;gap:13px}.double-row{display:grid;grid-template-columns:90px 1fr 1fr;align-items:center;gap:7px;font-size:10px}.mini-track{height:8px;border-radius:20px;background:#e8eeeb;overflow:hidden}.mini-fill{height:100%;border-radius:inherit}.mini-fill.planned{background:#a9c9bd}.mini-fill.actual{background:var(--green-600)}.chart-key{display:flex;gap:14px;color:var(--muted);font-size:9px}.chart-key span{display:flex;align-items:center;gap:5px}.chart-key i{width:8px;height:8px;border-radius:2px}.line-chart{width:100%;min-height:210px}.line-chart svg{width:100%;height:210px;overflow:visible}.line-chart text{fill:#82938f;font-size:9px}.line-chart .grid-line{stroke:#e8eeeb;stroke-width:1}.line-chart .area{fill:url(#areaGradient)}.line-chart .line{fill:none;stroke:var(--green-600);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-chart .point{fill:#fff;stroke:var(--green-600);stroke-width:3}.quick-list{display:grid;gap:3px}.quick-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf1ef}.quick-row:last-child{border-bottom:0}.quick-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--green-700);background:var(--mint)}.quick-icon svg{width:14px}.quick-copy strong{display:block;font-size:11px}.quick-copy small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.quick-value{text-align:right}.quick-value strong{display:block;font-size:11px}.quick-value .paid,.status.paid{color:var(--green-600)}.quick-value .pending,.status.pending{color:#b66a2a}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid #e5ece8}.search-box{position:relative;width:min(310px,100%)}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;color:var(--muted)}.search-box input{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 12px 0 36px;background:#f9fbfa;font-size:11px;color:var(--ink)}.search-box input::placeholder{color:#93a19d}.table-meta{color:var(--muted);font-size:10px;white-space:nowrap}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:750px}.data-table th{color:#79908a;background:#f6f9f7;border-bottom:1px solid #e2eae6;padding:10px 14px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;text-align:left;white-space:nowrap}.data-table td{border-bottom:1px solid #edf2ef;padding:12px 14px;font-size:10px;vertical-align:middle}.data-table tbody tr:hover{background:#fafcfb}.data-table tbody tr:last-child td{border-bottom:0}.cell-title{display:flex;align-items:center;gap:9px;min-width:130px}.cell-title-icon{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:var(--green-700);background:var(--mint);font-weight:800;font-size:9px}.cell-title strong{display:block;font-size:10px}.cell-title small{display:block;color:var(--muted);font-size:8px;margin-top:2px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.money{font-variant-numeric:tabular-nums;font-weight:750;white-space:nowrap}.money.positive{color:var(--green-600)}.money.negative{color:#b94f4b}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;background:#edf2ef;color:#58716b;font-size:8px;font-weight:750;white-space:nowrap}.tag.green{color:#176b58;background:#dff4eb}.tag.orange{color:#9a5b24;background:#faead9}.tag.red{color:#a54542;background:#f9dfdd}.tag.blue{color:#3c7290;background:#e1eff6}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.row-actions{display:flex;gap:4px;justify-content:flex-end}.row-action{width:29px;height:29px;border:1px solid #e0e8e4;color:var(--muted);background:#fff;border-radius:8px;display:grid;place-items:center}.row-action:hover{color:var(--green-700);background:var(--mint)}.row-action.danger:hover{color:#a84743;background:#fae2e0}.row-action svg{width:13px;height:13px}.section-stack{display:grid;gap:16px}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce6e1;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px}.strip-item{padding:17px 20px;border-right:1px solid #e5ece8}.strip-item:last-child{border-right:0}.strip-item small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.strip-item strong{display:block;margin-top:7px;font-size:18px;letter-spacing:-.03em}.goals-grid,.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.goal-card,.credit-card-panel{padding:19px}.goal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.goal-top h3{margin:0;font-size:14px}.goal-top p{margin:4px 0 0;color:var(--muted);font-size:9px}.goal-percent{color:var(--green-700);background:var(--mint);border-radius:9px;padding:6px 8px;font-size:10px;font-weight:800}.progress-track{height:9px;border-radius:20px;background:#e8efeb;margin:18px 0 10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green-700),#5bb89d);border-radius:inherit}.goal-numbers{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.goal-numbers strong{color:var(--ink);display:block;font-size:11px;margin-top:3px}.goal-actions{display:flex;gap:6px;margin-top:15px;padding-top:14px;border-top:1px solid #edf2ef}.credit-card-visual{min-height:150px;border-radius:16px;padding:18px;color:#fff;background:var(--card-color, var(--green-700));position:relative;overflow:hidden;box-shadow:0 14px 26px #0a2f292e}.credit-card-visual:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:35px solid rgba(255,255,255,.08);top:-70px;right:-50px}.card-chip{width:30px;height:23px;border-radius:6px;background:#e9cc80;margin-bottom:24px}.credit-card-visual h3{margin:0;font-size:17px;position:relative;z-index:1}.credit-card-visual p{display:flex;justify-content:space-between;margin:18px 0 0;position:relative;z-index:1;color:#ffffffb8;font-size:9px}.credit-card-visual p strong{display:block;color:#fff;font-size:12px;margin-top:3px}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.card-stat{background:#f3f7f4;border-radius:11px;padding:11px}.card-stat small{color:var(--muted);font-size:8px}.card-stat strong{display:block;font-size:12px;margin-top:4px}.invoice-list{display:grid;gap:8px}.invoice-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 13px;background:#f7f9f8;border-radius:11px}.invoice-row strong{display:block;font-size:11px}.invoice-row small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.toggle{position:relative;width:38px;height:22px;display:inline-block}.toggle input{position:absolute;opacity:0}.toggle span{position:absolute;inset:0;border-radius:30px;background:#cfdad5;transition:.2s}.toggle span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:.2s}.toggle input:checked+span{background:var(--green-600)}.toggle input:checked+span:after{transform:translate(16px)}.settings-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;align-items:start}.setting-section{padding:19px;border-bottom:1px solid #e8eeeb}.setting-section:last-child{border-bottom:0}.setting-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.setting-head h3{margin:0;font-size:13px}.setting-head p{margin:5px 0 0;color:var(--muted);font-size:9px;max-width:480px;line-height:1.5}.setting-control{margin-top:14px}.chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.config-chip{display:inline-flex;align-items:center;gap:7px;background:#edf3ef;border-radius:20px;padding:6px 9px 6px 11px;font-size:9px}.config-chip button{border:0;background:transparent;color:#83948f;padding:0;width:15px;height:15px;display:grid;place-items:center}.config-chip button:hover{color:#b94f4b}.inline-form{display:flex;gap:7px}.inline-form input,.setting-select{min-height:38px;border:1px solid var(--line);background:#fafcfb;color:var(--ink);border-radius:9px;padding:0 11px;font-size:10px}.inline-form input{flex:1;min-width:100px}.danger-zone{border:1px solid #f1d3d0;background:snow}.backup-actions{display:grid;gap:8px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#081f1b9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(620px,100%);max-height:min(88vh,820px);overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px #061d1952;padding:24px;animation:modalIn .18s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-close{position:absolute;top:18px;right:18px}.modal-heading{padding-right:42px;margin-bottom:20px}.modal-heading .eyebrow{margin-bottom:5px}.modal-heading h2{margin:0;font-size:22px;letter-spacing:-.03em}.modal-heading p{margin:6px 0 0;color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:grid;gap:6px}.form-field.full{grid-column:1 / -1}.form-field label{color:#506a64;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #dce5e1;background:#f9fbfa;color:var(--ink);border-radius:10px;padding:10px 11px;font-size:11px}.form-field input,.form-field select{height:41px}.form-field textarea{resize:vertical;min-height:74px}.check-field{display:flex;align-items:center;gap:8px;background:#f5f8f6;border-radius:10px;min-height:41px;padding:0 11px}.check-field input{width:15px;height:15px;accent-color:var(--green-600)}.check-field label{font-size:10px;font-weight:650}.form-error{grid-column:1 / -1;color:#a13f3b;background:#fce8e6;border-radius:9px;padding:9px 11px;font-size:10px;display:none}.form-error.is-visible{display:block}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:5px;padding-top:15px;border-top:1px solid #e7edea}.credit-fields{display:contents}.credit-fields[hidden]{display:none}.confirm-copy{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 20px}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.toast-region{position:fixed;z-index:150;right:20px;bottom:22px;display:grid;gap:9px;pointer-events:none}.toast{min-width:260px;max-width:360px;display:grid;grid-template-columns:28px 1fr;gap:10px;color:#fff;background:var(--green-900);box-shadow:0 14px 35px #082a2440;border-radius:13px;padding:12px 14px;animation:toastIn .25s ease-out}.toast.error{background:#8e403d}.toast-icon{width:26px;height:26px;border-radius:50%;background:#ffffff1f;display:grid;place-items:center}.toast strong{display:block;font-size:11px}.toast p{margin:3px 0 0;color:#ffffffb8;font-size:9px}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.mobile-nav{display:none}@media(max-width:1180px){.summary-grid{grid-template-columns:repeat(2,1fr)}.span-4,.span-5,.span-7,.span-8{grid-column:span 6}.goals-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){:root{--sidebar: 0px}body{padding-bottom:70px}.app-shell{display:block}.sidebar{display:none}.main-content{grid-column:1}.topbar{min-height:66px;padding:8px 15px}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:33px;height:33px;border-radius:10px;padding:8px}.mobile-brand strong{font-size:12px}.month-current{min-width:112px}.month-current small{display:none}.month-current strong{font-size:12px}.icon-button{width:32px;height:32px}.top-actions .soft-button{display:none}.avatar{width:33px;height:33px}.view-root{padding:22px 15px 35px}.view-header{align-items:flex-start}.view-header h1{font-size:26px}.hero-panel{padding:22px 20px}.hero-content{align-items:flex-start}.hero-balance strong{font-size:24px}.summary-grid{gap:10px}.summary-card{min-height:112px;padding:15px}.summary-card strong{font-size:19px}.span-4,.span-5,.span-7,.span-8{grid-column:1 / -1}.stats-strip{grid-template-columns:repeat(2,1fr)}.strip-item:nth-child(2){border-right:0}.strip-item:nth-child(-n+2){border-bottom:1px solid #e5ece8}.goals-grid,.cards-grid,.settings-layout{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:50;inset:auto 0 0;height:67px;display:flex;align-items:stretch;gap:1px;overflow-x:auto;padding:6px 7px 7px;background:#0b352ff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -8px 24px #08262129;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{min-width:62px;flex:1 0 62px;color:#8db2aa;background:transparent;border:0;border-radius:10px;display:grid;place-items:center;align-content:center;gap:3px}.mobile-nav button.is-active{color:var(--green-950);background:var(--lime)}.mobile-nav svg{width:18px;height:18px}.mobile-nav small{font-size:8px;font-weight:750}}@media(max-width:560px){.mobile-brand strong{display:none}.month-picker{gap:1px}.topbar{padding-inline:10px}.view-header{display:grid}.header-actions{width:100%}.header-actions .primary-button{flex:1}.hero-content{display:grid}.hero-balance{text-align:left}.summary-grid{grid-template-columns:1fr 1fr}.summary-card{min-height:105px;padding:13px}.summary-card-head span:first-child{font-size:8px}.summary-icon{width:27px;height:27px}.summary-card strong{font-size:16px;margin-top:12px}.summary-card small{font-size:8px}.panel-header{padding:15px 14px 10px}.panel-body{padding:8px 14px 15px}.donut-wrap{display:grid;justify-items:center}.legend{width:100%}.stats-strip{grid-template-columns:1fr 1fr}.strip-item{padding:14px}.strip-item strong{font-size:15px}.table-toolbar{align-items:stretch;display:grid}.search-box{width:100%}.table-meta{display:none}.form-grid{grid-template-columns:1fr}.form-field.full,.form-error,.form-actions{grid-column:1}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.modal{padding:20px 17px;max-height:92vh}.modal-backdrop{padding:10px;align-items:end}.toast-region{left:12px;right:12px;bottom:78px}.toast{min-width:0;width:100%}.double-row{grid-template-columns:72px 1fr 1fr}.invoice-row{grid-template-columns:1fr auto}.invoice-row .money{grid-column:2;grid-row:1}}@media print{.sidebar,.topbar,.mobile-nav,.header-actions,.row-actions{display:none!important}.app-shell{display:block}.view-root{padding:0}.panel,.summary-card,.hero-panel{break-inside:avoid;box-shadow:none}}[hidden]{display:none!important}.loading-screen{position:fixed;inset:0;z-index:300;display:grid;place-items:center;align-content:center;gap:18px;background:var(--canvas);color:var(--muted)}.loading-screen .brand-mark{animation:breathe 1.5s ease-in-out infinite}.loading-screen p{margin:0;font-size:13px;font-weight:650}@keyframes breathe{50%{transform:translateY(-4px);box-shadow:0 12px 30px #1b6c5e38}}.profile-menu-wrap{position:relative}button.avatar{border:3px solid #dcebe5;padding:0}.profile-menu{position:absolute;top:calc(100% + 10px);right:0;width:250px;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:0 20px 50px #08262133}.profile-menu-head{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:8px 9px 12px;margin-bottom:5px;border-bottom:1px solid var(--line)}.profile-menu-head strong,.profile-menu-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-head strong{font-size:12px}.profile-menu-head small{color:var(--muted);margin-top:3px;font-size:10px}.avatar-small{width:34px;height:34px}.profile-menu>button,.profile-menu>a{width:100%;min-height:39px;border:0;border-radius:9px;background:transparent;color:var(--ink);display:flex;align-items:center;gap:9px;padding:0 10px;font-size:11px;font-weight:650;text-decoration:none}.profile-menu>button:hover,.profile-menu>a:hover{background:var(--mint)}.profile-menu>button svg,.profile-menu>a svg{width:16px}.profile-menu .profile-menu-danger{color:#b24b47}.app-version{display:block;margin-top:7px;color:#6f978e;font-size:9px}.card-status{position:absolute;z-index:2;right:16px;top:15px;padding:4px 8px;border-radius:20px;background:#ffffff26;color:#fff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.credit-card-panel.is-inactive{opacity:.72}.profile-page-grid{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,2fr);gap:16px;align-items:start}.profile-summary{padding:30px 22px;text-align:center}.profile-large-avatar{width:82px;height:82px;margin:0 auto 16px;display:grid;place-items:center;border-radius:26px;background:var(--green-700);color:#fff;box-shadow:0 15px 28px #1b6c5e38;font-size:28px;font-weight:850}.profile-summary h2{margin:0;font-size:19px}.profile-summary p{color:var(--muted);margin:6px 0 12px;font-size:11px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.profile-form label{display:grid;gap:7px;color:var(--ink);font-size:11px;font-weight:750}.profile-form input{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--ink);padding:0 12px;font-size:12px}.profile-form button{grid-column:1/-1;justify-self:end}.profile-signout{width:100%}.setting-head h3{font-size:15px;line-height:1.35}.setting-head p{color:#526c65;font-size:12px;line-height:1.6}.setting-section{padding:25px 23px}.config-chip{min-height:32px;border:1px solid #d9e6e0;color:#284d45;font-size:11px;font-weight:650;padding-block:7px}.config-chip button{color:#647d76;font-size:15px;font-weight:800}.inline-form input,.setting-select{min-height:46px;color:var(--ink);font-size:13px}.setting-select{min-width:240px}.inline-form input::placeholder{color:#728780}.auth-root{min-height:100vh;background:var(--canvas)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(420px,.95fr)}.auth-shell.single{display:grid;place-items:center}.auth-visual{position:relative;overflow:hidden;padding:clamp(32px,5vw,70px);color:#fff;background:var(--green-950);display:flex}.auth-visual:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(217,242,126,.14);border-radius:50%;right:-250px;top:-220px;box-shadow:0 0 0 70px #d9f27e09,0 0 0 140px #d9f27e06}.auth-visual>div{position:relative;z-index:1;width:100%;display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:#9fc0b8;margin-top:2px;font-size:11px}.auth-visual-copy{margin:auto 0;max-width:560px}.auth-kicker{color:var(--lime);font-size:10px;font-weight:850;letter-spacing:.16em}.auth-visual-copy h1{margin:13px 0;font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-.055em}.auth-visual-copy p{max-width:460px;color:#aed0c8;font-size:15px;line-height:1.65}.auth-mini-dashboard{max-width:440px;display:flex;justify-content:space-between;align-items:flex-end;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;background:#ffffff0e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-mini-dashboard small,.auth-mini-dashboard strong{display:block}.auth-mini-dashboard small{color:#8fb6ad;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.auth-mini-dashboard strong{margin-top:5px;font-size:17px}.auth-mini-dashboard span{color:var(--lime);font-size:9px}.auth-visual footer{position:absolute;left:clamp(32px,5vw,70px);bottom:22px;color:#6f978e;font-size:9px}.auth-form-side{display:grid;place-items:center;padding:34px;background:var(--canvas)}.auth-card{width:min(420px,100%);padding:35px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.auth-card h2{margin:0;font-size:29px;letter-spacing:-.04em}.auth-intro{margin:9px 0 25px;color:var(--muted);font-size:12px;line-height:1.55}.auth-form{display:grid;gap:15px}.auth-form>label{display:grid;gap:7px;color:var(--ink);font-size:11px;font-weight:750}.auth-form input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:11px;padding:0 13px;background:var(--canvas);color:var(--ink);font-size:13px}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.password-wrap button{position:absolute;right:7px;top:7px;height:32px;border:0;border-radius:7px;color:var(--green-700);background:var(--mint);font-size:9px;font-weight:800}.auth-form-row{display:flex;justify-content:space-between;align-items:center}.remember-row{display:flex;align-items:center;gap:7px;color:var(--muted);cursor:pointer;font-size:11px}.remember-row input{width:16px;min-height:16px;accent-color:var(--green-600);cursor:pointer}.text-button,.back-button{border:0;background:transparent;color:var(--green-600);padding:0;font-size:10px;font-weight:800}.auth-submit{width:100%;min-height:47px;margin-top:3px}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-switch,.auth-help{color:var(--muted);margin:18px 0 0;font-size:10px;line-height:1.6}.auth-help.centered,.auth-switch{text-align:center}.auth-notice,.auth-success{margin-bottom:15px;padding:11px 13px;border-radius:10px;color:var(--green-800);background:var(--mint);font-size:10px;line-height:1.5}.config-code{display:grid;gap:7px;margin:18px 0}.config-code code{padding:10px 12px;border-radius:8px;background:var(--green-950);color:var(--lime);font-size:10px}.back-button{margin-bottom:25px}.migration-overlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:18px;background:#061c18bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.migration-card{width:min(490px,100%);padding:32px;border-radius:22px;background:var(--paper);box-shadow:0 30px 80px #0000004d}.migration-card h2{margin:0;font-size:25px}.migration-card p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.6}.migration-card>div:last-child{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.migration-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--mint);color:var(--green-700);font-size:20px;margin-bottom:16px}.admin-root{min-height:100vh;background:var(--canvas)}.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:27px 18px;color:#fff;background:var(--green-950);display:flex;flex-direction:column}.admin-sidebar nav{display:grid;gap:7px;margin-top:35px}.admin-sidebar nav button,.admin-sidebar nav a{min-height:40px;padding:0 12px;border:0;border-radius:10px;color:#a9c7c0;background:transparent;text-align:left;text-decoration:none;font-size:11px;font-weight:700;display:flex;align-items:center}.admin-sidebar nav .is-active{color:var(--green-950);background:var(--lime)}.admin-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:17px}.admin-user small,.admin-user strong{display:block}.admin-user small{color:#7ea49b;font-size:9px}.admin-user strong{margin-top:4px;font-size:11px;overflow:hidden;text-overflow:ellipsis}.admin-user button{margin-top:11px;border:0;background:transparent;color:var(--lime);padding:0;font-size:10px}.admin-main{min-width:0;padding:35px}.admin-main>header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.admin-main h1{margin:0;font-size:32px;letter-spacing:-.04em}.admin-main header p:not(.eyebrow){color:var(--muted);margin:6px 0 0;font-size:11px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.admin-stats article{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.admin-stats small{color:var(--muted);font-size:9px;text-transform:uppercase}.admin-stats strong{display:block;margin-top:6px;font-size:22px}.admin-feedback{padding:12px 16px;color:var(--muted);font-size:11px}.admin-feedback.is-error{color:#ac4844;background:#fce5e3}.admin-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:250px}.admin-actions button{border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);padding:5px 7px;font-size:8px}.admin-actions button.danger{color:#b34d48}html[data-theme=dark]{--ink: #e7f2ee;--muted: #9eb4ae;--paper: #14231f;--canvas: #0b1513;--line: #29403a;--shadow: 0 12px 34px rgba(0,0,0,.22);--mint: #193a32;--mint-strong: #286353;color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] .topbar{background:var(--canvas)}html[data-theme=dark] .topbar{border-color:var(--line)}html[data-theme=dark] .panel,html[data-theme=dark] .summary-card,html[data-theme=dark] .stats-strip,html[data-theme=dark] .modal,html[data-theme=dark] .goal-card,html[data-theme=dark] .profile-menu{background:var(--paper);border-color:var(--line)}html[data-theme=dark] .summary-card{--card-tint: #203d36 !important}html[data-theme=dark] .summary-icon,html[data-theme=dark] .quick-icon,html[data-theme=dark] .cell-title-icon,html[data-theme=dark] .empty-icon{background:#1d4037;color:#83cfb6}html[data-theme=dark] .data-table th{color:#b6cac4;background:#10201c;border-color:var(--line)}html[data-theme=dark] .data-table td,html[data-theme=dark] .quick-row,html[data-theme=dark] .setting-section,html[data-theme=dark] .goal-actions{border-color:var(--line)}html[data-theme=dark] .data-table tbody tr:hover{background:#182b26}html[data-theme=dark] .search-box input,html[data-theme=dark] .form-field input,html[data-theme=dark] .form-field select,html[data-theme=dark] .form-field textarea,html[data-theme=dark] .inline-form input,html[data-theme=dark] .setting-select,html[data-theme=dark] .profile-form input{background:#0f1d1a;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .donut:after{background:var(--paper);box-shadow:none}html[data-theme=dark] .bar-track,html[data-theme=dark] .mini-track,html[data-theme=dark] .progress-track{background:#243a34}html[data-theme=dark] .quick-row,html[data-theme=dark] .invoice-row,html[data-theme=dark] .card-stat,html[data-theme=dark] .check-field{background:#10201c}html[data-theme=dark] .soft-button{background:#203730;color:#a8d8c9}html[data-theme=dark] .secondary-button{background:#1c3b33;color:#9fe0ca}html[data-theme=dark] .tag{background:#263a35;color:#bad0c9}html[data-theme=dark] .setting-head h3{color:#f1faf7}html[data-theme=dark] .setting-head p{color:#b7cbc5}html[data-theme=dark] .config-chip{border-color:#365c52;background:#1b3a32;color:#e8fbf5;box-shadow:inset 0 0 0 1px #79cfb20a}html[data-theme=dark] .config-chip button{color:#aed5c9}html[data-theme=dark] .config-chip button:hover{color:#ffaaa4}html[data-theme=dark] .inline-form input::placeholder,html[data-theme=dark] .form-field input::placeholder,html[data-theme=dark] .search-box input::placeholder{color:#8da69f;opacity:1}html[data-theme=dark] .inline-form input:focus,html[data-theme=dark] .setting-select:focus{border-color:#4e8a79}html[data-theme=dark] .settings-layout .secondary-button{border:1px solid #386759;background:#20473c;color:#d9f8ed}html[data-theme=dark] .settings-layout .soft-button{border:1px solid #344d46;color:#d2e5df}html[data-theme=dark] .form-field label{color:#c7dbd5}html[data-theme=dark] .line-chart text{fill:#a9beb8}html[data-theme=dark] .danger-zone{background:#281b1a;border-color:#5c3431}html[data-theme=dark] .month-current,html[data-theme=dark] .icon-button{color:var(--ink);background:var(--paper)}html[data-theme=dark] .line-chart .grid-line{stroke:#2a3c37}html[data-theme=dark] .auth-form-side,html[data-theme=dark] .admin-root{background:var(--canvas)}@media(max-width:820px){.auth-shell{display:block}.auth-visual{min-height:240px;padding:24px}.auth-visual-copy{margin:40px 0 28px}.auth-visual-copy h1{font-size:35px}.auth-visual-copy p{font-size:12px}.auth-mini-dashboard,.auth-visual footer{display:none}.auth-form-side{padding:18px 14px 35px}.auth-card{padding:24px 20px;margin-top:-28px;position:relative;z-index:2}.profile-page-grid,.profile-form{grid-template-columns:1fr}.admin-shell{display:block}.admin-sidebar{position:static;width:100%;height:auto;padding:14px;flex-direction:row;align-items:center;gap:15px}.admin-sidebar nav{margin:0 0 0 auto;display:flex}.admin-sidebar nav button{display:none}.admin-user{margin:0;padding:0;border:0}.admin-user small,.admin-user strong{display:none}.admin-user button{margin:0}.admin-main{padding:22px 14px}.admin-main>header{align-items:flex-start}.admin-stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.auth-visual{min-height:210px}.auth-visual-copy{margin-top:30px}.auth-visual-copy h1{font-size:30px}.profile-menu{position:fixed;top:62px;right:10px;width:min(270px,calc(100vw - 20px))}.inline-form{display:grid}.setting-section{padding:20px 17px}.setting-head p{font-size:11.5px}.chip-list{gap:8px}.config-chip{min-height:35px}.inline-form .secondary-button{min-height:44px}.setting-select{width:100%;min-width:0}.admin-main>header{display:grid}.admin-stats{gap:8px}}