html,body{overflow-x:hidden}@font-face{font-family:IBM Plex Sans Devanagari;src:url(/assets/IBMPlexSansDevanagari-Regular-Blh7xAu-.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Devanagari;src:url(/assets/IBMPlexSansDevanagari-Medium-Cym1Nslt.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Devanagari;src:url(/assets/IBMPlexSansDevanagari-SemiBold-7VUExI6O.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Devanagari;src:url(/assets/IBMPlexSansDevanagari-Bold-CMQam0Eh.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Modak;src:url(/assets/Modak-Regular-DIBFXdsY.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(/assets/Rajdhani-Bold-DpQCrXtY.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#0b1220;--card:#0f1a2e;--text:#e5e7eb;--muted:#9ca3af;--border:rgba(255,255,255,.08);--primary:#2563eb;--primary2:#1d4ed8;--good:#15803d;--bad:#b91c1c}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans Devanagari,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}h1,h2,h3{margin:0}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}p{margin:0}a{color:inherit}.muted{color:var(--muted)}.small{font-size:12px}.mt{margin-top:12px}.w100{width:100%}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px;box-shadow:0 8px 22px #00000038}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.center.auth-center{background:#111317}.login-card{max-width:420px;width:100%}.login-wrap{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:12px}.login-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.login-brand-outside{margin-bottom:0}.login-brand .brand-logo{height:34px;width:auto}.login-brand .brand-logo-lg{height:68px;width:auto}.login-credits{font-size:clamp(10px,2.8vw,12px);opacity:.45;line-height:1.2;text-align:center;width:100%;max-width:100%;padding:0 10px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.login-credits::-webkit-scrollbar{display:none}@media (max-width: 480px){.center{padding:14px}.center.auth-center{overflow-y:auto}.login-wrap{gap:10px}.login-brand .brand-logo-lg{height:54px;max-width:90vw}}.label{font-size:12px;color:var(--muted);margin-bottom:6px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none}.inputwrap{position:relative}.input-padright{padding-right:44px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.pw-toggle:hover{background:#ffffff14}.input:focus{border-color:#2563eb80;box-shadow:0 0 0 3px #2563eb26}.btn{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}.btn:hover{background:#ffffff14}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary2));border-color:#ffffff1f}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent}.iconbtn{width:36px;height:36px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.link{background:transparent;border:none;color:#93c5fd;cursor:pointer;padding:0}.link:hover{text-decoration:underline}.danger{color:#fca5a5}.iconbtn.danger{border-color:#ef444440;background:#ef44441a}.iconbtn.danger:hover{background:#ef444424}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#00000014;cursor:pointer;-webkit-user-select:none;user-select:none}.seg-item input{margin:0}.seg-item.on{border-color:#78b4ff73;background:#78b4ff1a}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);padding:10px 12px;border-radius:12px}.ok{background:#22c55e1f;border:1px solid rgba(34,197,94,.25);padding:10px 12px;border-radius:12px}.linklike{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;color:#e2e8f0;text-decoration:underline;cursor:pointer;font-weight:700}.linklike:hover{opacity:.9}.info{background:#2563eb1f;border:1px solid rgba(37,99,235,.25);padding:10px 12px;border-radius:12px;margin-top:10px}.hint{font-size:12px;color:var(--muted);margin-top:10px}.checkrow{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);-webkit-user-select:none;user-select:none}.app{min-height:100vh;display:flex}.sidebar{width:260px;padding:16px;border-right:1px solid var(--border);background:#e3f9fc;-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;top:0;height:100vh;align-self:flex-start;display:flex;flex-direction:column;overflow-y:auto}@media (min-width: 761px){.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;z-index:20}.main{margin-left:260px}}.sidebar,.drawer{--text:#0b1220;--muted:#475569;--border:rgba(15,23,42,.12);--card:#ffffff;color:var(--text)}.sidebar .nav button:hover,.drawer .nav button:hover{background:#0f172a0f}.sidebar .btn,.drawer .btn{background:#0f172a0a}.sidebar .btn:hover,.drawer .btn:hover{background:#0f172a0f}.sidebar .btn-danger,.drawer .btn-danger{background:#ef44441a;border-color:#ef444440;color:#7f1d1d}.sidebar .btn-danger:hover,.drawer .btn-danger:hover{background:#ef444424}.sidebar .muted,.drawer .muted{color:var(--muted)}.brand{padding:8px 10px;margin-bottom:12px}.brand-name{font-weight:800;font-size:18px;display:flex;align-items:center;gap:10px}.brand-logo{display:block;height:24px;width:auto}.brand-sub{font-size:12px}.nav{display:grid;gap:6px;margin-top:8px}.sidebar .nav{flex:1;align-content:start}.nav button{text-align:left;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer}.nav button:hover{background:#ffffff0f}.nav-on{background:#2563eb24!important;border-color:#2563eb40!important}.sidebar-foot{position:static;margin-top:auto;display:grid;gap:10px}.main{flex:1;padding:16px 16px 64px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.period{display:flex;align-items:center;gap:12px}.period-label{font-size:12px}.period-controls{display:flex;gap:8px;align-items:center}.year-stepper{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--border);border-radius:14px;background:#ffffff08}.year-stepper .iconbtn{width:34px;height:34px;border-radius:12px}.year-val{min-width:64px;text-align:center;font-weight:800;letter-spacing:.5px}.month-dd{position:relative}.month-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer}.logout-btn{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(239,68,68,.25);background:#ef44441a;color:#fecaca;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.logout-btn:hover{background:#ef444424}.sidebar .logout-btn,.drawer .logout-btn{color:#7f1d1d;border-color:#ef444447;background:#ef444424}.sidebar .logout-btn:hover,.drawer .logout-btn:hover{background:#ef44442e}@media (min-width: 761px){.sidebar .logout-btn{background:#ef444438;border-color:#ef44446b;color:#5b1111;padding-left:12px;padding-right:20px}.sidebar .logout-btn:hover{background:#ef444442}}.logout-ico{font-size:16px}.logout-text{font-weight:700}.month-btn .chev{opacity:.8}.month-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:50;min-width:140px;max-height:320px;overflow:auto;padding:6px;border-radius:14px;border:1px solid var(--border);background:#0a0f19f2;box-shadow:0 20px 60px #00000073}.month-item{width:100%;text-align:left;padding:10px;border-radius:12px;border:none;background:transparent;color:var(--text);cursor:pointer}.month-item:hover{background:#ffffff0f}.month-item.on{background:#2563eb2e}.content{max-width:1200px;margin:0 auto;display:grid;gap:12px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpis-pay{display:grid;gap:12px}.kpi-group{display:grid;gap:10px}.kpi-group-title{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding-left:2px}.kpi-group-title-total{color:#d8b4fef2}.kpi-title{font-size:12px;color:var(--muted)}.kpi-value{font-size:24px;font-weight:800;margin-top:6px;max-width:100%}.kpi-sub{font-size:12px;margin-top:4px}.good{color:var(--good)}.bad{color:var(--bad)}.kpi-card{position:relative;overflow:hidden;min-width:0}.kpi-card:before{content:none}.kpi-card.kpi-card-card,.kpi-card.kpi-card-cash{border-color:var(--border)}.kpi-card.kpi-total{border-color:#a855f7a6;background:#a855f738;box-shadow:0 10px 30px #00000040,inset 0 0 0 1px #a855f738}.kpi-card.kpi-kind-income,.kpi-card.kpi-kind-expense{background:#e3f9fc!important;box-shadow:0 10px 26px #00000024,inset 0 0 0 1px #0206170f;text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-color:#2563eba6!important}.kpi-card.kpi-kind-income:after,.kpi-card.kpi-kind-expense:after{content:none!important}.kpi-card.kpi-kind-balance{background:#e3f9fc!important;border-color:#2563eba6!important;box-shadow:0 10px 26px #00000024,inset 0 0 0 1px #0206170f;color:#0b1220;text-align:left;display:block}.kpi-card.kpi-kind-balance .kpi-title{color:#334155}.kpi-card.kpi-kind-balance .kpi-value,.kpi-card.kpi-kind-income .kpi-value,.kpi-card.kpi-kind-expense .kpi-value{font-family:Modak,cursive;font-weight:400;letter-spacing:.01em;line-height:1.05}.kpi-card.kpi-kind-income .kpi-title,.kpi-card.kpi-kind-expense .kpi-title,.kpi-card.kpi-kind-income .kpi-sub,.kpi-card.kpi-kind-expense .kpi-sub{color:#334155}.kpi-card.kpi-kind-income .kpi-sub.muted,.kpi-card.kpi-kind-expense .kpi-sub.muted{color:#334155!important}.kpi-card.kpi-kind-balance .kpi-value.good{color:#4f46e5!important}.kpi-card.kpi-kind-balance .kpi-value.bad{color:#dc2626!important}.kpi-card.kpi-kind-balance .kpi-sub{color:#334155}.kpi-card.kpi-kind-balance:after{content:none!important}.kpi-delta{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;margin-top:10px;width:fit-content}.kpi-delta.up{background:#10b98124;color:#059669;border:1px solid rgba(16,185,129,.25)}.kpi-delta.down{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.24)}.kpi-delta.neutral{background:#94a3b82e;color:#475569;border:1px solid rgba(148,163,184,.3)}.kpi-delta .kpi-delta-sub{font-weight:800;opacity:.9}@media (max-width: 640px){.item,.item .left{min-width:0}.item .right{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annual-pay .kpi-delta{flex-wrap:wrap;min-height:38px;border-radius:12px}.annual-pay .kpi-delta .muted{flex-basis:100%;line-height:1.1}.kpi-card .kpi-value{font-size:clamp(28px,8.5vw,44px);white-space:normal;overflow-wrap:anywhere;word-break:break-word}}.grid3{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:start}.stack{display:flex;flex-direction:column;gap:12px;min-width:0}.span2{grid-column:1 / span 1}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.list{display:grid;gap:10px;margin-top:10px}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#ffffff08}.item[role=button]{cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.item[role=button]:hover{background:#ffffff0f;border-color:#ffffff2e}.item[role=button]:active{transform:translateY(1px)}.item .left{display:flex;align-items:center;gap:10px}.item .actions{display:flex;gap:12px}.item .right{font-weight:700}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;border:1px solid rgba(255,255,255,.2)}.row{display:flex;gap:10px;align-items:center}.grid{display:grid;gap:10px}.registered-grid{gap:16px;margin-top:6px}.table{display:grid;gap:8px}.trow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#ffffff08;min-width:0}.tleft{display:flex;align-items:center;gap:10px;min-width:0}.tmain{min-width:0}.tmain{display:flex;flex-direction:column;justify-content:center}.tname{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.tsub{font-size:12px;margin-top:2px}.tright{display:flex;align-items:center;gap:12px}.tamt{font-weight:800;white-space:nowrap}@media (max-width: 640px){.tright{min-width:0}.tright.tright-full{flex-shrink:0}.tright.tright-full .tamt{max-width:none;overflow:visible;text-overflow:clip}.tamt{max-width:55vw;overflow:hidden;text-overflow:ellipsis}.tamt.tamt-full{max-width:90vw;overflow:visible;text-overflow:clip}.trow-recurring .tamt{max-width:72vw}}.empty{padding:10px 0}.pill{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;white-space:nowrap}.pill-good{border-color:#22c55e40;background:#22c55e1f;color:#86efac}.pill-bad{border-color:#ef444440;background:#ef44441f;color:#fecaca}.pillcol{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.paytag{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;white-space:nowrap;line-height:1}.paytag-icon{line-height:1}.paytag.card{border-color:#3b82f640;background:#3b82f61a;color:#bfdbfe}.paytag.cash{border-color:#eab30847;background:#eab3081f;color:#fde047}.payselect{width:54px;min-width:54px;text-align:center;padding-left:10px;padding-right:10px}.seg{display:flex;gap:0;flex-wrap:nowrap;border:1px solid var(--border);background:#ffffff08;border-radius:12px;overflow:hidden}.seg button{padding:10px 12px;background:transparent;border:0;border-radius:0;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap}.seg button+button{border-left:0;box-shadow:inset 1px 0 0 var(--border)}.seg button:hover{background:#ffffff0f}.seg-on{background:#2563eb24!important}.filters-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer;min-height:44px;white-space:nowrap;max-width:100%;flex:1 1 auto;min-width:0;overflow:hidden}.filters-btn:hover{background:#ffffff0f}.filters-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.filters-current{margin-left:8px;font-size:12px;opacity:.75;overflow:hidden;text-overflow:ellipsis}.filter-menu{display:flex;flex-direction:column;gap:10px}.filter-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer;text-align:left}.filter-item:hover{background:#ffffff0f}.filter-item.on{background:#2563eb24}.filter-label{display:flex;align-items:center;gap:8px;font-size:15px}.filter-check{width:18px;text-align:center;opacity:.9}.recurring-head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}@media (max-width: 720px){.recurring-head-actions{align-items:flex-start}}.seg-tight{gap:0;flex-wrap:nowrap}.seg-tight button{flex:0 0 auto}.accordion{display:grid;gap:8px;margin-top:10px}.acc-item{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#ffffff08}.acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:transparent;border:0;color:var(--text);cursor:pointer}.acc-left{display:flex;align-items:center;gap:10px}.acc-title{font-weight:700}.acc-right{display:flex;align-items:center;gap:10px}.chev{opacity:.8}.acc-body{padding:12px;border-top:1px solid var(--border);display:grid;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:16px;z-index:50}.modal-backdrop.modal-backdrop-full{padding:0;place-items:stretch}.modal{width:min(560px,100%);background:#0f1a2efa;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000080}.modal.salary-modal{width:min(760px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0}.modal-title{font-weight:800}.modal-body{padding:12px}@media (max-width: 980px){.sidebar{width:220px}.kpis,.grid3{grid-template-columns:1fr}.tname{max-width:320px}}@media (max-width: 760px){.sidebar{display:none}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.annual-pay{display:grid;grid-template-columns:1fr 1fr;gap:12px}.annual-pay .kpi-group{min-width:0}.annual-pay .kpi-group .kpis{grid-template-columns:1fr}.toast{display:flex!important}.topbar{padding:12px 0 8px;flex-wrap:nowrap;align-items:center;position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-left{flex:1 1 auto;display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}.topbar-right{flex:0 0 auto;margin-left:auto;flex-shrink:0;display:flex;align-items:flex-start;gap:10px}.topbar-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.period{display:flex;flex:1 1 auto;min-width:0;align-items:center;flex-direction:row;gap:10px;justify-content:flex-end;flex-wrap:nowrap;margin-left:auto;position:relative}.period-controls{flex-wrap:nowrap;align-items:center;justify-content:flex-end;min-width:0}.year-stepper{padding:5px;gap:6px}.year-stepper .iconbtn{width:32px;height:32px;border-radius:11px}.month-btn{padding:9px 10px}.ping-slot{position:absolute;top:calc(100% + 6px);right:0;left:auto;height:auto;margin:0;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;z-index:5}.ping{max-width:100%;white-space:normal}.page-head{flex-direction:column;align-items:flex-start}.row{flex-direction:column;align-items:stretch}.year{max-width:100%}.tname{max-width:220px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tsub{font-size:11px}.trow{min-height:92px}.tright{display:grid;grid-template-columns:1fr 44px;grid-template-rows:1fr 1fr;column-gap:10px;row-gap:8px;justify-items:end;align-items:center}.tright>.tamt{grid-column:1;grid-row:1 / span 2;align-self:center;justify-self:end;text-align:right;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding-left:12px}.tright>:nth-child(2){grid-column:2;grid-row:1}.tright>:nth-child(3){grid-column:2;grid-row:2}.modal .input,.modal select.input,.modal input[type=date],.modal input[type=text],.modal input[type=password],.modal input[type=email],.modal input[type=number],.modal textarea{font-size:16px}}select.input{color:var(--text);background:#ffffff0a;color-scheme:dark}select.input option{background:var(--bg);color:var(--text)}select.input option:hover{background:var(--primary2);color:#fff}select.input option:checked{background:var(--bg);color:var(--text)}select.input optgroup{background:var(--bg);color:var(--text)}.dd{position:relative;display:inline-block;width:100%}.dd-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000024;color:var(--text)}.dd-btn:focus{outline:none;border-color:#63b3ed8c;box-shadow:0 0 0 2px #63b3ed2e}.dd-caret{opacity:.75;margin-left:12px}.dd-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#e3f9fc;border:1px solid rgba(15,23,42,.12);border-radius:12px;box-shadow:0 18px 50px #00000059;max-height:320px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;z-index:9999}.dd-item{width:100%;text-align:left;padding:10px 12px;background:transparent;border:0;color:#0b1220;cursor:pointer}.dd-item:hover{background:var(--primary2);color:#fff}.dd-item.active{font-weight:600}.ping-slot{margin-top:0}.ping-off{opacity:0;transform:translateY(-2px);pointer-events:none}.ping-on{opacity:1;transform:translateY(0)}@media (min-width: 761px){.ping-slot[data-show="0"]{display:none}.paytag{display:inline-flex;align-items:center;justify-content:center;line-height:1;height:18px;padding-top:0;padding-bottom:0}.paytag .paytag-icon{display:flex;align-items:center;justify-content:center;line-height:1;transform:translateY(-1.8px)}.paytag.card .paytag-icon{transform:translateY(-2.7px)}}.ping{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(37,99,235,.25);background:#2563eb1f;font-size:12px;transition:opacity .18s ease,transform .18s ease}.ping-dot{width:8px;height:8px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px #2563eb2e}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.topbar-right{display:flex;align-items:center;gap:10px}.mobile-only{display:none}.desktop-only{display:flex}.toast{display:none;position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:120;padding:10px 12px;border-radius:14px;border:1px solid rgba(37,99,235,.25);background:#0a0f19eb;box-shadow:0 20px 60px #00000073;color:var(--text);gap:10px;align-items:center;max-width:min(92vw,520px);min-width:0}.toast-dot{width:10px;height:10px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px #2563eb2e}.toast-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.toast-off{opacity:0;transform:translate(-50%) translateY(-8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.toast-on{opacity:1;transform:translate(-50%) translateY(0);transition:opacity .16s ease,transform .16s ease}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:none;z-index:60}.drawer-backdrop.open{display:block}.drawer{position:fixed;top:0;left:0;height:100dvh;width:min(320px,86vw);background:#e3f9fc;border-right:1px solid var(--border);padding:14px;transform:translate(-105%);transition:transform .18s ease;box-shadow:0 20px 60px #0000008c}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:6px 2px 10px;border-bottom:1px solid var(--border)}.drawer-nav{margin-top:12px}.drawer-foot{position:absolute;left:14px;right:14px;bottom:14px}@media (max-width: 420px){.trow{align-items:center}.tright{display:grid}.tname{max-width:160px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kpi-value{font-size:22px}}.hidden{display:none!important}.btn-danger{background:#ef444429;border:1px solid rgba(239,68,68,.35);color:#fecaca}.btn-danger:hover{background:#ef444438}.detail-value{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#02061738}.fab-add{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:999px;display:none;align-items:center;justify-content:center;font-size:28px;line-height:1;background:linear-gradient(180deg,var(--primary),var(--primary2));border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000059;z-index:60}.fab-add:active{transform:scale(.98)}@media (max-width: 820px){.fab-add{display:flex}}.quick-categories-card{border-color:#22d3ee33;background:radial-gradient(900px 260px at 20% 0%,rgba(34,211,238,.12),transparent 60%),linear-gradient(180deg,#22d3ee0f,#02061759)}.quick-categories-card .card-head h3{color:#a5f3fcf2}@media (min-width: 821px){.quick-categories-card .acc-item,.quick-categories-card .acc-body{overflow:visible}}.chart-wrap{display:grid;gap:10px}.chart{width:100%;height:220px}.chart-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:2px}.axis{stroke:#ffffff1f;stroke-width:2}.axis-dashed{stroke-dasharray:6 6}.bar{opacity:.95}.goodfill{fill:var(--good);background:var(--good)}.badfill{fill:var(--bad);background:var(--bad)}.line{stroke:#93c5fdf2;stroke-width:3.5}.dotpt{fill:#93c5fdf2;stroke:#0b1220e6;stroke-width:2}.line-good{stroke:var(--good)}.line-bad{stroke:var(--bad)}.dotpt-good{fill:var(--good)}.dotpt-bad{fill:var(--bad)}.xlab{fill:#e5e7ebb8;font-size:12px}.barpct{fill:#e5e7ebe0;font-size:11px;font-weight:700}.chart-legend-inline{display:flex;align-items:center;gap:8px;justify-content:flex-end}.swatch{width:12px;height:12px;border-radius:4px;display:inline-block}.donut{display:flex;justify-content:center}.donut-bg{stroke:#ffffff14;fill:none}.donut-center{fill:var(--text);font-weight:700;font-size:18px}.donut-sub{fill:#e5e7eb9e;font-size:12px}.donut-pct{fill:#e5e7ebeb;font-size:17px;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.35);pointer-events:none}.donut-leader{stroke:#e5e7eb8c;stroke-width:1.7}.donut-leader-dot{fill:#e5e7ebbf}.legend{display:grid;gap:8px}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:#ffffff08}.legend-left{display:flex;align-items:center;gap:10px;min-width:0}.legend-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.legend-right{display:flex;align-items:center;gap:6px;white-space:nowrap}@media (max-width: 820px){.chart{height:200px}.chart.chart-bar{height:280px}.xlab{font-size:13px}.barpct{font-size:12px}.donut-pct{font-size:18px}.legend-name{max-width:160px}}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#94a3b833;border:1px solid rgba(148,163,184,.35)}.badge-off{background:#ef44441f;border-color:#ef44444d}.badge-rec{background:#22c55e1a;border-color:#22c55e47}.trow-recurring{border-style:dashed!important;border-color:#22c55e38!important;background:#22c55e0d}.trow-annual{border-style:dashed!important;border-color:#f9731647!important;background:#f973160d}.trow-annual-off{opacity:.62;filter:grayscale(.6);border-style:dashed!important;border-color:#ef444459!important;background:#ef44440f}.trow-annual-off .muted,.trow-annual-off .iconbtn{opacity:.9}.recurring-card{border-color:#22c55e38;background:linear-gradient(180deg,#22c55e0f,#0f1a2ee0)}.recurring-hint{margin-top:-6px;margin-bottom:10px}.recurring-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recurring-grid-mobile{grid-template-columns:1fr}.recurring-col-title{font-weight:800;margin-bottom:8px}.recurring-filters{display:grid;grid-template-columns:160px 160px 180px 1fr;gap:12px}.recurring-filters-mobile{grid-template-columns:1fr 1fr}.recurring-search{grid-column:4 / span 1}@media (max-width: 720px){.recurring-search{grid-column:1 / span 2}}.recurring-item{cursor:pointer}.recurring-item:hover{background:#94a3b814}.recurring-off{opacity:.62;filter:grayscale(.6);border-style:dashed!important;border-color:#ef444459!important;background:#ef44440f}.recurring-off .muted,.recurring-off .iconbtn{opacity:.9}.recurring-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.recurring-right{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.recurring-actions{display:flex;gap:8px;align-items:center}@media (max-width: 720px){.recurring-item{flex-direction:column;align-items:flex-start}.recurring-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.recurring-actions{flex-wrap:nowrap}}.wizard-steps{display:flex;gap:8px;flex-wrap:wrap}.wizard-steps .step{border:1px solid rgba(148,163,184,.35);background:transparent;color:inherit;padding:6px 10px;border-radius:999px;cursor:pointer;font-weight:700;font-size:12px}.wizard-steps .step.on{background:#94a3b82e}@media (max-width: 720px){.modal.modal-fullscreen-mobile{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.modal.modal-fullscreen-mobile .modal-body{height:calc(100vh - 54px);overflow:auto}}.salary-edit{display:grid;gap:14px;min-width:0}.salary-grid{display:grid;gap:12px;min-width:0}.salary-grid-top{grid-template-columns:minmax(0,1fr) minmax(120px,160px) minmax(100px,120px) minmax(100px,120px);align-items:end}.salary-grid-extra{grid-template-columns:minmax(0,1fr) minmax(110px,140px) minmax(160px,220px) minmax(120px,160px);align-items:end}.salary-field-wide{min-width:0}.salary-field-check{display:flex;align-items:flex-end}.salary-actions{gap:10px}.salary-edit .salary-field,.salary-edit input,.salary-edit select{min-width:0}@media (max-width: 880px){.modal.salary-modal{width:min(640px,100%)}.salary-grid-top{grid-template-columns:1fr 140px 110px}.salary-field-check{grid-column:1 / -1;justify-content:flex-end}}@media (max-width: 720px){.salary-grid-top,.salary-grid-extra{grid-template-columns:1fr}.salary-actions{flex-wrap:wrap}.salary-actions .btn{width:100%}}.badge-annual{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:12px;background:#f9731622;border:1px solid #f9731655}.annual-card{border:1px solid #f9731655;box-shadow:0 0 0 1px #f9731622 inset}.badge-tax{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:12px;background:#06b6d424;border:1px solid rgba(6,182,212,.42)}.tax-card{border:1px solid rgba(6,182,212,.4);box-shadow:0 0 0 1px #06b6d42e inset;background:linear-gradient(180deg,#06b6d41f,#0f1a2ee0)}.trow-tax{border-style:solid!important;border-color:#06b6d457!important;background:#06b6d412}.locale-picker{margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.18);display:grid;gap:8px}.locale-picker.compact{margin-top:12px;padding-top:12px}.locale-row{display:grid;grid-template-columns:1fr;gap:6px}.locale-label{font-size:12px;color:#94a3b8e6}.locale-select{width:100%;background:#0f1a2eb3;border:1px solid rgba(148,163,184,.24);color:#e5e7eb;padding:8px 10px;border-radius:10px}.drawer-locale{padding:12px 14px 14px}.sidebar-credits,.drawer-credits{font-size:11px;line-height:1.25;opacity:.45;color:#94a3b8f2}.sidebar-credits{text-align:left;padding:2px 2px 0}.drawer-credits{text-align:left;margin-top:10px;width:100%}.app-credits-footer{width:100%;margin-top:34px;padding:16px 16px calc(22px + env(safe-area-inset-bottom));font-size:12px;opacity:.55;pointer-events:none;display:flex;justify-content:flex-end;text-align:right}@media (max-width: 640px){.app-credits-footer{justify-content:center;text-align:center}}.disabledField{opacity:.55;filter:grayscale(.25)}