@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--accent:#8b5cf6;--accent2:#ec4899;--accent3:#f97316;--bg:#09090f;--bg2:#0f0f1e;--bg3:#14142a;--card:rgba(255,255,255,.035);--card-h:rgba(255,255,255,.06);--border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);--text:#ededff;--text2:#9090b8;--text3:#5a5a88;--green:#10b981;--green2:#34d399;--red:#ef4444;--red2:#f87171;--orange:#f97316;--orange2:#fb923c;--cyan:#06b6d4;--cyan2:#22d3ee;--yellow:#f59e0b;--yellow2:#fbbf24;--pink:#ec4899;--pink2:#f472b6;--purple:#8b5cf6;--purple2:#a78bfa;--indigo:#6366f1;--indigo2:#818cf8;--accent-green:#10b981;--accent-red:#ef4444;--r:14px;--rs:9px;--tr:all .22s cubic-bezier(.4,0,.2,1)}[data-theme=ocean]{--accent:#06b6d4;--accent2:#6366f1;--accent3:#10b981}[data-theme=fire]{--accent:#f97316;--accent2:#ef4444;--accent3:#f59e0b}[data-theme=forest]{--accent:#10b981;--accent2:#06b6d4;--accent3:#8b5cf6}[data-theme=rose]{--accent:#ec4899;--accent2:#8b5cf6;--accent3:#f97316}[data-theme=gold]{--accent:#f59e0b;--accent2:#f97316;--accent3:#ec4899}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse 70% 45% at 15% -5%,rgba(139,92,246,.12) 0,transparent 65%),radial-gradient(ellipse 55% 35% at 85% 105%,rgba(236,72,153,.08) 0,transparent 60%),radial-gradient(ellipse 40% 25% at 55% 55%,rgba(6,182,212,.04) 0,transparent 70%)}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.hdr{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(9,9,15,.92);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:0 1.75rem;height:58px;justify-content:space-between;gap:1rem}.hdr,.hdr-left{display:flex;align-items:center}.hdr-left{gap:12px}.logo{font-weight:900;font-size:1.25rem;letter-spacing:-.04em;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 3px 14px rgba(139,92,246,.4)}.logo-sub{font-size:.71rem;color:var(--text3);font-weight:500;border:1px solid var(--border);border-radius:999px;padding:2px 9px}.hdr-right{display:flex;align-items:center;gap:.9rem}.hdr-profile{font-size:.74rem;color:var(--text2);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:999px;padding:4px 12px;white-space:nowrap}.theme-picker{display:flex;gap:5px;align-items:center}.theme-dot{width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:var(--tr);background:none}.theme-dot.active,.theme-dot:hover{border-color:white;transform:scale(1.22)}.tab-nav{background:rgba(9,9,15,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:.6rem 1.75rem;display:flex;align-items:center;gap:1.5rem;overflow-x:auto;flex-wrap:nowrap}.tab-group{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.tab-group-label{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);padding:0 2px}.tab-group-tabs{display:flex;gap:2px}.tab-btn{display:inline-flex;align-items:center;gap:5px;padding:.38rem .85rem;border-radius:7px;font-size:.8rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text3);transition:var(--tr);white-space:nowrap;font-family:inherit}.tab-btn:hover{color:var(--text);background:rgba(255,255,255,.05)}.tab-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 2px 12px rgba(139,92,246,.28)}.tab-divider{width:1px;height:42px;background:var(--border2);align-self:center;flex-shrink:0;margin:0 .25rem}.main{flex:1 1;max-width:1380px;width:100%;margin:0 auto;padding:2rem 1.75rem}@media(max-width:768px){.main{padding:1.25rem 1rem}}.tab-content{animation:fade-up .32s ease both}.banner-area{max-width:1380px;width:100%;margin:0 auto;padding:.75rem 1.75rem 0}.section-hdr{margin-bottom:1.75rem}.section-hdr h2{font-size:1.15rem;font-weight:700;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.section-hdr p{font-size:.82rem;color:var(--text2)}.card-panel{background:var(--card);padding:1.5rem}.card-panel,.sc{border:1px solid var(--border);border-radius:var(--r)}.sc{padding:1rem 1.25rem;transition:var(--tr);cursor:default}.sc:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.sc-label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.sc-value{font-size:1.45rem;font-weight:800;line-height:1;letter-spacing:-.02em;margin-bottom:.2rem}.sc-sub{font-size:.72rem;color:var(--text3)}.s-green{border-left:3px solid var(--green);background:linear-gradient(135deg,rgba(16,185,129,.06),transparent)}.s-green .sc-label{color:var(--green)}.s-green .sc-value{color:var(--green2)}.s-red{border-left:3px solid var(--red);background:linear-gradient(135deg,rgba(239,68,68,.06),transparent)}.s-red .sc-label{color:var(--red)}.s-red .sc-value{color:var(--red2)}.s-orange{border-left:3px solid var(--orange);background:linear-gradient(135deg,rgba(249,115,22,.06),transparent)}.s-orange .sc-label{color:var(--orange)}.s-orange .sc-value{color:var(--orange2)}.s-cyan{border-left:3px solid var(--cyan);background:linear-gradient(135deg,rgba(6,182,212,.06),transparent)}.s-cyan .sc-label{color:var(--cyan)}.s-cyan .sc-value{color:var(--cyan2)}.s-purple{border-left:3px solid var(--purple);background:linear-gradient(135deg,rgba(139,92,246,.06),transparent)}.s-purple .sc-label,.s-purple .sc-value{color:var(--purple2)}.s-yellow{border-left:3px solid var(--yellow);background:linear-gradient(135deg,rgba(245,158,11,.06),transparent)}.s-yellow .sc-label{color:var(--yellow)}.s-yellow .sc-value{color:var(--yellow2)}.s-pink{border-left:3px solid var(--pink);background:linear-gradient(135deg,rgba(236,72,153,.06),transparent)}.s-pink .sc-label{color:var(--pink)}.s-pink .sc-value{color:var(--pink2)}.s-indigo{border-left:3px solid var(--indigo);background:linear-gradient(135deg,rgba(99,102,241,.06),transparent)}.s-indigo .sc-label,.s-indigo .sc-value{color:var(--indigo2)}.g2{grid-template-columns:1fr 1fr;grid-gap:1.25rem}.g2,.g3{display:grid;gap:1.25rem}.g3{grid-template-columns:repeat(3,1fr);grid-gap:1.25rem}.g4{grid-template-columns:repeat(4,1fr);grid-gap:1rem}.g4,.g5{display:grid;gap:1rem}.g5{grid-template-columns:repeat(5,1fr);grid-gap:1rem}@media(max-width:1200px){.g5{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}}@media(max-width:768px){.g2,.g3,.g4,.g5{grid-template-columns:1fr}}.fg{margin-bottom:.85rem}.fl{display:block;font-size:.74rem;font-weight:600;color:var(--text2);margin-bottom:5px;letter-spacing:.02em}.fi,.fsel{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--rs);padding:.6rem .9rem;color:var(--text);font-size:.84rem;font-family:inherit;transition:var(--tr);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fi:focus,.fsel:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.14);background:rgba(139,92,246,.05)}.fi::placeholder{color:var(--text3)}.fsel{cursor:pointer}.fsel option{background:#1a1a3a;color:var(--text)}.fr2{grid-template-columns:1fr 1fr;grid-gap:.7rem}.fr2,.fr3{display:grid;gap:.7rem}.fr3{grid-template-columns:1fr 1fr 1fr;grid-gap:.7rem}@media(max-width:600px){.fr2,.fr3{grid-template-columns:1fr}}.input-wrap{position:relative;display:flex;align-items:center}.input-pre{left:.88rem;font-size:.83rem;z-index:1}.input-pre,.input-suf{position:absolute;color:var(--text3);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-suf{right:.88rem;font-size:.75rem}.fi-pre,.fi-pre-suf{padding-left:1.85rem!important}.fi-pre-suf{padding-right:2.8rem!important}.btn-d,.btn-g,.btn-o,.btn-p,.btn-s{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.58rem 1.15rem;border-radius:var(--rs);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:var(--tr);white-space:nowrap}.btn-d:disabled,.btn-g:disabled,.btn-o:disabled,.btn-p:disabled,.btn-s:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-p{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 4px 14px rgba(139,92,246,.3)}.btn-p:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px rgba(139,92,246,.42)}.btn-s{background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--border)}.btn-s:hover:not(:disabled){background:rgba(255,255,255,.09);border-color:var(--border2)}.btn-g{background:linear-gradient(135deg,var(--green),var(--cyan));color:#fff;box-shadow:0 4px 14px rgba(16,185,129,.28)}.btn-g:hover:not(:disabled){transform:translateY(-1px)}.btn-d{background:rgba(239,68,68,.1);color:var(--red2);border:1px solid rgba(239,68,68,.2)}.btn-d:hover:not(:disabled){background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.38)}.btn-o{background:linear-gradient(135deg,var(--orange),var(--yellow));color:#fff;box-shadow:0 4px 14px rgba(249,115,22,.28)}.btn-o:hover:not(:disabled){transform:translateY(-1px)}.btn-sm{padding:.32rem .72rem!important;font-size:.74rem!important}.btn-xs{padding:.22rem .55rem!important;font-size:.69rem!important}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap}.banner{padding:.65rem 1.1rem;border-radius:var(--rs);font-size:.82rem;font-weight:500;margin-bottom:.75rem;display:flex;align-items:center;gap:9px;animation:slide-in .28s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.b-error{background:rgba(239,68,68,.09);border:1px solid rgba(239,68,68,.2);color:var(--red2)}.b-success{background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.2);color:var(--green2)}.b-info{background:rgba(139,92,246,.09);border:1px solid rgba(139,92,246,.2);color:var(--purple2)}.b-loading{background:rgba(6,182,212,.09);border:1px solid rgba(6,182,212,.2);color:var(--cyan2)}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.form-section{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--r);padding:1.25rem;margin-bottom:.9rem}.form-section-hdr{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text2);margin-bottom:1rem}.pay-preview{display:flex;justify-content:space-between;align-items:center;border-radius:var(--rs);padding:.6rem .95rem;margin-top:.75rem;font-size:.82rem;border:1px solid}.pay-preview.base{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.2)}.pay-preview.ot{background:rgba(249,115,22,.06);border-color:rgba(249,115,22,.2)}.pay-preview.total{background:rgba(139,92,246,.07);border-color:rgba(139,92,246,.22)}.pay-preview strong{font-size:.93rem;font-weight:700}.jobs-list{display:flex;flex-direction:column;gap:.7rem}.job-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:var(--tr)}.job-card:hover{background:var(--card-h);border-color:var(--border2)}.jc-left{gap:.85rem;flex:1 1;min-width:0}.jc-icon,.jc-left{display:flex;align-items:center}.jc-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));justify-content:center;font-size:1.15rem;flex-shrink:0}.jc-info{min-width:0}.jc-info h3{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jc-info p{font-size:.73rem;color:var(--text2);margin-top:2px;text-transform:capitalize}.jc-stats{display:flex;gap:1.25rem;flex-shrink:0}.jc-stat{display:flex;flex-direction:column;gap:2px;text-align:right}.jc-stat span{font-size:.67rem;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.jc-stat strong{font-size:.88rem;font-weight:700}.jc-stat .v-green{color:var(--green2)}.jc-stat .v-orange{color:var(--orange2)}.jc-actions{display:flex;gap:.35rem;flex-shrink:0}@media(max-width:768px){.job-card{flex-wrap:wrap}.jc-stats{gap:.75rem}.jc-stat{text-align:left}}.job-form-wrap{max-width:780px}.job-form-title{font-size:1.05rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.sub-tabs{display:flex;gap:3px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:8px;padding:3px;margin-bottom:1.35rem;width:-moz-fit-content;width:fit-content}.sub-tab-btn{display:inline-flex;align-items:center;gap:5px;padding:.36rem .85rem;border-radius:6px;font-size:.77rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text3);transition:var(--tr);font-family:inherit}.sub-tab-btn:hover{color:var(--text)}.sub-tab-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.paycheck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:1.25rem;gap:1.25rem}.pc-card{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:var(--tr)}.pc-card:hover{border-color:var(--border2);box-shadow:0 8px 24px rgba(0,0,0,.35)}.pc-header{padding:.9rem 1.15rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(255,255,255,.018)}.pc-employer{font-size:.9rem;font-weight:700}.pc-freq{font-size:.7rem;color:var(--text2);background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:999px;padding:2px 9px;text-transform:capitalize}.pc-body{padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.45rem}.pc-row{display:flex;justify-content:space-between;align-items:center;font-size:.81rem;color:var(--text2)}.pc-row span:last-child{color:var(--text);font-weight:500}.pc-row.neg span:last-child{color:var(--red2)}.pc-row.ot-row span:last-child{color:var(--orange2)}.pc-divider{height:1px;background:var(--border);margin:.35rem 0}.pc-total{padding:.9rem 1.15rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);background:rgba(255,255,255,.025);font-weight:700}.pc-total span:last-child{font-size:1.05rem;color:var(--green2)}.pc-bar{padding:.7rem 1.15rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.38rem}.pc-bar-label{font-size:.71rem;color:var(--text3)}.pb-wrap{background:rgba(255,255,255,.055);overflow:hidden}.pb-fill,.pb-wrap{border-radius:999px}.pb-fill{height:100%;transition:width .55s ease;background:linear-gradient(90deg,var(--accent),var(--accent2))}.pb-sm{height:5px}.pb-md{height:8px}.pb-lg{height:12px}.combined-table{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-top:1.25rem}.ctbl-foot,.ctbl-hdr,.ctbl-row{display:grid;grid-template-columns:2fr repeat(5,1fr);grid-gap:.5rem;gap:.5rem;padding:.7rem 1rem;font-size:.81rem}.ctbl-hdr{background:rgba(139,92,246,.07);border-bottom:1px solid var(--border);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text3)}.ctbl-row{border-bottom:1px solid rgba(255,255,255,.03)}.ctbl-row:last-child{border-bottom:none}.ctbl-row:hover{background:rgba(255,255,255,.018)}.ctbl-foot{background:rgba(255,255,255,.03);border-top:1px solid var(--border);font-weight:700}.ctbl-foot span,.ctbl-hdr span,.ctbl-row span{display:flex;align-items:center}@media(max-width:768px){.ctbl-foot,.ctbl-hdr,.ctbl-row{grid-template-columns:1fr;font-size:.75rem}}.monthly-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.25rem}.monthly-card{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.monthly-card-hdr{padding:.85rem 1.1rem;background:rgba(255,255,255,.028);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.86rem;font-weight:600}.monthly-card-hdr .v-green{color:var(--green2)}.monthly-card-body{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.45rem}.result-panel{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.empty-state{text-align:center;padding:3.5rem 1rem;color:var(--text3);display:flex;flex-direction:column;gap:1rem;align-items:center}.empty-state p{font-size:.9rem}.empty-state .ei{font-size:2.5rem}.wellness-score-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;display:flex;gap:1.5rem;align-items:center}.wellness-score-circle{width:94px;height:94px;border-radius:50%;border:4px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.025);flex-shrink:0}.wellness-score-circle.high{border-color:var(--green);box-shadow:0 0 22px rgba(16,185,129,.2)}.wellness-score-circle.mid{border-color:var(--yellow);box-shadow:0 0 22px rgba(245,158,11,.2)}.wellness-score-circle.low{border-color:var(--red);box-shadow:0 0 22px rgba(239,68,68,.2)}.score-num{font-size:1.55rem;font-weight:900;line-height:1}.score-label{font-size:.62rem;color:var(--text3)}.wellness-score-right{flex:1 1}.wellness-score-right h3{font-size:1rem;font-weight:700;margin-bottom:.4rem}.wellness-score-right p{font-size:.82rem;color:var(--text2);line-height:1.55}.tip-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.1rem;display:flex;gap:.9rem;align-items:flex-start;transition:var(--tr)}.tip-card:hover{background:var(--card-h);border-color:var(--border2)}.tip-icon{font-size:1.3rem;flex-shrink:0;margin-top:.1rem}.tip-content h4{font-size:.84rem;font-weight:700;margin-bottom:.3rem}.tip-content p{font-size:.77rem;color:var(--text2);line-height:1.55}.tip-card.c-purple{border-left:3px solid var(--purple)}.tip-card.c-cyan{border-left:3px solid var(--cyan)}.tip-card.c-green{border-left:3px solid var(--green)}.tip-card.c-orange{border-left:3px solid var(--orange)}.tip-card.c-pink{border-left:3px solid var(--pink)}.tip-card.c-indigo{border-left:3px solid var(--indigo)}.budget-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.35rem}.budget-card h3{font-size:.86rem;font-weight:700;margin-bottom:1.1rem;color:var(--text2)}.budget-rows{gap:1.1rem}.budget-row,.budget-rows{display:flex;flex-direction:column}.budget-row{gap:.4rem}.budget-row-label{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600}.budget-row-examples{font-size:.71rem;color:var(--text3)}.c-purple{border-top:2.5px solid var(--purple)}.c-pink{border-top:2.5px solid var(--pink)}.c-green{border-top:2.5px solid var(--green)}.c-orange{border-top:2.5px solid var(--orange)}.c-cyan{border-top:2.5px solid var(--cyan)}.c-yellow{border-top:2.5px solid var(--yellow)}.c-red{border-top:2.5px solid var(--red)}.c-indigo{border-top:2.5px solid var(--indigo)}.sl{font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:.9rem;display:flex;align-items:center;gap:8px}.sl:after{content:"";flex:1 1;height:1px;background:var(--border)}.v-green{color:var(--green2)!important}.v-orange{color:var(--orange2)!important}.v-red{color:var(--red2)!important}.v-purple{color:var(--purple2)!important}.v-cyan{color:var(--cyan2)!important}.tw{overflow-x:auto;border-radius:var(--rs)}table{width:100%;border-collapse:collapse;font-size:.82rem}thead tr{background:rgba(139,92,246,.07);border-bottom:1px solid var(--border)}th{padding:.7rem .9rem;text-align:left;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}td{padding:.78rem .9rem;border-bottom:1px solid rgba(255,255,255,.028);color:var(--text)}tr:last-child td{border-bottom:none}tr:hover td{background:rgba(255,255,255,.017)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:.67rem;font-weight:600;letter-spacing:.04em}.t-purple{background:rgba(139,92,246,.15);color:var(--purple2)}.t-green{background:rgba(16,185,129,.15);color:var(--green2)}.t-orange{background:rgba(249,115,22,.15);color:var(--orange2)}.t-red{background:rgba(239,68,68,.15);color:var(--red2)}.t-cyan{background:rgba(6,182,212,.15);color:var(--cyan2)}.spin{width:15px;height:15px;border:2px solid rgba(255,255,255,.18);border-top-color:currentcolor;border-radius:50%;animation:rot .65s linear infinite;flex-shrink:0}@keyframes rot{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.09);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18)}.gt{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.au{animation:fade-up .35s ease both}.au1{animation-delay:.08s}.au2{animation-delay:.16s}.au3{animation-delay:.24s}.auth-screen{background:var(--bg)}.auth-card{max-width:420px;background:var(--bg2);border:1px solid var(--border2);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 24px 80px rgba(0,0,0,.5)}.auth-logo{font-size:1.75rem;letter-spacing:-.05em;background:linear-gradient(135deg,var(--accent),var(--accent2))}.auth-tabs{display:flex;background:rgba(255,255,255,.04);border-radius:10px;padding:3px;gap:3px}.auth-tab{flex:1 1;padding:.55rem;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;background:transparent;color:var(--text3);transition:var(--tr);font-family:inherit}.auth-tab:hover{color:var(--text)}.auth-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 2px 10px rgba(139,92,246,.3)}.auth-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:9px;padding:.7rem 1rem;font-size:.82rem;color:var(--red2);line-height:1.4}.auth-form{display:flex;flex-direction:column;gap:.9rem}.btn-full{width:100%;padding:.75rem;font-size:.92rem;font-weight:700;margin-top:.25rem}.auth-footer{text-align:center;font-size:.8rem;color:var(--text3)}.auth-link{background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-link:hover{color:var(--accent2)}.hdr-email{font-size:.73rem;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:999px;padding:4px 11px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.btn-logout,.hdr-email{color:var(--text2);white-space:nowrap}.btn-logout{padding:.38rem .85rem;border-radius:7px;font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid var(--border2);background:transparent;transition:var(--tr);font-family:inherit}.btn-logout:hover{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4);color:var(--red2)}.acct-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.acct-label{font-size:.73rem;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.acct-value{font-size:.92rem;color:var(--text);font-weight:500}.pw-form{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.mob-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgba(9,9,15,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border2);padding-bottom:env(safe-area-inset-bottom,0)}.mob-nav-inner{display:flex;overflow-x:auto;padding:.45rem .3rem;gap:.1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mob-nav-inner::-webkit-scrollbar{display:none}.mob-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:60px;padding:.38rem .45rem;border-radius:10px;border:none;background:transparent;cursor:pointer;transition:var(--tr);font-family:inherit;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mob-nav-btn:active{transform:scale(.92);background:rgba(255,255,255,.06)}.mob-nav-btn .mn-icon{font-size:1.25rem;line-height:1;transition:var(--tr)}.mob-nav-btn .mn-label{font-size:.58rem;font-weight:600;color:var(--text3);letter-spacing:.02em;white-space:nowrap;transition:var(--tr)}.mob-nav-btn.active{background:rgba(139,92,246,.15)}.mob-nav-btn.active .mn-label{color:var(--accent)}.mob-nav-btn.active .mn-icon{filter:drop-shadow(0 0 5px var(--accent))}@media(max-width:768px){.mob-nav{display:block}.tab-nav{display:none}.hdr{padding:0 1rem;height:52px}.hdr-profile,.logo-sub{display:none}.theme-picker{gap:3px}.theme-dot{width:14px;height:14px}.hdr-email{max-width:120px;font-size:.68rem}.btn-logout{font-size:.72rem;padding:.32rem .6rem}.main{padding:1rem .85rem calc(74px + env(safe-area-inset-bottom,0px))}.banner-area{padding:.5rem .85rem 0}.btn-d,.btn-g,.btn-o,.btn-p,.btn-s{min-height:44px;padding:.65rem 1.1rem}.btn-sm{min-height:36px!important;padding:.4rem .75rem!important;font-size:.78rem!important}.fi,.fsel{min-height:44px;padding:.7rem .9rem;font-size:.9rem}.auth-card{padding:2rem 1.5rem;border-radius:16px}.sub-tabs,.tw{-webkit-overflow-scrolling:touch}.sub-tabs{width:100%;overflow-x:auto}.jc-stats{gap:.6rem;flex-wrap:wrap}.jc-stat{text-align:left}.section-hdr h2{font-size:1.05rem}.section-hdr p{font-size:.79rem}.paycheck-grid{grid-template-columns:1fr}}@media(max-width:390px){.mob-nav-btn{min-width:52px;padding:.32rem .35rem}.mob-nav-btn .mn-icon{font-size:1.1rem}.mob-nav-btn .mn-label{font-size:.54rem}}@supports(padding-top:env(safe-area-inset-top)){.hdr{padding-top:env(safe-area-inset-top,0);height:calc(58px + env(safe-area-inset-top,0px))}@media(max-width:768px){.hdr{height:calc(52px + env(safe-area-inset-top,0px))}}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden;background:#05050d}.auth-screen:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(139,92,246,.22) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(236,72,153,.18) 0,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(6,182,212,.1) 0,transparent 60%),radial-gradient(ellipse 40% 30% at 10% 90%,rgba(16,185,129,.1) 0,transparent 50%);animation:auth-bg 12s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes auth-bg{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.auth-card{width:100%;max-width:440px;background:rgba(12,12,26,.85);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(139,92,246,.3);border-radius:24px;padding:2.75rem 2.25rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 0 0 1px rgba(139,92,246,.1),0 32px 80px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);position:relative;z-index:1;animation:auth-card-in .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes auth-card-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-logo{font-weight:900;font-size:2rem;letter-spacing:-.06em;background:linear-gradient(135deg,#8b5cf6,#ec4899 50%,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;filter:drop-shadow(0 0 24px rgba(139,92,246,.5))}.auth-tagline{font-size:.8rem;color:var(--text3);text-align:center;margin-top:-.75rem;letter-spacing:.02em}.auth-pending{text-align:center;padding:2rem;background:rgba(139,92,246,.07);border:1px solid rgba(139,92,246,.2);border-radius:14px}.auth-pending .ap-icon{font-size:3rem;margin-bottom:.75rem}.auth-pending h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--purple2)}.auth-pending p{font-size:.82rem;color:var(--text2);line-height:1.6}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(10,10,22,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(139,92,246,.25);padding:1rem 1.5rem;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;animation:slide-up .4s ease both}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner p{flex:1 1;font-size:.82rem;color:var(--text2);line-height:1.5;min-width:200px}.cookie-banner a{color:var(--accent);text-decoration:underline}.cookie-banner-btns{display:flex;gap:.6rem;flex-shrink:0}@media(max-width:768px){.cookie-banner{padding:.85rem 1rem;gap:.75rem}.cookie-banner p{font-size:.78rem}.cookie-banner-btns{width:100%}.cookie-banner-btns button{flex:1 1}}.privacy-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fade-in-fast .2s ease}@keyframes fade-in-fast{0%{opacity:0}to{opacity:1}}.privacy-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:20px;max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,.8);animation:modal-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-in{0%{opacity:0;transform:scale(.94) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.privacy-modal-hdr{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.privacy-modal-hdr h2{font-size:1.15rem;font-weight:700}.privacy-modal-close{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text2);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--tr)}.privacy-modal-close:hover{background:rgba(239,68,68,.15);color:var(--red2)}.privacy-modal-body{padding:1.75rem 2rem;overflow-y:auto;font-size:.87rem;color:var(--text2);line-height:1.75}.privacy-modal-body h3{font-size:.95rem;font-weight:700;color:var(--text);margin:1.5rem 0 .5rem}.privacy-modal-body h3:first-child{margin-top:0}.privacy-modal-body ul{padding-left:1.25rem}.privacy-modal-body li{margin-bottom:.35rem}.profile-avatar-wrap{position:relative;width:96px;height:96px;flex-shrink:0}.profile-avatar{object-fit:cover}.profile-avatar,.profile-avatar-placeholder{width:96px;height:96px;border-radius:50%;border:3px solid var(--accent);box-shadow:0 0 0 4px rgba(139,92,246,.2)}.profile-avatar-placeholder{background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:2.25rem;font-weight:800;color:white}.profile-avatar-placeholder,.profile-avatar-upload{display:flex;align-items:center;justify-content:center}.profile-avatar-upload{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:pointer;font-size:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.4);border:2px solid var(--bg);transition:var(--tr)}.profile-avatar-upload:hover{transform:scale(1.1);background:var(--accent2)}.hero-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.hero-glow-1{width:400px;height:400px;background:rgba(139,92,246,.15);top:-100px;left:-100px}.hero-glow-2{width:300px;height:300px;background:rgba(236,72,153,.12);bottom:-50px;right:-50px}.fi:focus+.input-float-label,.fi:not(:placeholder-shown)+.input-float-label{transform:translateY(-22px) scale(.8);color:var(--accent)}.grad-card{border-radius:var(--r);padding:1.5rem;position:relative;overflow:hidden}.grad-card:before{content:"";position:absolute;inset:0;background:inherit;filter:brightness(.85);z-index:0}.grad-card>*{position:relative;z-index:1}.gc-purple{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(236,72,153,.1));border:1px solid rgba(139,92,246,.25)}.gc-green{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(6,182,212,.1));border:1px solid rgba(16,185,129,.25)}.gc-orange{background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(245,158,11,.1));border:1px solid rgba(249,115,22,.25)}.gc-pink{background:linear-gradient(135deg,rgba(236,72,153,.2),rgba(139,92,246,.1));border:1px solid rgba(236,72,153,.25)}.offline-banner{position:fixed;top:60px;left:50%;transform:translateX(-50%);z-index:9998;background:rgba(245,158,11,.95);color:#0a0a0a;font-size:.82rem;font-weight:700;padding:.5rem 1.25rem;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.4);display:flex;align-items:center;gap:.5rem;animation:slide-down .3s ease}@keyframes slide-down{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.danger-zone{border:1px solid rgba(239,68,68,.25);border-radius:var(--r);padding:1.25rem;background:rgba(239,68,68,.04)}.danger-zone-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--red2);margin-bottom:.75rem}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(139,92,246,.4)}50%{box-shadow:0 0 0 8px rgba(139,92,246,0)}}.pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer{background:linear-gradient(90deg,var(--border) 25%,rgba(255,255,255,.08) 50%,var(--border) 75%);background-size:200% auto;animation:shimmer 1.8s linear infinite}@media(max-width:768px){.auth-card{padding:2rem 1.5rem;border-radius:18px}.privacy-modal{border-radius:16px;max-height:92vh}.privacy-modal-body{padding:1.25rem}.mob-nav{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 4px)}}