:root{--paper: #F2F6F5;--paper-2: #F8FBFA;--surface: #FFFFFF;--surface-2: #F4F8F7;--ink: #0C1A16;--ink-2: #3C4A45;--ink-3: #71807A;--line: #E0E8E5;--line-2: #CBD7D2;--pine: #0B9E6F;--pine-700: #067352;--pine-400: #2FC492;--pine-200: #A3E6CE;--pine-tint: #E2F6EE;--amber: #E8930C;--amber-400: #FFB03B;--amber-200: #FFD98F;--amber-tint: #FFF3DC;--ok: #0E9F6E;--ok-tint: #DEF5EB;--warn: #C27803;--warn-tint: #FDF3D8;--danger: #D64B3D;--danger-tint:#FCE7E4;--info: #2D74DA;--info-tint: #E3EDFB;--font-display: "Sora", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar: "IBM Plex Sans Arabic", "Hanken Grotesk", "Segoe UI", sans-serif;--font-num: "Sora", "Hanken Grotesk", sans-serif;--t-xs: .75rem;--t-sm: .84rem;--t-base: .96rem;--t-md: 1.08rem;--t-lg: 1.35rem;--t-xl: 1.85rem;--t-2xl: clamp(1.9rem, 1.3rem + 2.6vw, 2.8rem);--t-3xl: clamp(2.5rem, 1.6rem + 4.4vw, 4rem);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 2.75rem;--s-8: 3.75rem;--s-9: 5.5rem;--r-xs: 10px;--r-sm: 14px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(10,26,20,.05), 0 2px 10px rgba(10,26,20,.05);--sh-2: 0 2px 8px rgba(10,26,20,.06), 0 16px 32px -14px rgba(10,26,20,.18);--sh-3: 0 8px 18px rgba(10,26,20,.08), 0 36px 64px -24px rgba(10,26,20,.32);--sh-pine: 0 10px 28px -8px rgba(11,158,111,.5);--ease: cubic-bezier(.22,.61,.36,1);--ease-out: cubic-bezier(.16,1,.3,1);--ease-in: cubic-bezier(.5,0,.75,0);--spring: cubic-bezier(.34,1.56,.64,1);--dur-1: .14s;--dur-2: .26s;--dur-3: .42s;--dur-4: .7s;--ring: 0 0 0 3px var(--paper), 0 0 0 5px var(--pine-400);--rail-w: 17.5rem;--content-max: 78rem;--grad-brand: linear-gradient(135deg, #0B9E6F 0%, #14C08A 55%, #2FD9A4 100%);--grad-solar: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--grad-hero: linear-gradient(120deg, rgba(11,158,111,.12), rgba(47,217,164,.05) 45%, rgba(245,158,11,.1));--glass: rgba(255,255,255,.66);--glass-line: rgba(12,26,22,.08)}[data-theme=dark]{--paper: #0B1416;--paper-2: #0F1A1D;--surface: #142124;--surface-2: #1A2A2D;--ink: #EAF4F0;--ink-2: #B7C7C1;--ink-3: #7E938C;--line: #223236;--line-2: #2F4247;--pine: #2EE6A8;--pine-700: #19C68B;--pine-400: #29B989;--pine-200: #14523F;--pine-tint: #10312A;--amber: #FFC24D;--amber-400: #F2A93B;--amber-200: #6B4E1A;--amber-tint: #2E2412;--ok:#3DDC97;--ok-tint:#123227;--warn:#F2C14E;--warn-tint:#332912;--danger:#FF7A66;--danger-tint:#331613;--info:#6FB2FF;--info-tint:#14273D;--sh-1: 0 1px 2px rgba(0,0,0,.45);--sh-2: 0 2px 8px rgba(0,0,0,.45), 0 18px 36px -14px rgba(0,0,0,.65);--sh-3: 0 8px 22px rgba(0,0,0,.5), 0 44px 80px -26px rgba(0,0,0,.85);--sh-pine: 0 0 0 1px rgba(46,230,168,.18), 0 10px 34px -8px rgba(46,230,168,.35);--ring: 0 0 0 3px var(--paper), 0 0 0 5px var(--pine);--grad-brand: linear-gradient(135deg, #0FA97A 0%, #19C68B 45%, #2EE6A8 100%);--grad-solar: linear-gradient(135deg, #E8930C 0%, #FFC24D 100%);--grad-hero: linear-gradient(120deg, rgba(46,230,168,.14), rgba(25,198,139,.05) 45%, rgba(255,194,77,.1));--glass: rgba(20,33,36,.6);--glass-line: rgba(234,244,240,.08)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{font-family:var(--font-sans);font-size:var(--t-base);line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;overflow-x:hidden}[lang=ar],[dir=rtl]{font-family:var(--font-ar)}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.08;letter-spacing:-.022em}[lang=ar] :is(h1,h2,h3,h4),[dir=rtl] :is(h1,h2,h3,h4){font-family:var(--font-ar);letter-spacing:normal}.num{font-family:var(--font-num);font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.01em}.atmos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.atmos:after{content:"";position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");opacity:.028;mix-blend-mode:multiply}[data-theme=dark] .atmos:after{mix-blend-mode:screen;opacity:.045}.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}.aurora.a{width:48vw;height:48vw;inset-inline-start:-12vw;top:-14vw;background:radial-gradient(circle at 35% 35%,rgba(47,217,164,.55),transparent 66%);animation:float1 20s var(--ease) infinite}.aurora.b{width:42vw;height:42vw;inset-inline-end:-10vw;bottom:-16vw;background:radial-gradient(circle at 60% 40%,rgba(255,176,59,.4),transparent 66%);animation:float2 24s var(--ease) infinite}[data-theme=dark] .aurora{opacity:.3}@keyframes float1{50%{transform:translate3d(4vw,3vw,0) scale(1.08)}}@keyframes float2{50%{transform:translate3d(-3vw,-4vw,0) scale(1.1)}}.eyebrow{font-family:var(--font-sans);font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}[dir=rtl] .eyebrow{letter-spacing:0}.muted{color:var(--ink-3)}.hidden{display:none!important}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.wrap{flex-wrap:wrap}.grow{flex:1}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal>*{animation:rise .55s var(--ease-out) both}.reveal>*:nth-child(1){animation-delay:.02s}.reveal>*:nth-child(2){animation-delay:.08s}.reveal>*:nth-child(3){animation-delay:.14s}.reveal>*:nth-child(4){animation-delay:.2s}.reveal>*:nth-child(5){animation-delay:.26s}.reveal>*:nth-child(6){animation-delay:.32s}.reveal>*:nth-child(7){animation-delay:.38s}.reveal>*:nth-child(8){animation-delay:.44s}.app{position:relative;z-index:1;display:grid;grid-template-columns:var(--rail-w) 1fr;height:100dvh}.app.is-auth{grid-template-columns:1fr}.spine{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:var(--s-5) var(--s-4) var(--s-4);border-inline-end:1px solid var(--line);background:linear-gradient(180deg,var(--paper-2),var(--paper));overflow:clip}.spine:before{content:"";position:absolute;top:7.2rem;bottom:6.4rem;inset-inline-start:calc(var(--s-4) + 1.05rem);width:2px;background:linear-gradient(var(--line-2),transparent)}.brand{display:flex;align-items:center;gap:var(--s-3);padding-inline-start:var(--s-2);margin-bottom:var(--s-6)}.brand .mark{width:2.4rem;height:2.4rem;border-radius:10px;flex:none;background:radial-gradient(120% 120% at 30% 20%,var(--pine-400),var(--pine) 60%,var(--pine-700));box-shadow:var(--sh-pine);display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:600;font-size:1.2rem}.brand .mark span{transform:translateY(-1px)}.brand .mark.has-photo{border-radius:50%;overflow:hidden;padding:0}.brand .mark img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.brand b{font-family:var(--font-display);font-weight:580;font-size:1.12rem;letter-spacing:-.02em}.brand small{display:block;font-size:var(--t-xs);color:var(--ink-3);letter-spacing:.04em}.nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;margin-inline:calc(var(--s-2) * -1);padding-inline:var(--s-2);scrollbar-width:thin}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px}.nav-sec{font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:var(--s-4) var(--s-3) var(--s-2)}[dir=rtl] :is(.nav-sec,.brand small,.badge,.nav-item .tag,.eyebrow,.fresh){letter-spacing:normal}.nav-item{position:relative;display:flex;align-items:center;gap:var(--s-3);padding:.62rem var(--s-3);border-radius:var(--r-sm);color:var(--ink-2);font-weight:520;font-size:var(--t-sm);transition:background var(--dur-1) var(--ease),color var(--dur-1)}.nav-item .ic{width:1.15rem;height:1.15rem;flex:none;opacity:.85}.nav-item .lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item .tag{font-size:.66rem;font-weight:800;padding:.12rem .42rem;border-radius:var(--r-pill);background:var(--amber-tint);color:var(--amber);letter-spacing:.02em}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--surface);color:var(--pine);box-shadow:var(--sh-1);font-weight:640}.nav-item.active .ic{opacity:1}.nav-item.active:before{content:"";position:absolute;inset-inline-start:-.62rem;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--amber-tint)}.spine .foot{margin-top:auto;padding-top:var(--s-4)}.who{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1)}.who .av{width:2.3rem;height:2.3rem;border-radius:50%;flex:none;object-fit:cover;background:var(--pine-tint);display:grid;place-items:center;color:var(--pine);font-weight:700;font-size:.85rem}.who .meta{flex:1;min-width:0}.who .meta b{font-size:var(--t-sm);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who .meta small{color:var(--ink-3);font-size:var(--t-xs)}.who button{color:var(--ink-3);padding:.3rem;border-radius:var(--r-xs)}.who button:hover{color:var(--danger);background:var(--danger-tint)}.toggles{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);font-size:var(--t-xs);font-weight:650;color:var(--ink-2);transition:all var(--dur-1)}.toggle:hover{border-color:var(--pine-200);color:var(--pine)}.toggle .seg{display:flex}.toggle b{color:var(--pine)}.main{min-width:0;min-height:0;display:flex;flex-direction:column}.scroller{flex:1;min-height:0;overflow-y:auto}.view{max-width:var(--content-max);margin:0 auto;padding:var(--s-7) var(--s-7) var(--s-9);width:100%;view-transition-name:view}@media(max-width:1180px){.view{padding:var(--s-6) var(--s-5) var(--s-9)}}.phead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);margin-bottom:var(--s-6);flex-wrap:wrap}.phead .lead{max-width:54ch}.phead h1{font-size:var(--t-2xl);font-weight:540;max-width:20ch;text-wrap:balance}.phead .sub{color:var(--ink-2);margin-top:var(--s-3);font-size:var(--t-md)}.phead .act{display:flex;gap:var(--s-3);flex-wrap:wrap}.greet-time{font-family:var(--font-display);font-style:italic;color:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.15rem;border-radius:var(--r-pill);font-weight:640;font-size:var(--t-sm);border:1px solid transparent;transition:transform var(--dur-1) var(--spring),box-shadow var(--dur-2),background var(--dur-1),border-color var(--dur-1);white-space:nowrap;min-height:44px}.btn:active{transform:scale(.97)}.btn .ic{width:1.05rem;height:1.05rem}.btn-primary{background:var(--pine);color:#fff;box-shadow:var(--sh-pine)}.btn-primary:hover{background:var(--pine-700);box-shadow:0 16px 34px -10px #1e4d3a8c}[data-theme=dark] .btn-primary{color:#0c130f}.btn-amber{background:var(--amber);color:#fff;box-shadow:0 12px 26px -10px #bd6f2680}.btn-amber:hover{filter:brightness(1.05)}.btn-ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink);box-shadow:var(--sh-1)}.btn-ghost:hover{border-color:var(--pine-200);color:var(--pine)}.btn-quiet{color:var(--ink-2);padding:.6rem .8rem}.btn-quiet:hover{background:var(--surface-2);color:var(--ink)}.btn:disabled,.btn[aria-busy=true]{opacity:.62;box-shadow:none;cursor:not-allowed;pointer-events:none}.card.grave{border-color:var(--warn);box-shadow:none}.card.grave .card-h h3{color:var(--warn)}.hint{display:block;margin-top:.25rem;font-size:var(--t-xs);color:var(--ink-3)}.btn-sm{padding:.5rem .85rem;font-size:var(--t-xs);min-height:38px}.icon-btn{width:2.75rem;height:2.75rem;border-radius:var(--r-sm);display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);box-shadow:var(--sh-1)}.icon-btn:hover{color:var(--pine);border-color:var(--pine-200)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s-5);transition:box-shadow var(--dur-2),transform var(--dur-2) var(--ease)}.card.hover:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.card-h{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.card-h h3{font-size:var(--t-lg)}.card-h .more{font-size:var(--t-xs);font-weight:700;color:var(--pine);letter-spacing:.02em}.canvas{display:grid;gap:var(--s-5)}.canvas.home{grid-template-columns:1.55fr 1fr;grid-auto-rows:min-content;align-items:start}.canvas .span-2{grid-column:1 / -1}@media(max-width:940px){.canvas.home{grid-template-columns:1fr}}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}@media(max-width:600px){.quick{grid-template-columns:repeat(2,1fr)}}.q-tile{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);text-align:start;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);min-height:6.4rem;transition:all var(--dur-2) var(--ease);position:relative;overflow:hidden}.q-tile:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--pine-200)}.q-tile .qi{width:2.4rem;height:2.4rem;border-radius:12px;display:grid;place-items:center;background:var(--pine-tint);color:var(--pine)}.q-tile.amber .qi{background:var(--amber-tint);color:var(--amber)}.q-tile b{font-size:var(--t-sm);font-weight:640}.q-tile small{color:var(--ink-3);font-size:var(--t-xs)}.q-tile:after{content:"";position:absolute;inset-inline-end:-30%;top:-30%;width:60%;height:160%;background:radial-gradient(circle,var(--amber-tint),transparent 70%);opacity:0;transition:opacity var(--dur-3)}.q-tile:hover:after{opacity:.6}.payslip{position:relative;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);overflow:hidden}.payslip .pp-top{padding:var(--s-5) var(--s-5) var(--s-4);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-4)}.payslip .net{display:flex;flex-direction:column}.payslip .net .lab{font-size:var(--t-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.payslip .net .amt{font-family:var(--font-num);font-size:clamp(2.4rem,1.2rem+4vw,3.6rem);font-weight:560;letter-spacing:-.02em;line-height:1}.payslip .net .amt em{font-style:normal;font-size:.42em;color:var(--ink-3);margin-inline-start:.3rem}.payslip .stub{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px dashed var(--line-2)}.payslip .stub>div{padding:var(--s-4) var(--s-5);border-inline-start:1px dashed var(--line-2)}.payslip .stub>div:first-child{border-inline-start:none}.payslip .stub .k{font-size:var(--t-xs);color:var(--ink-3)}.payslip .stub .v{font-family:var(--font-num);font-size:var(--t-md);font-weight:600}.payslip .perf{position:absolute;inset-inline:0;top:8.2rem;height:14px;pointer-events:none;background:radial-gradient(circle at 7px 7px,var(--paper) 6px,transparent 7px) repeat-x;background-size:18px 14px;opacity:0}.gauge{display:flex;align-items:center;gap:var(--s-5)}.gauge .ring{--p: 70;--sz: 8.4rem;width:var(--sz);height:var(--sz);flex:none;position:relative}.gauge .ring svg{transform:rotate(-90deg);width:100%;height:100%}.gauge .ring .track{stroke:var(--line)}.gauge .ring .bar{stroke:var(--pine);stroke-linecap:round;transition:stroke-dashoffset var(--dur-4) var(--ease-out)}.gauge .ring .mid{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.gauge .ring .mid b{font-family:var(--font-num);font-size:1.7rem;font-weight:600;line-height:1}.gauge .ring .mid small{font-size:var(--t-xs);color:var(--ink-3);display:block}.gauge .legend li{display:flex;align-items:center;gap:.5rem;padding:.2rem 0;font-size:var(--t-sm)}.gauge .legend .dot{width:.6rem;height:.6rem;border-radius:50%}.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--s-4)}.fig .n{font-family:var(--font-num);font-size:var(--t-xl);font-weight:580;line-height:1}.fig .l{font-size:var(--t-xs);color:var(--ink-3);margin-top:.25rem}.fig .d{font-size:var(--t-xs);font-weight:700}.up{color:var(--ok)}.down{color:var(--danger)}.rows{display:flex;flex-direction:column}.r-item{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-2);border-bottom:1px solid var(--line);transition:background var(--dur-1);border-radius:var(--r-sm)}.r-item:last-child{border-bottom:none}.r-item:hover{background:var(--surface-2)}.r-item .lead-ic{width:2.5rem;height:2.5rem;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2)}.r-item .body{flex:1;min-width:0}.r-item .body b{font-size:var(--t-sm);font-weight:620}.r-item .body small{color:var(--ink-3);font-size:var(--t-xs)}.r-item .end{display:flex;align-items:center;gap:var(--s-3);flex:none}.r-amt{font-family:var(--font-num);font-weight:620}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.26rem .6rem;border-radius:var(--r-pill);font-size:.72rem;font-weight:700;letter-spacing:.02em;line-height:1}.badge .d{width:.45rem;height:.45rem;border-radius:50%}.b-ok{background:var(--ok-tint);color:var(--ok)}.b-ok .d{background:var(--ok)}.b-warn{background:var(--warn-tint);color:var(--warn)}.b-warn .d{background:var(--warn)}.b-danger{background:var(--danger-tint);color:var(--danger)}.b-danger .d{background:var(--danger)}.b-info{background:var(--info-tint);color:var(--info)}.b-info .d{background:var(--info)}.b-pine{background:var(--pine-tint);color:var(--pine)}.b-pine .d{background:var(--pine)}.b-amber{background:var(--amber-tint);color:var(--amber)}.b-amber .d{background:var(--amber)}.tl{position:relative;padding-inline-start:var(--s-5)}.tl:before{content:"";position:absolute;inset-inline-start:6px;top:.4rem;bottom:.4rem;width:2px;background:linear-gradient(var(--pine-200),var(--line))}.tl-node{position:relative;padding:0 0 var(--s-5) var(--s-4)}.tl-node:before{content:"";position:absolute;inset-inline-start:-.05rem;top:.3rem;width:.85rem;height:.85rem;border-radius:50%;background:var(--surface);border:2px solid var(--pine);box-shadow:0 0 0 4px var(--paper)}.tl-node.amber:before{border-color:var(--amber)}.tl-node .when{font-size:var(--t-xs);color:var(--ink-3);font-weight:700;letter-spacing:.04em}.tl-node h4{font-size:var(--t-md);margin:.15rem 0}.tl-node .ref{font-size:var(--t-xs);color:var(--ink-3)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:var(--s-4)}.field label{font-size:var(--t-sm);font-weight:620}.field .hint{font-size:var(--t-xs);color:var(--ink-3)}.input,.select,textarea.input{width:100%;padding:.7rem .9rem;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);transition:border-color var(--dur-1),box-shadow var(--dur-1);min-height:44px}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--pine-400);box-shadow:0 0 0 3px var(--pine-tint)}textarea.input{min-height:6rem;resize:vertical}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:var(--s-3)}.choice{position:relative;border:1px solid var(--line-2);border-radius:var(--r-md);padding:var(--s-4);cursor:pointer;transition:all var(--dur-1);display:flex;flex-direction:column;gap:.3rem}.choice:hover{border-color:var(--pine-200)}.choice input{position:absolute;opacity:0}.choice .ci{width:2rem;height:2rem;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2)}.choice b{font-size:var(--t-sm)}.choice small{font-size:var(--t-xs);color:var(--ink-3)}.choice:has(input:checked){border-color:var(--pine);background:var(--pine-tint);box-shadow:0 0 0 1px var(--pine)}.choice:has(input:checked) .ci{background:var(--pine);color:#fff}.scrim{position:fixed;inset:0;z-index:60;background:#1410086b;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity var(--dur-2)}.scrim.open{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:61;inset-block:0;inset-inline-end:0;width:min(34rem,100%);background:var(--paper-2);border-inline-start:1px solid var(--line);box-shadow:var(--sh-3);transform:translate(100%);transition:transform var(--dur-3) var(--ease-out);display:flex;flex-direction:column}[dir=rtl] .sheet{transform:translate(-100%)}.sheet.open{transform:none}.sheet-h{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5);border-bottom:1px solid var(--line)}.sheet-h h3{font-size:var(--t-lg)}.sheet-b{padding:var(--s-5);overflow-y:auto;flex:1}.sheet-f{padding:var(--s-4) var(--s-5);border-top:1px solid var(--line);display:flex;gap:var(--s-3);justify-content:flex-end}@media(max-width:560px){.sheet{width:100%;inset-block-start:auto;height:92dvh;inset-inline:0;border-radius:var(--r-xl) var(--r-xl) 0 0;transform:translateY(100%)}.sheet.open{transform:none}}.toasts{position:fixed;z-index:80;inset-block-end:var(--s-5);inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--s-3);padding:.8rem 1.1rem;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);box-shadow:var(--sh-3);font-size:var(--t-sm);font-weight:560;animation:toastin .4s var(--spring);pointer-events:auto}.toast.ok{background:var(--pine)}.toast.warn{background:var(--amber)}@keyframes toastin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-4);padding:var(--s-8) var(--s-5);border:1px dashed var(--line-2);border-radius:var(--r-xl);background:radial-gradient(120% 80% at 50% 0%,var(--surface),var(--paper-2))}.soon .ph{width:4.2rem;height:4.2rem;border-radius:20px;display:grid;place-items:center;background:var(--pine-tint);color:var(--pine)}.soon h2{font-size:var(--t-xl)}.soon p{max-width:42ch;color:var(--ink-2)}.soon .phase{margin-top:var(--s-2)}.appr{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:var(--s-3);transition:box-shadow var(--dur-2)}.appr:hover{box-shadow:var(--sh-2)}.appr .who-av{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--pine-tint);color:var(--pine);display:grid;place-items:center;font-weight:700;flex:none}.appr .acts{display:flex;gap:var(--s-2)}.mini{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--surface);transition:all var(--dur-1)}.mini.ok:hover{background:var(--ok);color:#fff;border-color:var(--ok)}.mini.no:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.pbar{height:.5rem;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.pbar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pine-400),var(--pine));transition:width var(--dur-4) var(--ease-out)}.auth-wrap{min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr}@media(max-width:860px){.auth-wrap{grid-template-columns:1fr}.auth-aside{display:none}}.auth-aside{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--pine-700),var(--pine));color:#fff;padding:var(--s-8);display:flex;flex-direction:column;justify-content:space-between}.auth-aside .quote{font-family:var(--font-display);font-size:clamp(1.6rem,1rem+2.4vw,2.6rem);font-weight:480;line-height:1.16;letter-spacing:-.02em;max-width:18ch}.auth-aside .mark{width:3rem;height:3rem;border-radius:12px;background:#ffffff24;display:grid;place-items:center;font-family:var(--font-display);font-size:1.4rem}.auth-aside .deco{position:absolute;inset:0;opacity:.4;background:radial-gradient(40vw 40vw at 80% 10%,var(--amber-400),transparent 60%),radial-gradient(30vw 30vw at 10% 90%,#fff2,transparent 60%)}.auth-main{display:grid;place-items:center;padding:var(--s-6)}.auth-card{width:min(26rem,100%)}.auth-card h1{font-size:var(--t-2xl)}.mtop,.mtab{display:none}@media(max-width:860px){.app{grid-template-columns:1fr}.spine{display:none}.mtop{display:flex;position:sticky;top:0;z-index:40;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);background:color-mix(in oklab,var(--paper) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.drawer .nav-item{padding-block:.78rem;min-height:44px}.drawer .nav{gap:4px}.drawer .panel{padding-block-end:calc(var(--s-5) + env(safe-area-inset-bottom))}.drawer #d-logout{width:100%;margin-block-start:var(--s-3);background:none;border:none;font-family:inherit;cursor:pointer}.toasts{inset-block-end:calc(var(--s-5) + 4.4rem + env(safe-area-inset-bottom))}.toast{max-width:calc(100% - 2 * var(--s-4))}.mtab{display:flex;position:sticky;bottom:0;z-index:40;justify-content:space-around;padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.mtab a{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .7rem;border-radius:var(--r-sm);color:var(--ink-3);font-size:.66rem;font-weight:640;min-width:3.6rem;min-height:44px;justify-content:center}.mtab a.active{color:var(--pine)}.mtab a.active .ic{transform:translateY(-2px)}.mtab .ic{width:1.35rem;height:1.35rem;transition:transform var(--dur-1)}.view{padding:var(--s-5) var(--s-4) var(--s-8)}.phead h1{font-size:var(--t-2xl)}}::view-transition-old(view){animation:vtout .2s var(--ease-in) both}::view-transition-new(view){animation:vtin .34s var(--ease-out) both}@keyframes vtout{to{opacity:0;transform:translateY(-6px)}}@keyframes vtin{0%{opacity:0;transform:translateY(10px)}}.drawer{position:fixed;inset:0;z-index:70;pointer-events:none}.drawer .panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(20rem,86%);background:var(--paper-2);border-inline-end:1px solid var(--line);box-shadow:var(--sh-3);transform:translate(-100%);transition:transform var(--dur-3) var(--ease-out);padding:var(--s-5);overflow-y:auto}[dir=rtl] .drawer .panel{transform:translate(-100%);inset-inline-start:auto;inset-inline-end:0}.drawer.open{pointer-events:auto}.drawer.open .panel{transform:none}.drawer .sc{position:absolute;inset:0;background:#14100866;opacity:0;transition:opacity var(--dur-2)}.drawer.open .sc{opacity:1}.mtop,.mtab{background:var(--paper)}@supports (backdrop-filter: blur(8px)){:root:not([data-lite]) .mtop{background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:blur(12px)}:root:not([data-lite]) .mtab{background:color-mix(in oklab,var(--paper) 90%,transparent);backdrop-filter:blur(14px)}}[data-lite] .atmos,[data-lite] .aurora{display:none}[data-lite] .scrim{backdrop-filter:none;background:#1410088c}[data-lite] .card,[data-lite] .q-tile,[data-lite] .payslip,[data-lite] .appr{box-shadow:var(--sh-1)}[data-lite] .q-tile:hover,[data-lite] .card.hover:hover{transform:none}[data-lite] ::view-transition-old(view),[data-lite] ::view-transition-new(view){animation:none}[data-lite] .reveal>*{animation:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}@media(max-width:820px){.split{grid-template-columns:1fr}}.kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem var(--s-4);align-items:baseline}.kv dt{color:var(--ink-3);font-size:var(--t-sm)}.kv dd{font-weight:560;text-align:end}.fresh{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;color:var(--ink-3)}.fresh .d{width:.45rem;height:.45rem;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-tint)}.fresh.stale .d{background:var(--warn);box-shadow:0 0 0 3px var(--warn-tint)}.fresh.live .d{animation:pulse 2s var(--ease) infinite}@keyframes pulse{50%{opacity:.4}}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--line) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shim 1.4s ease infinite;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){.skel{animation:none}}@keyframes shim{to{background-position:-135% 0}}.r-item .body b{display:block;line-height:1.25}.r-item .body small{display:block;margin-top:.1rem}.r-amt,.fig .n,.payslip .net .amt,.stub .v,.card.hover .num,.who .meta b{white-space:nowrap}.q-tile small{line-height:1.3}.card.hover.row.between .num{font-size:var(--t-md)}.appr .grow small{display:block;margin-top:.15rem}@media(max-width:560px){.payslip .stub>div{padding:var(--s-3) var(--s-4)}.payslip .stub .v{font-size:var(--t-base)}.payslip .pp-top{padding:var(--s-4) var(--s-4) var(--s-3)}}.mini{width:2.75rem;height:2.75rem}.num{unicode-bidi:isolate}.anchor .txt,.quote,.anchor-said,.crit .card-h h3,.crit .card-h .sub,.appr-hero h3,.appr-hero .sub{unicode-bidi:plaintext}.btn-sm{min-height:40px}.cal-nav{display:flex;align-items:center;gap:.5rem}.cal-arrow{width:2rem;height:2rem;border-radius:8px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink-2)}.cal-arrow:hover:not(:disabled){color:var(--pine);border-color:var(--pine-200)}.cal-arrow:disabled{opacity:.4;cursor:not-allowed}#cal-title{font-size:var(--t-sm);min-width:8rem;text-align:center;text-transform:capitalize}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:.6rem}.cal-h{text-align:center;font-size:.64rem;font-weight:700;letter-spacing:.04em;color:var(--ink-3);padding:.25rem 0}.cal-day{aspect-ratio:1;min-height:38px;border-radius:10px;display:grid;place-items:center;font-size:var(--t-sm);border:1px solid transparent;background:transparent;color:var(--ink);font-variant-numeric:tabular-nums;transition:background var(--dur-1),color var(--dur-1)}.cal-day:hover:not([disabled]){background:var(--surface-2)}.cal-day[disabled]{cursor:not-allowed}.cal-day.off,.cal-day.past{color:var(--ink-3);opacity:.4}.cal-day.hol{color:var(--amber);position:relative}.cal-day.hol:after{content:"";position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--amber)}.cal-day.in{background:var(--pine-tint);border-radius:4px}.cal-day.is-start,.cal-day.is-end{background:var(--pine);color:#fff;font-weight:700}[data-theme=dark] .cal-day.is-start,[data-theme=dark] .cal-day.is-end{color:#0c130f}.cal-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.55rem;font-size:var(--t-xs);color:var(--ink-3)}.cal-legend .lg{display:inline-block;width:.7rem;height:.7rem;border-radius:3px;vertical-align:middle;margin-inline-end:.3rem}.cal-legend .lg.off{background:var(--line-2)}.cal-legend .lg.sel{background:var(--pine)}.lvx-summary{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4);display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem;font-size:var(--t-sm)}.lvx-summary .over,.lvx-summary .over b{color:var(--danger)}.lvx-conflict{font-size:var(--t-xs);color:var(--warn);background:var(--warn-tint);padding:.5rem .7rem;border-radius:var(--r-sm);display:flex;align-items:center;gap:.4rem}.ic.flip{transform:scaleX(-1)}.toast-undo{margin-inline-start:.4rem;padding:.2rem .6rem;border-radius:var(--r-pill);background:#ffffff2e;color:inherit;font-weight:700;font-size:.78rem}.toast-undo:hover{background:#ffffff4d}.choice:focus-within{box-shadow:var(--ring);border-color:var(--pine-200)}.cal-day:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--pine);position:relative;z-index:1}.searchbar{position:relative}.searchbar .si{position:absolute;inset-inline-start:.9rem;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.searchbar .si .ic{width:1.1rem;height:1.1rem}.searchbar input{padding-inline-start:2.6rem}.empty-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-5);color:var(--ink-3)}.empty-row>.ic{width:1.4rem;height:1.4rem;flex:none}.stepper{display:flex;align-items:center;gap:.4rem;list-style:none;padding:0;margin:.5rem 0 0;font-size:var(--t-xs);flex-wrap:wrap}.stepper li{display:flex;align-items:center;gap:.4rem;color:var(--ink-3)}.stepper li:after{content:"";width:1.4rem;height:2px;background:var(--line);margin-inline-start:.2rem}.stepper li:last-child:after{display:none}.stepper .dot{width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line-2);font-weight:700;font-size:.7rem}.stepper .dot .ic{width:.9rem;height:.9rem}.stepper li.done{color:var(--pine)}.stepper li.done .dot{background:var(--pine);color:#fff;border-color:var(--pine)}[data-theme=dark] .stepper li.done .dot{color:#0c130f}.stepper li.done:after{background:var(--pine-200)}.stepper li.cur{color:var(--ink);font-weight:700}.stepper li.cur .dot{border-color:var(--pine);color:var(--pine)}.next-action{margin-top:.8rem;display:flex;align-items:center;gap:.45rem;font-size:var(--t-sm);font-weight:600;color:var(--amber);background:var(--amber-tint);padding:.55rem .8rem;border-radius:var(--r-sm)}.next-action .ic{width:1rem;height:1rem;flex:none}.qr-box{width:8rem;height:8rem;border-radius:var(--r-md);border:2px dashed var(--line-2);display:grid;place-items:center;color:var(--pine);background:var(--surface-2)}.qr-box .ic{width:3rem;height:3rem}svg.ic{width:1.1rem;height:1.1rem;flex:none;vertical-align:-.16em}.lead-ic .ic,.qi .ic{width:1.25rem;height:1.25rem}.q-tile .qi .ic{width:1.35rem;height:1.35rem}.soon .ph .ic{width:1.9rem;height:1.9rem}.who-av .ic{width:1.2rem;height:1.2rem}.next-action .ic,.stepper .dot .ic,.empty-row>.ic,.searchbar .si .ic{vertical-align:middle}.delta{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--t-xs);font-weight:700;padding:.25rem .55rem;border-radius:var(--r-pill);margin-top:.5rem}.delta.up{color:var(--ok);background:var(--ok-tint)}.delta.down{color:var(--danger);background:var(--danger-tint)}.dl-chip{display:inline-block;font-size:var(--t-xs);font-weight:700;color:var(--info);background:var(--info-tint);padding:.2rem .5rem;border-radius:var(--r-pill);margin-top:.3rem}.dl-chip.urgent{color:var(--danger);background:var(--danger-tint)}.appr-steps{display:flex;gap:var(--s-2);list-style:none;padding:0;margin:var(--s-4) 0 0}.appr-steps li{flex:1;display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--t-xs);font-weight:620;color:var(--ink-3)}.appr-steps li b{width:1.35rem;height:1.35rem;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--ink-2);font-size:var(--t-xs);flex:none}.appr-steps li.done{color:var(--pine);border-color:var(--pine-200);background:var(--pine-tint)}.appr-steps li.done b{background:var(--pine);color:#fff}.appr-steps li.now{color:var(--ink);border-color:var(--amber);background:var(--amber-tint)}.appr-steps li.now b{background:var(--amber);color:#fff}.appr-steps li em{font-style:normal;font-weight:500;font-size:var(--t-xs);color:var(--ink-3)}@media(max-width:560px){.appr-steps{flex-direction:column;gap:.35rem}.appr-steps li{flex:none;justify-content:flex-start}}.appr-hero .note{margin-top:var(--s-4)}.note{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem .9rem;border-radius:var(--r-md);background:var(--info-tint);color:var(--ink-2);font-size:var(--t-sm);border:1px solid transparent}.note.warn{background:var(--warn-tint)}.note .ic{color:var(--info);flex:none;margin-top:.1rem}.note.warn .ic{color:var(--warn)}.anchors{display:grid;gap:.5rem;margin-top:var(--s-3)}@media(min-width:760px){.anchors{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}}.anchor{display:flex;gap:.6rem;align-items:flex-start;text-align:start;width:100%;padding:.7rem .8rem;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--t-sm);cursor:pointer;transition:border-color .16s,background .16s,transform .12s}.anchor:hover:not(:disabled){border-color:var(--pine-200);background:var(--surface-2)}.anchor:active:not(:disabled){transform:scale(.99)}.anchor{position:relative}.anchor:disabled{cursor:default;opacity:1}.anchor:disabled:not(.on):not(.marked){opacity:.58}.anchor .lvl{flex:none;width:1.7rem;height:1.7rem;border-radius:var(--r-xs);display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-num);font-weight:600;color:var(--ink-2)}.anchor .txt{line-height:1.35}.anchor.on{border:2px solid var(--pine);padding:calc(.7rem - 1px) calc(.8rem - 1px);background:var(--pine-tint);color:var(--ink);box-shadow:var(--sh-1)}.anchor.marked{border-color:var(--pine-400);border-style:dashed}.anchor .pick{margin-inline-start:auto;flex:none;display:flex;color:var(--pine)}.anchor .mk{position:absolute;inset-block-start:-.6rem;inset-inline-end:.6rem;padding:.05rem .45rem;border-radius:var(--r-pill);background:var(--pine);color:#fff;font-size:var(--t-xs);white-space:nowrap}.anchor.on .lvl{background:var(--pine);border-color:var(--pine);color:#fff}.small{font-size:var(--t-sm);line-height:1.45}.note small{font-size:inherit}.note b{display:block;color:var(--ink);font-weight:620;line-height:1.4}.note.warn b{color:var(--warn)}.note small{color:var(--ink-2)}@media(max-width:560px){.note{font-size:var(--t-base)}}.crit .card-h .sub{margin-top:.2rem;font-size:var(--t-sm);color:var(--ink-3);line-height:1.4}.crit .card-h .sub .eyebrow{display:inline-block;color:var(--pine);margin-inline-end:.5rem}.crit .quote.small,.quote.small{font-size:var(--t-sm)}.quote{margin:var(--s-3) 0 0;padding-inline-start:.9rem;border-inline-start:3px solid var(--line-2);color:var(--ink-2);font-size:var(--t-base);line-height:1.5}.quote.who-self{border-inline-start-color:var(--info)}.quote.who-mgr{border-inline-start-color:var(--pine)}.quote>b{display:block;margin-bottom:.15rem;font-size:var(--t-xs);font-weight:700;color:var(--ink-3)}.quote .said{display:block}.anchor-said{margin:var(--s-3) 0 0;font-size:var(--t-sm);color:var(--ink-2)}.anchor-said b{color:var(--ink)}.gapline{margin-top:var(--s-4)}.gapline .rail{position:relative;height:2px;background:var(--line-2);border-radius:2px;margin-block:2.9rem;margin-inline:3rem}.gapline .pin{position:absolute;translate:-50% -50%;display:grid;place-items:center}html[dir=rtl] .gapline .pin{translate:50% -50%}.gapline .pin.mgr{top:calc(50% - 1.05rem)}.gapline .pin.self{top:calc(50% + 1.05rem)}.gapline .pin b{width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;font-family:var(--font-num);font-size:var(--t-xs);font-weight:600;border:2px solid var(--surface)}.gapline .pin small{position:absolute;inset-inline-start:50%;translate:-50% 0;white-space:normal;text-align:center;width:max-content;max-inline-size:min(9rem,38vw);line-height:1.25;font-size:var(--t-xs);color:var(--ink-2)}html[dir=rtl] .gapline .pin small{translate:50% 0}.gapline .pin.self small{top:1.45rem}.gapline .pin.mgr small{top:auto;bottom:1.45rem}.gapline .pin.self b{background:var(--info-tint);color:var(--info)}.gapline .pin.mgr b{background:var(--pine);color:#fff}.gapline.up .pin.mgr b{background:var(--ok)}.gapline.down .pin.mgr b{background:var(--warn)}@media(max-width:560px){.gapline .rail{margin-inline:3.2rem}}.savebar{position:sticky;bottom:.75rem;z-index:5;display:flex;gap:var(--s-3);padding:.6rem;border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--sh-2)}.savebar .btn{flex:0 1 auto}.savebar .btn-primary{flex:1 1 auto}.savebar .btn-grave{margin-inline-start:auto;background:var(--danger-tint);color:var(--danger);border:1px solid var(--danger);box-shadow:none}.savebar .btn-grave:hover{background:var(--danger);color:#fff}.savebar-count{align-self:center;white-space:nowrap;font-size:var(--t-sm);color:var(--ink-2);padding-inline-start:.5rem}.savebar-count.full{color:var(--pine);font-weight:640}@media(max-width:560px){.savebar{flex-direction:column}.savebar .btn{flex:none;width:100%;white-space:normal}.savebar-count{font-size:var(--t-xs)}}@media(max-width:860px){.view:has(.savebar){padding-bottom:calc(var(--s-8) + 5rem)}}.kpis{display:flex;gap:var(--s-3);flex-wrap:wrap}.kpi{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .95rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);min-width:8rem}.kpi small{font-size:var(--t-xs);color:var(--ink-3)}.kpi .num{font-family:var(--font-num);font-size:var(--t-xl);font-weight:580;line-height:1.05;direction:ltr;align-self:flex-start}[dir=rtl] .kpi .num{align-self:flex-end}.kpi .num em{font-style:normal;font-size:var(--t-sm);font-weight:400;color:var(--ink-3);margin-inline-start:.12rem;unicode-bidi:isolate}.kpi.score{background:var(--pine-tint);border-color:var(--pine-200)}.kpi.score .num{color:var(--pine)}.kpi.warn{border-color:var(--warn);background:var(--warn-tint)}.appr-row{display:flex;align-items:center;gap:.8rem;width:100%;text-align:start;padding:.85rem .95rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);cursor:pointer;font:inherit;color:inherit;transition:border-color .16s,box-shadow .16s}.appr-row{position:relative}.appr-row:hover{border-color:var(--pine-200);box-shadow:var(--sh-2)}.appr-row.on{border-color:var(--pine);background:var(--pine-tint);box-shadow:var(--sh-2)}.appr-row.on:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--pine);border-start-start-radius:var(--r-lg);border-end-start-radius:var(--r-lg)}.appr-row .body{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.appr-row .end .ic{color:var(--ink-3)}html[dir=rtl] .appr-row .end .ic{transform:scaleX(-1)}.mini-steps{display:flex;gap:.35rem;margin-top:.35rem}.mini-steps i{font-style:normal;font-size:var(--t-xs);padding:.15rem .5rem;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line)}.mini-steps i.on{background:var(--pine-tint);color:var(--pine);border-color:var(--pine-200)}.appr-panel{margin-top:var(--s-5)}.gap-said{margin:.35rem 0 0;text-align:center;font-size:var(--t-xs);font-weight:640}.gap-said.up{color:var(--ok)}.gap-said.down{color:var(--warn)}.gap-said.flat{color:var(--ink-3)}.appr-panel .field .btn{align-self:flex-start;margin-top:.15rem}.phead{padding:var(--s-5) var(--s-5) var(--s-4);border-radius:var(--r-lg);background:var(--grad-hero);border:1px solid var(--glass-line)}.phead h1{font-weight:800;letter-spacing:-.03em}.greet-time{font-style:normal;font-weight:800;background:var(--grad-solar);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .mark{background:var(--grad-brand);box-shadow:var(--sh-pine);font-family:var(--font-display)}.brand b{font-weight:800}.nav-item.active{background:var(--pine-tint);color:var(--pine);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pine) 25%,transparent)}.nav-item.active .lbl{font-weight:700}.nav-item .tag{background:var(--grad-solar);color:#201200;font-weight:800}.btn-primary{background:var(--grad-brand);box-shadow:var(--sh-pine)}.btn-primary:hover{background:var(--grad-brand);filter:brightness(1.07);box-shadow:0 14px 36px -8px #0b9e6f8c}[data-theme=dark] .btn-primary{color:#06231a;font-weight:700}.btn-amber{background:var(--grad-solar);color:#241300;font-weight:700}[data-theme=dark] .card,[data-theme=dark] .payslip{background:var(--glass);border-color:var(--glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card.hover:hover{transform:translateY(-3px);box-shadow:var(--sh-2),0 0 0 1px color-mix(in srgb,var(--pine) 18%,transparent)}.q-tile .qi{background:var(--grad-brand);color:#fff;box-shadow:0 6px 16px -6px #0b9e6f80}.q-tile.amber .qi{background:var(--grad-solar);color:#241300}.q-tile:hover{border-color:color-mix(in srgb,var(--pine) 35%,var(--line))}.payslip .net .amt{font-weight:700;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.payslip{box-shadow:var(--sh-2),0 0 0 1px var(--glass-line)}.gauge .ring .bar{stroke:var(--pine);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--pine) 45%,transparent))}.gauge .ring .mid b{font-weight:800}.fig .n{font-weight:700}[data-theme=dark] .spine{background:linear-gradient(180deg,#0f1a1deb,#0b1416f5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.badge{font-weight:800}