:root{--bg: #0a0b08;--surface: #16180f;--surface-2: #1b1e15;--border: #262922;--accent: #b6f23d;--accent-dim: #8fc22f;--text: #fafaf5;--muted: #a7ac9c;--danger: #e5644e;--warning: #f5c451;--radius: 14px;--radius-sm: 8px;--radius-lg: 22px;--radius-xs: 4px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--t-press: 90ms;--t-fast: .13s;--t-med: .18s;--ease: cubic-bezier(.2,.7,.2,1);--mono: "JetBrains Mono", ui-monospace, monospace;--ui: "DM Sans", "Segoe UI", system-ui, sans-serif;--display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,.big-num{line-height:1.15}h1,h2,h3{font-family:var(--display)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.accent{color:var(--accent)}.wrap{max-width:1040px;margin:0 auto;padding:var(--sp-6)}.center-page{min-height:100%;display:grid;place-items:center;padding:var(--sp-6)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6) var(--sp-7)}.row{display:flex;align-items:center;gap:var(--sp-3)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.col{display:flex;flex-direction:column}@media (max-width: 760px){.row,.between{flex-wrap:wrap}}.grid{display:grid;gap:var(--sp-4)}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width: 760px){.g2,.g3,.g4{grid-template-columns:1fr}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.stack>*+*{margin-top:var(--sp-5)}.field-msg{margin-top:-10px}h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}h2{font-size:20px;font-weight:700;margin:0 0 8px}.label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.big-num{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:32px}.big-num.xl{font-size:38px}.big-num.md{font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#0a0b08;border:none;font-weight:700;padding:13px 22px;border-radius:var(--radius-sm);font-size:15px;min-height:44px;transition:filter var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 22px #b6f23d29}.btn:active{transform:scale(.98);transition-duration:var(--t-press)}.btn:focus-visible{outline-color:var(--text);outline-offset:3px}.btn.block{width:100%}.btn.sm{padding:8px 14px;font-size:13px;min-height:44px}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent);filter:none;box-shadow:var(--elev-1)}.btn.ghost.danger{color:var(--muted)}.btn.ghost.danger:hover{border-color:var(--danger);color:var(--danger);background:#e5644e14;box-shadow:none}.btn.danger{background:var(--danger);color:#1a0f0c}.btn.danger:hover{filter:brightness(1.06);box-shadow:0 6px 22px #e5644e2e}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{filter:none;transform:none;box-shadow:none}.field{display:block}.field .label{margin-bottom:8px;display:block}.input,select.input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;font-size:15px;outline:none;min-height:44px;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.input:hover:not(:focus):not(:disabled){border-color:#363a2e}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b6f23d1f}.input.mono{font-family:var(--mono)}.form-err{color:var(--danger);font-size:13px;margin:0}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);color:var(--muted)}.pill.live{color:var(--accent);border-color:var(--accent)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}tbody tr{transition:background-color var(--t-fast) var(--ease)}tbody tr:hover{background:#ffffff06}.sticky-head{max-height:440px;overflow:auto}.sticky-head thead th{position:sticky;top:0;z-index:2;background:var(--surface);box-shadow:0 1px 0 var(--border)}@media (max-width: 560px){th,td{padding:10px 8px}table{font-size:13.5px}}.dev-banner{background:#b6f23d1a;border:1px dashed var(--accent);color:var(--accent);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6)}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}@media (max-width: 760px){.plan-grid{grid-template-columns:1fr}}.card,.tile{box-shadow:var(--elev-1)}.plan:not(.featured){box-shadow:var(--elev-1)}.layout{display:grid;grid-template-columns:248px 1fr;min-height:100dvh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--sp-6) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1);position:sticky;top:0;height:100dvh;overflow-y:auto}.sidebar .brand,.navdrawer .brand{padding:8px 8px 18px}.side-link{position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;min-height:44px;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;font-size:14px;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.side-link:before{content:"";position:absolute;left:0;top:50%;width:3px;height:18px;border-radius:999px;background:var(--accent);opacity:0;transform:translateY(-50%) scaleY(.3);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.side-link:hover{background:var(--surface-2);color:var(--text);transform:translate(2px)}.side-link.active{background:#b6f23d1a;color:var(--accent)}.side-link.active:before{opacity:1;transform:translateY(-50%) scaleY(1)}.side-link .ic{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;opacity:.9}.side-link .sl-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .spacer,.navdrawer .spacer{flex:1}.hh-card{display:flex;flex-direction:column;gap:3px;margin:8px 0 6px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}a.hh-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:translateY(-1px)}.hh-card .hh-name{font-weight:700;font-size:13.5px;letter-spacing:-.1px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-card .hh-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.hh-card .hh-status .hh-dot{width:6px;height:6px;border-radius:999px;background:currentColor;flex:0 0 auto}.hh-card .hh-status.ok{color:var(--accent)}.hh-card .hh-status.warn{color:var(--warning)}.sidebar .who,.navdrawer .who{padding:6px 8px 10px;font-size:11.5px;color:var(--muted);word-break:break-all}.content{padding:var(--sp-8);max-width:1100px;min-width:0}.route-view{animation:ck-rise var(--t-enter) var(--ease-spring) both}.topbar,.drawer-scrim,.navdrawer{display:none}@media (max-width: 860px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{display:none}.content{padding:var(--sp-5) var(--sp-4) var(--sp-7)}.topbar{display:flex;align-items:center;gap:var(--sp-3);position:sticky;top:0;z-index:60;padding:10px var(--sp-4);padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar .burger{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);position:relative;transition:border-color var(--t-fast) ease}.topbar .burger:hover{border-color:var(--accent)}.topbar .burger .tb-dot{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:999px;background:var(--accent);border:2px solid var(--surface)}.topbar .tb-brand{display:flex;align-items:center;gap:8px}.topbar .bell{width:auto;margin-left:auto;flex:0 0 auto}.drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#08090699;opacity:0;pointer-events:none;transition:opacity var(--t-med) ease}.drawer-scrim.open{opacity:1;pointer-events:auto}.navdrawer{display:flex;flex-direction:column;gap:var(--sp-1);position:fixed;top:0;bottom:0;left:0;z-index:100;width:min(84vw,320px);height:100dvh;background:var(--surface);border-right:1px solid var(--border);padding:max(var(--sp-6),env(safe-area-inset-top)) var(--sp-4) var(--sp-5);transform:translate(-100%);transition:transform var(--t-med) var(--ease);overflow-y:auto}.navdrawer.open{transform:none;box-shadow:0 24px 70px #0009}.notif-panel{left:auto;right:0;width:min(340px,calc(100vw - 32px))}}@media (prefers-reduced-motion: reduce){.navdrawer,.drawer-scrim{transition:none}}.voucher-row{display:grid;grid-template-columns:1fr 120px 120px auto;gap:8px;align-items:end}@media (max-width: 700px){.voucher-row{grid-template-columns:1fr}}.dow-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;background:var(--bg);transition:border-color var(--t-fast) ease,color var(--t-fast) ease}.dow-toggle:hover{border-color:var(--accent);color:var(--text)}.dow-toggle.on{background:var(--accent);color:#0a0b08;border-color:var(--accent)}@keyframes clk-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes clk-fade{0%{opacity:0}to{opacity:1}}@keyframes clk-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes clk-scan{0%{transform:translateY(-120%)}to{transform:translateY(120%)}}.card,.plan{transition:border-color var(--t-med) var(--ease),transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease)}.reveal{opacity:0;transform:translateY(12px)}.reveal.in{opacity:1;transform:none;transition:opacity .42s var(--ease),transform .42s var(--ease)}.reveal.in{transition-delay:calc(var(--i, 0) * 55ms)}.q-row{animation:clk-rise .4s var(--ease) both;animation-delay:calc(var(--i, 0) * 55ms)}.q-row.leaving{animation:q-leave .34s var(--ease) forwards;pointer-events:none;overflow:hidden}@keyframes q-leave{0%{opacity:1;transform:none;max-height:200px}to{opacity:0;transform:translate(10px);max-height:0;padding-top:0;padding-bottom:0;margin:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:#0809069e;padding:20px;animation:clk-fade .18s var(--ease) both}.modal-card{width:460px;max-width:100%;max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-7);box-shadow:var(--elev-3);animation:modal-pop var(--t-move) var(--ease-spring) both}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.modal-card h2{margin-bottom:6px}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:min(92vw,360px)}.toast{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;color:var(--text);box-shadow:var(--elev-2);animation:toast-in var(--t-move) var(--ease-spring) both}.toast.leaving{animation:toast-out .26s var(--ease) forwards}.toast.ok{border-left-color:var(--accent)}.toast.err{border-left-color:var(--danger)}.toast.info{border-left-color:var(--warning)}.toast .t-x{background:transparent;border:none;color:var(--muted);cursor:pointer;line-height:1;width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;margin:-10px -12px -10px auto;border-radius:var(--radius-sm);transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.toast .t-x:hover{color:var(--text);background:#ffffff0d}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)}}.skel-row{height:64px;border-radius:var(--radius-sm)}.skel-line{height:12px;border-radius:999px}.skel-num{height:34px;width:72px;border-radius:var(--radius-sm)}.loading-hint{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13.5px}.loading-hint .ld{width:8px;height:8px;border-radius:999px;background:var(--accent);animation:ld-pulse 1.1s var(--ease) infinite}@keyframes ld-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}h3{font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0 0 6px;color:var(--text)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.page-header .ph-titles{min-width:0}.page-header .ph-actions{flex:0 0 auto}.card.clickable,a.card{cursor:pointer;transition:border-color .15s ease,transform .06s ease}.card.clickable:hover,a.card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 24px}.empty-state.compact{padding:22px 16px}.es-disc{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--accent);background:#b6f23d14;border:1px solid rgba(182,242,61,.25);margin-bottom:6px}.empty-state.compact .es-disc{width:38px;height:38px}.es-title{font-weight:700;font-size:15.5px;letter-spacing:-.2px}.es-hint{color:var(--muted);font-size:13.5px;max-width:44ch;margin:0 0 6px;line-height:1.55}.empty-state .btn{margin-top:6px}.side-link .nav-badge{background:var(--accent);color:#0a0b08;border-radius:999px;min-width:20px;height:20px;padding:0 7px;display:inline-grid;place-items:center;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.side-link.active .nav-badge{background:var(--accent);color:#0a0b08}.auth-split{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh}.auth-visual{position:relative;overflow:hidden;background:#0a0b08;background-image:linear-gradient(180deg,#0a0b0826,#0a0b088c 60%,#0a0b08eb),url(/auth-hero.jpg);background-size:cover;background-position:center;animation:clk-fade .6s ease both}.auth-visual .tag{position:absolute;left:44px;right:44px;bottom:44px;animation:clk-fade-up .55s .15s ease both}.auth-visual .tag h2{font-size:30px;font-weight:800;letter-spacing:-.6px;line-height:1.12;margin:0}.auth-form{display:grid;place-items:center;padding:48px 36px}.auth-card{width:448px;max-width:100%;animation:clk-fade .4s ease both}.auth-card .stack>*+*{margin-top:var(--sp-6)}.auth-card h1{margin-bottom:14px}.auth-card>*{animation:clk-fade-up .42s ease both}.auth-card>*:nth-child(1){animation-delay:.04s}.auth-card>*:nth-child(2){animation-delay:.09s}.auth-card>*:nth-child(3){animation-delay:.14s}.auth-card>*:nth-child(4){animation-delay:.19s}.auth-card>*:nth-child(5){animation-delay:.24s}.step-enter{animation:clk-fade-up .35s ease both}.auth-foot{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);text-align:center;margin-top:var(--sp-4);padding-top:var(--sp-7);border-top:1px solid var(--border);font-size:13.5px;color:var(--muted)}.auth-foot a{color:var(--accent);font-weight:600}.auth-foot a:hover{text-decoration:underline}.auth-foot .sub{color:var(--muted)}.auth-or{display:flex;align-items:center;gap:12px;margin:var(--sp-5) 0 var(--sp-4);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--border)}@media (max-width: 860px){.auth-split{grid-template-columns:1fr}.auth-visual{display:none}}@media (max-width: 480px){.auth-form{padding:32px 20px max(32px,env(safe-area-inset-bottom))}}.code-input{letter-spacing:14px;text-indent:14px;font-size:27px;font-weight:700;text-align:center;padding-top:16px;padding-bottom:16px}@media (max-width: 480px){.code-input{letter-spacing:10px;text-indent:10px;font-size:23px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.auth-card,.auth-card>*,.auth-visual,.auth-visual .tag,.wbtn,.step-enter{animation:none!important}.reveal{opacity:1;transform:none}.reveal.in{transition:none;transition-delay:0s}.q-row,.toast,.modal-card,.modal-overlay,.q-row.leaving{animation:none!important}.skel:after{animation:none!important;display:none}}.bell{position:relative;width:100%;min-height:44px;text-align:left;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:11px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:border-color var(--t-fast) var(--ease)}.bell:hover{border-color:var(--accent)}.bell .badge{background:var(--danger);color:#1a0f0c;border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:11px;font-weight:700;padding:0 6px;font-variant-numeric:tabular-nums}.notif-panel{position:absolute;top:calc(100% + 8px);left:0;width:340px;max-height:460px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;z-index:80;box-shadow:var(--elev-3);animation:ck-pop var(--t-move) var(--ease-spring) both;transform-origin:top left}.notif-list{display:flex;flex-direction:column;gap:8px}.notif-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:var(--radius-sm);background:var(--bg)}.notif-item .dot{width:8px;height:8px;border-radius:999px;margin-top:5px;flex:0 0 8px}.notif-item .x{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:14px;min-width:38px;min-height:38px;margin:-4px -4px -4px 0;display:grid;place-items:center;border-radius:var(--radius-sm);transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.notif-item .x:hover{background:var(--surface-2);color:var(--text)}.code-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);box-shadow:0 1px #ffffff08 inset,0 6px 20px #00000047}.code-card.lead{border-color:#b6f23d66}.code-hero{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;letter-spacing:6px;color:var(--accent);line-height:1.1;word-break:break-all}@media (max-width: 480px){.code-hero{font-size:27px;letter-spacing:4px}}.code-pill{display:inline-flex;align-items:center;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:2px;color:var(--accent);background:#b6f23d1a;border:1px solid rgba(182,242,61,.35);border-radius:var(--radius-sm);padding:4px 12px;font-size:17px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border)}.chip.ok{color:var(--accent);border-color:#b6f23d66}.chip.warn{color:var(--warning);border-color:#f5c45166}.chip.bad{color:var(--danger);border-color:#e5644e66}.chip.muted{color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}@media (max-width: 860px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6)}.tile .n{font-family:var(--mono);font-size:30px;font-weight:700}.tile.crit{border-color:#e5644e73}.tile.crit .n{color:var(--danger)}.tile.warn .n{color:var(--warning)}.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-dow{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);text-align:center;padding:4px 0;font-weight:600}.cal-cell{min-height:100px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;font-size:12px}.cal-cell.dim{opacity:.35}.cal-cell .d{font-family:var(--mono);color:var(--muted);font-size:12px;margin-bottom:4px}.cal-cell .ev{display:flex;align-items:center;gap:5px;margin-top:3px}.cal-cell .sw{width:8px;height:8px;border-radius:2px;flex:0 0 8px}.cal-week{display:grid;grid-template-columns:130px repeat(7,1fr);gap:8px;align-items:stretch}.cal-week .wc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:46px;display:grid;place-items:center;font-size:12px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:14px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .sw{width:10px;height:10px;border-radius:3px;display:inline-block}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.seg button{background:transparent;color:var(--muted);border:none;padding:10px 16px;min-height:44px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.seg button:not(.on):hover{color:var(--text);background:var(--surface-2)}.seg button:active{transform:scale(.98)}.seg button.on{background:var(--accent);color:#0a0b08}.iconbtn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);width:44px;height:44px;cursor:pointer;font-size:16px;display:inline-grid;place-items:center;transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.iconbtn:hover{border-color:var(--accent);transform:translateY(-1px)}.iconbtn:active{transform:scale(.98)}.wshell{min-height:100dvh;display:flex;flex-direction:column;padding:20px;max-width:560px;margin:0 auto}.wtop{display:flex;align-items:center;justify-content:space-between}.wbody{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.wname{font-size:28px;font-weight:800;letter-spacing:-.5px}.wtime{font-family:var(--mono);font-size:56px;font-weight:700;letter-spacing:-2px}.wdate{color:var(--muted);margin-bottom:18px}.wbtn{width:min(72vw,300px);height:min(72vw,300px);border-radius:999px;border:none;cursor:pointer;font-family:var(--ui);font-weight:800;font-size:26px;display:grid;place-items:center;gap:8px;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease;animation:wbreathe 4.5s ease-in-out infinite}.wbtn:active{transform:scale(.97)}.wbtn.in{background:var(--accent);color:#0a0b08;box-shadow:0 0 #b6f23d80}.wbtn.out{background:transparent;color:var(--accent);border:3px solid var(--accent);animation:none}.wbtn.done{background:var(--surface);color:var(--muted);border:2px solid var(--border);animation:none;cursor:default}.wbtn .ic{font-size:56px;line-height:1}@keyframes wbreathe{0%,to{box-shadow:0 0 #b6f23d59}50%{box-shadow:0 0 0 14px #b6f23d00}}.wstatus{font-size:17px;color:var(--text);margin-top:22px;min-height:24px}.wpick{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}@media (max-width: 420px){.wpick{grid-template-columns:1fr}}.wcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 18px;text-align:center;cursor:pointer;transition:border-color .15s,transform .08s}.wcard:hover{border-color:var(--accent)}.wcard:active{transform:scale(.98)}.wcard .av{width:64px;height:64px;border-radius:999px;background:#b6f23d24;color:var(--accent);display:grid;place-items:center;font-size:28px;font-weight:800;margin:0 auto 12px}.wcard .nm{font-size:20px;font-weight:700}.langsel{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:10px 16px;font-size:16px;font-family:inherit}:root{--ease-spring: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--t-move: .32s;--t-enter: .48s;--elev-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 6px 20px rgba(0,0,0,.28);--elev-2: 0 1px 0 rgba(255,255,255,.06) inset, 0 12px 32px rgba(0,0,0,.38);--elev-3: 0 1px 0 rgba(255,255,255,.07) inset, 0 24px 64px rgba(0,0,0,.5);--glow-accent: 0 0 40px rgba(182,242,61,.18)}@keyframes ck-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ck-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.anim-rise{animation:ck-rise var(--t-enter) var(--ease-spring) both;animation-delay:calc(var(--i, 0) * 60ms)}.anim-pop{animation:ck-pop var(--t-move) var(--ease-spring) both;animation-delay:calc(var(--i, 0) * 60ms)}.skel{position:relative;overflow:hidden;background:#ffffff0d;border-radius:8px;min-height:12px}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:ck-shimmer 1.4s infinite}@keyframes ck-shimmer{to{transform:translate(100%)}}.grain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.03;z-index:0;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='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion: reduce){.anim-rise,.anim-pop{animation:none!important}.skel:after{animation:none!important}}.tile{position:relative;overflow:hidden;box-shadow:var(--elev-1);transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.tile:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 60%);opacity:.5}.tile.crit:before{background:linear-gradient(90deg,var(--danger),transparent 60%);opacity:.7}.tile.warn:before{background:linear-gradient(90deg,var(--warning),transparent 60%);opacity:.7}.tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 26%,var(--border));box-shadow:var(--elev-2)}.tile .n{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.payslip-doc{max-width:620px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 30px;box-shadow:var(--elev-1);margin-top:4px}.psd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--border)}.psd-title{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em}.psd-worker{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.psd-worker .label{display:block;margin-bottom:3px}.psd-lines{margin:6px 0 2px}.psd-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border);font-size:14.5px}.psd-line .num{font-variant-numeric:tabular-nums}.psd-line.ded .num{color:var(--danger)}.psd-line.info{color:var(--muted)}.psd-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:18px 20px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.psd-net{font-size:34px;font-weight:700;color:var(--accent);letter-spacing:-.02em;text-shadow:0 0 30px rgba(182,242,61,.22)}.psd-foot{margin-top:18px;font-size:12px;color:var(--muted);line-height:1.5}@media print{.sidebar,.nav,.navdrawer,.navbar,.no-print,.paywall-banner{display:none!important}.layout{display:block!important}body,.payslip-doc,.psd-total{background:#fff!important;color:#111!important}.payslip-doc{box-shadow:none!important;border:1px solid #d8d8d8!important;max-width:100%!important;margin:0!important}.payslip-doc *,.psd-title,.psd-line,.psd-worker div{color:#111!important}.psd-net{color:#111!important;text-shadow:none!important}.psd-line.ded .num{color:#b3402c!important}.payslip-doc .muted,.payslip-doc .label{color:#666!important}.psd-total{border-color:#d8d8d8!important}@page{margin:16mm}}.wk-avatar{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--accent);background:#b6f23d1a;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border))}