:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1eb;--surface:#fff;--surface-soft:#ebe5dc;--text:#151515;--muted:#6f6a62;--line:#ddd4c8;--accent:#111;--accent-2:#0f766e;--danger:#b42318;--radius:8px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page{min-height:100dvh;padding:24px}.shell{width:min(1120px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:18px 0 24px;display:flex;position:relative}.brand{gap:3px;display:grid}.brand strong{font-size:20px}.brand span,.muted{color:var(--muted)}.topbar-actions{align-items:center;gap:10px;display:flex}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.metric{gap:8px;display:grid}.metric span{color:var(--muted);font-size:14px}.metric strong{font-size:clamp(28px,4vw,42px);line-height:1}.button{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:0;min-height:44px;padding:0 16px}.button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.input{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;min-height:46px;padding:0 12px}.form{gap:12px;display:grid}.form-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.admin-kpi-form{gap:14px;display:grid}.compact-input{width:92px;min-height:38px}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;place-items:center;width:40px;height:40px;font-size:18px;line-height:1;list-style:none;display:inline-grid}.icon-button.active{border-color:var(--accent);background:var(--accent);color:#fff}.icon-button::-webkit-details-marker{display:none}.settings-menu{position:relative}.settings-popover{z-index:10;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(980px,100vw - 32px);max-height:min(760px,100dvh - 110px);padding:16px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 18px 48px #1e18122e}.settings-tabs>input{opacity:0;pointer-events:none;position:absolute}.settings-tab-buttons{gap:8px;padding-bottom:14px;display:flex}.settings-tab-buttons label{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;display:inline-flex}#settings-tab-salary:checked~.settings-tab-buttons label[for=settings-tab-salary],#settings-tab-accounts:checked~.settings-tab-buttons label[for=settings-tab-accounts]{border-color:var(--accent);background:var(--accent);color:#fff}.settings-pane{display:none}#settings-tab-salary:checked~.settings-content .salary-pane,#settings-tab-accounts:checked~.settings-content .accounts-pane{display:block}.settings-form{gap:16px;display:grid}.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.settings-grid label{gap:6px;display:grid}.settings-grid label span{color:var(--muted);font-size:13px}.settings-form h3{margin:0 0 10px}.settings-table{max-height:330px}.settings-table table{min-width:860px}.account-input{min-width:150px;min-height:38px}.account-select{min-width:140px;min-height:38px}.settings-page-tabs>input{opacity:0;pointer-events:none;position:absolute}.settings-page-nav{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.settings-page-nav label{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;min-height:40px;padding:0 16px;display:inline-flex}#settings-page-salary:checked~.settings-page-nav label[for=settings-page-salary],#settings-page-accounts:checked~.settings-page-nav label[for=settings-page-accounts],#settings-page-password:checked~.settings-page-nav label[for=settings-page-password]{border-color:var(--accent);background:var(--accent);color:#fff}.settings-page-pane{display:none}#settings-page-salary:checked~.settings-page-salary,#settings-page-accounts:checked~.settings-page-accounts,#settings-page-password:checked~.settings-page-password{display:block}.settings-section{border-top:1px solid var(--line);grid-template-columns:minmax(180px,.36fr) minmax(0,1fr);gap:18px;padding:18px 0;display:grid}.settings-section h2{margin:0 0 6px}.settings-section p{margin:0}.cardless-section{border-top:0}.compact-password-form{max-width:520px}.compact-password-form label{gap:6px;display:grid}.compact-password-form label span{color:var(--muted);font-size:13px}.form-message{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:12px 14px}.form-message.success{color:#115e59;background:#0f766e17;border-color:#0f766e47}.form-message.error{color:var(--danger);background:#b4231814;border-color:#b4231842}.compact-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-list{gap:8px;display:grid}.account-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.account-row summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;list-style:none;display:flex}.account-row summary::-webkit-details-marker{display:none}.account-row summary>span:first-child{gap:3px;min-width:0;display:grid}.account-row[open] summary{border-bottom:1px solid var(--line);background:#faf8f4}.account-editor{grid-template-columns:minmax(160px,.9fr) repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.account-editor label{gap:6px;display:grid}.account-editor label span{color:var(--muted);font-size:13px}.toggle-row{grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:8px;min-height:46px}.toggle-row input{width:18px;height:18px}.status-pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:5px 10px;font-size:13px}.status-pill.active{color:var(--accent-2);background:#0f766e14;border-color:#0f766e4d}.sticky-actions{border:1px solid var(--line);border-radius:var(--radius);background:#fffffff0;padding:12px;position:sticky;bottom:12px;box-shadow:0 10px 30px #1e18121f}.progress{background:var(--surface-soft);border-radius:999px;height:12px;overflow:hidden}.progress div{background:var(--accent-2);height:100%}.plan-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.plan-header p{margin:4px 0 0}.plan-progress-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px}.plan-progress{background:linear-gradient(90deg,#c2410c 0%,#facc15 75%,#16a34a 100%);border-radius:999px;height:14px;position:relative;overflow:hidden}.plan-progress:after{z-index:1;top:0;bottom:0;right:0;left:var(--progress,0%);content:"";background:#ffffffc2;position:absolute}.plan-progress-marker{z-index:3;background:#fff;width:2px;position:absolute;top:-4px;bottom:-4px;left:75%;box-shadow:0 0 0 1px #1111112e}.plan-progress-labels{height:18px;color:var(--muted);margin-top:6px;font-size:13px;position:relative}.plan-progress-labels span{position:absolute;top:0}.plan-progress-labels span:first-child{left:0}.plan-progress-labels span:nth-child(2){left:75%;transform:translate(-50%)}.plan-progress-labels span:last-child{right:0}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 14px}th{color:var(--muted);font-size:13px;font-weight:600}tr:last-child td{border-bottom:0}.master-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.master-header,.master-summary{grid-template-columns:minmax(170px,1.45fr) minmax(92px,1fr) minmax(82px,.8fr) minmax(92px,1fr) minmax(72px,.7fr) minmax(92px,1fr) minmax(92px,1fr) minmax(82px,.85fr) minmax(92px,1fr) minmax(82px,.8fr) minmax(110px,1.05fr);min-width:1080px;display:grid}.master-header{color:var(--muted);border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.master-header span{padding:12px}.master-row{border-bottom:1px solid var(--line);display:block}.master-row:last-child{border-bottom:0}.master-summary{cursor:pointer;align-items:center;list-style:none}.master-summary::-webkit-details-marker{display:none}.master-row[open] .master-summary{border-bottom:1px solid var(--line);background:#faf8f4}.master-cell{white-space:nowrap;align-content:center;gap:6px;min-height:52px;padding:10px 12px;display:grid}.master-name{font-weight:700}.master-details{background:var(--surface-soft);padding:16px}.mini-progress{background:linear-gradient(90deg,#c2410c 0%,#facc15 75%,#16a34a 100%);border-radius:999px;width:72px;height:6px;position:relative;overflow:hidden}.mini-progress:after{top:0;bottom:0;right:0;left:var(--progress,0%);content:"";background:#ffffffc7;position:absolute}.mini-progress:before{z-index:2;top:0;bottom:0;left:var(--progress,0%);content:"";background:#fff;width:2px;position:absolute}.master-progress-cell{grid-template-columns:72px auto;align-items:center}.compact-master-header,.compact-master-summary{grid-template-columns:minmax(170px,.75fr) minmax(220px,1.25fr);min-width:0}.salary-hero{text-align:center;justify-items:center;gap:8px;display:grid}.salary-hero>span{color:var(--muted)}.salary-hero>strong{letter-spacing:0;font-size:clamp(42px,8vw,72px);line-height:.95}.salary-hero-details{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 18px;font-weight:600;display:flex}.report-card{overflow:hidden}.details-card>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.details-card>summary::-webkit-details-marker{display:none}.report-summary{cursor:pointer;gap:8px;min-height:100%;list-style:none;display:grid}.report-summary::-webkit-details-marker{display:none}.report-card[open] .report-summary{border-bottom:1px solid var(--line);min-height:auto;padding-bottom:14px}.details-card>summary span{color:var(--muted);font-weight:600}.report-summary strong{overflow-wrap:normal}.report-body{color:var(--text);gap:9px;font-size:16px;line-height:1.35;display:grid}.report-card .report-body strong{font-size:16px;line-height:inherit;font-weight:700}.report-card[open] .report-body{padding-top:14px}.report-total{border-top:1px solid var(--line);padding-top:9px}.compact-button{width:fit-content;min-height:34px;padding:0 12px}.details-card{gap:12px;display:grid}.password-field{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.password-field .input{background:0 0;border:0}.password-toggle{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:0 12px 12px 0;justify-content:center;align-items:center;padding:0 12px;display:flex}.password-toggle:hover{color:var(--accent)}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;min-height:38px;padding:0 14px;display:inline-flex}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width:760px){.page{padding:12px}.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 16px}.topbar-actions{justify-content:space-between;align-items:flex-start;width:100%}.grid-2,.grid-3{grid-template-columns:1fr;gap:10px}.card{padding:14px}.metric{gap:6px}.metric strong{font-size:30px}.tabs{gap:6px}.tab{min-height:34px;padding:0 11px;font-size:14px}.master-list{background:0 0;border:0;overflow:visible}.master-header{display:none}.master-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:10px;overflow:hidden}.master-row[open] .master-summary{border-bottom:1px solid var(--line)}.master-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0;padding:10px}.compact-master-summary{grid-template-columns:minmax(0,1fr)}.master-cell{white-space:normal;word-break:break-word;min-height:auto;padding:7px 8px}.master-cell:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:400}.master-name{border-bottom:1px solid var(--line);grid-column:1/-1;padding-bottom:10px;font-size:17px}.master-name:before{content:""}.master-progress-cell{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.master-progress-cell:before{grid-column:1/-1}.mini-progress{width:100%}.master-details,.plan-progress-card{padding:12px}.form-footer{flex-direction:column;align-items:stretch}.settings-grid{grid-template-columns:1fr}.settings-popover{left:auto;right:0}.settings-section,.compact-settings-grid,.account-editor{grid-template-columns:1fr}.account-row summary{flex-direction:column;align-items:flex-start}.sticky-actions{align-items:stretch}.plan-header{flex-direction:column}}