.auth-page[data-v-e9479c10]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.auth-shell-refined[data-v-e9479c10]{width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:1.2fr 420px;gap:32px;align-items:stretch}.auth-showcase[data-v-e9479c10],.auth-panel[data-v-e9479c10]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:24px}.auth-showcase[data-v-e9479c10]{display:grid;grid-template-rows:auto 1fr auto;gap:32px;min-height:680px}.auth-panel[data-v-e9479c10]{display:grid;align-content:start;gap:24px}.showcase-copy[data-v-e9479c10]{display:grid;gap:12px}.hero-badge[data-v-e9479c10]{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 12px;border-radius:99px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text-soft);font-size:13px;font-weight:500}.badge-dot[data-v-e9479c10]{width:6px;height:6px;border-radius:50%;background:var(--success)}.eyebrow[data-v-e9479c10]{margin:0;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.auth-showcase h1[data-v-e9479c10],.auth-panel h2[data-v-e9479c10]{margin:0;font-weight:600;letter-spacing:-.02em}.auth-showcase h1[data-v-e9479c10]{max-width:12ch;font-size:clamp(36px,4vw,56px);line-height:1.1}.auth-description[data-v-e9479c10],.muted-text[data-v-e9479c10],label span[data-v-e9479c10],.showcase-income-card p[data-v-e9479c10],.showcase-feature p[data-v-e9479c10],.auth-card-note span[data-v-e9479c10],.showcase-metric span[data-v-e9479c10]{color:var(--muted)}.auth-description[data-v-e9479c10],.muted-text[data-v-e9479c10]{max-width:50ch;font-size:15px;line-height:1.6}.showcase-grid[data-v-e9479c10],.mode-grid[data-v-e9479c10]{display:grid;gap:16px}.showcase-grid[data-v-e9479c10]{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.showcase-income-card[data-v-e9479c10],.showcase-feature[data-v-e9479c10],.showcase-metric[data-v-e9479c10],.mode-card[data-v-e9479c10],.guest-entry[data-v-e9479c10]{border-radius:var(--radius-lg);background:var(--surface-soft)}.showcase-income-card[data-v-e9479c10],.showcase-feature[data-v-e9479c10]{padding:20px}.showcase-income-card[data-v-e9479c10]{grid-row:span 2;display:grid;align-content:end;gap:8px}.showcase-label[data-v-e9479c10]{color:var(--text-soft);font-size:13px;font-weight:500}.showcase-income-card strong[data-v-e9479c10]{font-size:clamp(32px,5vw,56px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--text)}.showcase-feature[data-v-e9479c10]{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}.showcase-index[data-v-e9479c10]{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--bg-elevated);color:var(--text);font-size:15px;font-weight:600}.showcase-feature h3[data-v-e9479c10],.showcase-feature p[data-v-e9479c10],.showcase-metric strong[data-v-e9479c10],.mode-card strong[data-v-e9479c10],.mode-card span[data-v-e9479c10],.auth-card-note span[data-v-e9479c10]{margin:0}.showcase-feature h3[data-v-e9479c10]{font-weight:600;font-size:15px;margin-bottom:4px}.showcase-feature p[data-v-e9479c10]{font-size:13px}.showcase-footer[data-v-e9479c10]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.showcase-metric[data-v-e9479c10]{padding:16px;display:grid;gap:4px}.showcase-metric strong[data-v-e9479c10]{font-size:16px;font-weight:600;color:var(--text)}.auth-panel-head[data-v-e9479c10],.guest-entry[data-v-e9479c10]{display:flex;gap:16px;align-items:center;justify-content:space-between}.auth-panel-head[data-v-e9479c10]{align-items:flex-start}.auth-card-note[data-v-e9479c10]{display:grid;gap:4px;text-align:right;font-size:12px}.auth-switches[data-v-e9479c10],.form-tips[data-v-e9479c10]{display:flex;flex-wrap:wrap;gap:8px}.auth-switches-panel[data-v-e9479c10]{padding:3px;border-radius:10px;background:var(--surface-soft)}.switch-pill[data-v-e9479c10]{flex:1;text-align:center;padding:6px 14px;border-radius:7px;border:none;background:transparent;color:var(--text-soft);font-size:14px;font-weight:500;transition:all .2s ease}.switch-pill.active[data-v-e9479c10]{background:var(--bg-elevated);color:var(--text);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.primary-btn[data-v-e9479c10],.ghost-btn[data-v-e9479c10]{border-radius:var(--radius-md);font-weight:500;font-size:14px;padding:10px 16px;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center}.primary-btn[data-v-e9479c10]{background:var(--text);color:var(--bg)}.primary-btn[data-v-e9479c10]:hover{opacity:.85}.primary-btn.large[data-v-e9479c10]{padding:14px 20px;font-size:16px;font-weight:600;border-radius:var(--radius-lg)}.ghost-btn[data-v-e9479c10]{background:var(--surface-soft);color:var(--text)}.ghost-btn[data-v-e9479c10]:hover{background:#ffffff1f}.mode-grid[data-v-e9479c10]{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card[data-v-e9479c10]{padding:16px;display:grid;gap:4px;text-align:left;border:1px solid transparent;transition:all .2s ease;cursor:pointer}.mode-card strong[data-v-e9479c10]{font-weight:600;font-size:15px}.mode-card span[data-v-e9479c10]{font-size:13px;color:var(--muted)}.mode-card.active[data-v-e9479c10]{background:var(--surface-strong);border-color:var(--border-strong)}.mode-card.subtle[data-v-e9479c10]{background:transparent;border:1px dashed var(--border)}.mode-card.subtle[data-v-e9479c10]:hover{background:var(--surface-soft)}.auth-form[data-v-e9479c10]{display:grid;gap:16px}label[data-v-e9479c10]{display:grid;gap:6px}label span[data-v-e9479c10]{font-size:13px;font-weight:500}input[data-v-e9479c10]{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:15px;transition:all .2s ease}input[data-v-e9479c10]:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--surface-soft)}.form-tips[data-v-e9479c10]{margin-top:-4px}.tip-chip[data-v-e9479c10]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:var(--surface-soft);color:var(--text-soft)}.auth-divider[data-v-e9479c10]{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.auth-divider[data-v-e9479c10]:before,.auth-divider[data-v-e9479c10]:after{content:"";flex:1;height:1px;background:var(--border)}.guest-entry[data-v-e9479c10]{padding:16px}.guest-entry strong[data-v-e9479c10]{font-size:14px;font-weight:600}.guest-entry p[data-v-e9479c10]{font-size:13px;margin:4px 0 0}.error-text[data-v-e9479c10]{color:var(--danger);font-size:14px;margin:0}button[data-v-e9479c10],input[data-v-e9479c10]{font:inherit;outline:none}button[data-v-e9479c10]{cursor:pointer}button[data-v-e9479c10]:disabled,input[data-v-e9479c10]:disabled{cursor:not-allowed;opacity:.4}@media (max-width: 1024px){.auth-shell-refined[data-v-e9479c10]{grid-template-columns:1fr}.showcase-grid[data-v-e9479c10]{grid-template-columns:1fr;grid-template-rows:auto}}@media (max-width: 768px){.auth-page[data-v-e9479c10],.auth-showcase[data-v-e9479c10],.auth-panel[data-v-e9479c10]{padding:16px}.showcase-footer[data-v-e9479c10],.mode-grid[data-v-e9479c10]{grid-template-columns:1fr}.auth-panel-head[data-v-e9479c10],.guest-entry[data-v-e9479c10]{flex-direction:column;align-items:stretch}.auth-card-note[data-v-e9479c10]{text-align:left}}@media (max-width: 480px){.auth-showcase h1[data-v-e9479c10]{font-size:32px}}:root{color-scheme:light;--bg: #f5f5f7;--bg-elevated: rgba(255, 255, 255, .85);--surface: rgba(255, 255, 255, .75);--surface-strong: #ffffff;--surface-soft: rgba(0, 0, 0, .03);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--text: #1d1d1f;--text-soft: #515154;--muted: #86868b;--accent: #0066cc;--accent-strong: #0071e3;--accent-soft: rgba(0, 113, 227, .08);--blue: #0071e3;--blue-soft: rgba(0, 113, 227, .1);--success: #16a34a;--success-soft: rgba(22, 163, 74, .12);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--radius-xl: 18px;--radius-lg: 14px;--radius-md: 10px;--radius-sm: 6px;--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--shadow-md: 0 4px 14px rgba(0, 0, 0, .06);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,PingFang SC,sans-serif;line-height:1.47059;font-weight:400;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.workspace-page.dark{color-scheme:dark;--bg: #000000;--bg-elevated: rgba(28, 28, 30, .85);--surface: rgba(44, 44, 46, .75);--surface-strong: #1c1c1e;--surface-soft: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .25);--text: #f5f5f7;--text-soft: #a1a1a6;--muted: #86868b;--accent: #2997ff;--accent-strong: #0071e3;--accent-soft: rgba(41, 151, 255, .12);--blue: #2997ff;--blue-soft: rgba(41, 151, 255, .16);--success: #30d158;--success-soft: rgba(48, 209, 88, .16);--warning: #ffd60a;--warning-soft: rgba(255, 214, 10, .16);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .16);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body,#app{min-height:100vh}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at top,rgba(0,113,227,.08),transparent 32%),linear-gradient(180deg,#fbfbfd,#f5f5f7 52%,#eef2ff)}button,input,select,textarea{font:inherit;outline:none}button{cursor:pointer}.auth-page,.workspace-page{min-height:100vh;padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(82,133,255,.08),transparent 30%),radial-gradient(circle at left bottom,rgba(93,211,255,.08),transparent 34%),linear-gradient(180deg,#ffffffc7,#f6f8fceb)}.workspace-page:before,.workspace-page:after{content:"";position:absolute;inset:auto;border-radius:50%;pointer-events:none;z-index:0;filter:blur(18px)}.workspace-page:before{top:-120px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(82,133,255,.16),transparent 72%)}.workspace-page:after{left:-120px;bottom:80px;width:320px;height:320px;background:radial-gradient(circle,rgba(93,211,255,.1),transparent 74%)}.auth-shell,.workspace-shell{width:min(1480px,100%);margin:0 auto;position:relative;z-index:1}.glass-card{background:linear-gradient(180deg,#ffffffc7,#ffffffad),var(--bg-elevated);border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 40px #0f172a14,0 4px 10px #0f172a0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateZ(0)}.stage-card,.panel-card{border-radius:var(--radius-xl);padding:26px}.mini-surface{background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,var(--surface-soft) 100%);border:1px solid rgba(148,163,184,.16);border-radius:var(--radius-md);padding:16px;box-shadow:inset 0 1px #ffffff73}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.muted-text{margin:0;color:var(--muted)}.floating-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#ffffff9e;color:var(--text-soft);font-size:13px;box-shadow:inset 0 1px #ffffff80}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.auth-shell{display:grid;grid-template-columns:1.1fr 440px;gap:24px;align-items:stretch}.auth-showcase,.auth-panel{display:grid;gap:20px}.showcase-copy h1,.panel-head h2,.nav-copy h2,.hero-strip h1,.section-title{margin:0;letter-spacing:-.03em}.showcase-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.05}.showcase-grid,.tips-grid,.metric-row,.preview-grid,.field-grid,.content-grid,.workspace-layout,.info-list,.chart-list,.nav-tabs{display:grid;gap:16px}.showcase-grid,.tips-grid,.metric-row,.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-index{display:inline-block;margin-bottom:8px;color:var(--accent);font-size:12px;font-weight:700}.mini-surface strong{display:block;margin-bottom:4px}.mini-surface p{margin:0;color:var(--muted);font-size:13px}.landing-auth{display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at left top,rgba(255,255,255,.88),transparent 36%),linear-gradient(180deg,#f6f6f8,#f1f2f6 60%,#eceffc)}.landing-auth:before,.landing-auth:after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(20px);opacity:.72}.landing-auth:before{top:-120px;right:-40px;width:320px;height:320px;background:radial-gradient(circle,#8ab4ff38,#8ab4ff00 72%)}.landing-auth:after{left:-120px;bottom:-120px;width:360px;height:360px;background:radial-gradient(circle,#ffffffdb,#fff0 74%)}.landing-shell{position:relative;width:min(1480px,100%);grid-template-columns:minmax(0,1.75fr) minmax(340px,.95fr);gap:26px;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s ease,opacity .35s ease}.landing-auth.is-routing .landing-shell{transform:scale(.992);filter:saturate(.96) blur(1.5px);opacity:.92}.landing-stage,.landing-panel{background:#f6f6f8eb;border-color:#1118270f;box-shadow:0 18px 36px #0f172a0f;animation:auth-card-in .7s cubic-bezier(.22,1,.36,1) both}.landing-stage{padding:28px;gap:28px}.landing-panel{padding:24px 20px;gap:18px;animation-delay:.08s}.landing-badge{padding:9px 14px;background:#ffffffb8}.landing-copy{max-width:840px}.landing-eyebrow,.landing-panel-kicker{margin-bottom:14px;font-size:13px;letter-spacing:0;text-transform:none}.landing-copy h1{max-width:720px;color:#0f172a;font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.065em}.landing-description{max-width:720px;font-size:18px;line-height:1.8}.landing-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.landing-hero-btn{min-width:124px;min-height:50px;justify-content:center}.landing-feature-grid{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(240px,1fr) minmax(240px,1fr);gap:14px;align-items:stretch}.landing-income-card{grid-row:span 2;display:grid;align-content:start;gap:16px;padding:28px;border-radius:22px;background:#11182708}.landing-card-label,.landing-meta-card span,.landing-guest-title{color:var(--muted);font-size:14px}.landing-income-card strong{margin:0;color:#0f172a;font-size:clamp(48px,4vw,68px);line-height:.95;letter-spacing:-.06em}.landing-income-card p{font-size:16px;line-height:1.7}.landing-note-card{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;min-height:132px;padding:18px;border-radius:20px;background:#11182706}.landing-note-card-wide{grid-column:span 2}.landing-note-index{display:grid;place-items:center;height:48px;border-radius:16px;background:#ffffffb8;color:#1f2937;font-weight:700}.landing-note-card strong{margin-bottom:8px;color:#0f172a;font-size:28px;line-height:1.15;letter-spacing:-.045em}.landing-note-card p{font-size:15px;line-height:1.75}.landing-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-meta-card{min-height:92px;padding:16px 18px;border-radius:18px;background:#11182706}.landing-meta-card strong{margin-top:10px;margin-bottom:0;color:#0f172a;font-size:32px;letter-spacing:-.04em}.landing-panel-head{gap:20px}.landing-panel-flow{display:grid;gap:18px}.landing-panel-head h2{color:#0f172a;font-size:30px;line-height:1.12}.landing-panel-head .muted-text{max-width:320px;margin-top:12px;font-size:15px;line-height:1.8}.landing-panel-aside{display:grid;gap:4px;justify-items:end;flex:0 0 auto;color:var(--muted);font-size:12px}.landing-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border-radius:16px;background:#1118270a}.landing-segmented .segment-btn{padding:12px 14px;border-radius:12px;color:#6b7280}.landing-segmented .segment-btn.active{background:#ffffffe6;color:#0f172a;box-shadow:0 12px 26px #0f172a14,inset 0 1px #ffffffb3}.landing-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-mode-card{min-height:92px;padding:16px;border-radius:16px;background:#ffffff94;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,background .26s ease,border-color .26s ease}.landing-mode-card.active{border-color:#1118271f;background:#ffffffd6;box-shadow:0 16px 32px #0f172a14;transform:translateY(-2px)}.landing-mode-card-ghost{border-style:dashed}.landing-mode-card strong{color:#111827;font-size:17px}.landing-form{display:grid;gap:14px}.landing-form .field input{padding:14px 16px;border-radius:14px;background:#11182709}.landing-inline-tips{display:flex;gap:8px;flex-wrap:wrap}.landing-inline-tips span{padding:6px 10px;border-radius:999px;background:#1118270d;color:#6b7280;font-size:12px}.landing-submit{width:100%;min-height:56px;border-radius:16px;font-size:18px;font-weight:700}.landing-progress-text{margin:4px 2px 0;color:#475569;font-size:13px;line-height:1.6;animation:subtle-fade-in .24s ease both}.landing-guest-block{display:grid;gap:12px}.landing-guest-title{margin:0;text-align:center}.landing-guest-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:18px;background:#11182708}.landing-guest-card strong{margin-bottom:8px;color:#111827;font-size:20px;line-height:1.2}.landing-guest-card p{font-size:14px;line-height:1.7}.landing-guest-btn{min-width:92px;min-height:48px;border-radius:14px;background:#1118270d}.landing-auth .segment-btn,.landing-auth .ghost-btn,.landing-auth .primary-btn{position:relative;overflow:hidden;isolation:isolate;backface-visibility:hidden;transform:translateZ(0);transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,opacity .22s ease,filter .28s ease}.landing-auth .segment-btn:before,.landing-auth .ghost-btn:before,.landing-auth .primary-btn:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(110deg,#fff0 18%,#ffffff70,#fff0 82%);transform:translate(-140%);opacity:0;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .4s ease;z-index:-1}.landing-auth .segment-btn:hover:before,.landing-auth .ghost-btn:hover:before,.landing-auth .primary-btn:hover:before,.landing-auth .segment-btn:focus-visible:before,.landing-auth .ghost-btn:focus-visible:before,.landing-auth .primary-btn:focus-visible:before{transform:translate(140%);opacity:1}.landing-auth .ghost-btn,.landing-auth .segment-btn{background:#ffffff8a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffffbd,0 8px 20px #0f172a0a}.landing-auth .primary-btn{background:linear-gradient(180deg,#111827,#0f172a);box-shadow:0 18px 30px #0f172a2e,inset 0 1px #ffffff14}.landing-auth .ghost-btn:hover,.landing-auth .primary-btn:hover,.landing-auth .segment-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 20px 36px #0f172a1f,inset 0 1px #ffffffc2}.landing-auth .ghost-btn:active,.landing-auth .primary-btn:active,.landing-auth .segment-btn:active{transform:translateY(0) scale(.985)}.landing-auth .ghost-btn:focus-visible,.landing-auth .primary-btn:focus-visible,.landing-auth .segment-btn:focus-visible,.landing-auth .field input:focus-visible{outline:none;box-shadow:0 0 0 4px #6395ff1f,0 16px 28px #0f172a1a}.landing-auth button:disabled,.landing-auth input:disabled{cursor:not-allowed}.landing-auth .segment-btn:disabled,.landing-auth .ghost-btn:disabled,.landing-auth .primary-btn:disabled{transform:none;opacity:.74;filter:saturate(.88)}.auth-route-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#f4f6fa66;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-route-card{min-width:min(420px,calc(100vw - 40px));display:grid;justify-items:center;gap:12px;padding:28px 24px;border-radius:28px;border:1px solid rgba(15,23,42,.08);background:#ffffffb3;box-shadow:0 28px 60px #0f172a24,inset 0 1px #ffffffeb;text-align:center}.auth-route-card strong{color:#0f172a;font-size:20px;letter-spacing:-.02em}.auth-route-card p{margin:0;color:#64748b;font-size:14px}.auth-route-pulse{width:12px;height:12px;border-radius:50%;background:#3b82f6;box-shadow:0 0 #3b82f65c;animation:route-pulse 1.2s ease infinite}.panel-swap-enter-active,.panel-swap-leave-active{transition:opacity .26s ease,transform .3s cubic-bezier(.22,1,.36,1),filter .26s ease}.panel-swap-enter,.panel-swap-leave-to{opacity:0;transform:translateY(10px) scale(.985);filter:blur(4px)}.field-slide-enter-active,.field-slide-leave-active{transition:opacity .24s ease,transform .26s cubic-bezier(.22,1,.36,1),max-height .26s ease;overflow:hidden}.field-slide-enter,.field-slide-leave-to{opacity:0;transform:translateY(-8px);max-height:0}.auth-route-overlay-enter-active,.auth-route-overlay-leave-active{transition:opacity .24s ease,backdrop-filter .24s ease}.auth-route-overlay-enter,.auth-route-overlay-leave-to{opacity:0}@keyframes auth-card-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes route-pulse{0%{box-shadow:0 0 #3b82f65c}70%{box-shadow:0 0 0 18px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes subtle-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-head,.card-head,.side-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.segmented-row{display:inline-flex;gap:8px;flex-wrap:nowrap;padding:6px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border)}.segmented-row.wrap{flex-wrap:wrap}.segmented-row.compact{width:fit-content}.segment-btn,.mini-pill,.ghost-btn,.secondary-btn,.primary-btn{border:none;border-radius:999px;transition:transform .18s ease,background .18s ease,color .18s ease,opacity .18s ease,box-shadow .18s ease,border-color .18s ease}.segment-btn{padding:10px 14px;background:transparent;color:var(--muted)}.segment-btn.active,.mini-pill.active{background:var(--surface-strong);color:var(--text);box-shadow:0 8px 18px #0f172a14}.ghost-btn,.secondary-btn,.primary-btn{padding:12px 16px}.ghost-btn{background:#ffffff9e;color:var(--text);border:1px solid rgba(148,163,184,.18);box-shadow:inset 0 1px #ffffff85}.secondary-btn{background:linear-gradient(180deg,#0071e324,#3b82f614);color:var(--accent-strong);border:1px solid rgba(59,130,246,.2);box-shadow:0 10px 20px #3b82f614,inset 0 1px #ffffff85}.primary-btn{background:linear-gradient(180deg,#111827,#0f172a);color:#f8fafc;box-shadow:0 14px 28px #0f172a29}.ghost-btn.small,.secondary-btn.small,.primary-btn.small{padding:8px 12px;font-size:13px}.full-width{width:100%}.ghost-btn:hover,.secondary-btn:hover,.primary-btn:hover,.segment-btn:hover,.mini-pill:hover{transform:translateY(-1px)}.ghost-btn:hover{background:#ffffffd6;box-shadow:0 10px 18px #0f172a14}.secondary-btn:hover{background:linear-gradient(180deg,#0071e333,#3b82f61f);box-shadow:0 12px 22px #3b82f624}.workspace-page.dark .ghost-btn:hover{background:#ffffff1f}.workspace-page.dark .secondary-btn{background:linear-gradient(180deg,#2997ff2e,#2997ff1a);color:#dbeafe;border-color:#93c5fd3d}.ghost-btn.danger{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.ghost-btn.danger:hover{background:var(--danger);color:#fff}.primary-btn:hover{opacity:.96;box-shadow:0 18px 30px #0f172a33}.segment-btn:focus-visible,.ghost-btn:focus-visible,.secondary-btn:focus-visible,.primary-btn:focus-visible,.mini-pill:focus-visible{outline:none;box-shadow:0 0 0 3px #7dd3fc2e}.subtle-btn{background:#ffffff75;color:var(--text-soft)}.guide-btn{border-color:#0071e32e;background:linear-gradient(180deg,#0071e314,#7dd3fc14);color:var(--accent-strong)}.primary-btn.primary-strong{min-height:48px;padding-inline:20px;font-weight:700;letter-spacing:.01em;box-shadow:0 18px 34px #0f172a38,inset 0 1px #ffffff14}.success-btn.active,.ghost-btn.active,.secondary-btn.active{background:var(--accent-soft);color:var(--accent);border-color:#0071e32e}.success-btn{color:var(--success);border-color:#16a34a33;background:linear-gradient(180deg,#16a34a1f,#22c55e0f)}.success-btn:hover{box-shadow:0 12px 22px #16a34a24}.field{display:grid;gap:8px}.field span{color:var(--muted);font-size:13px}.field input,.field select,.compact-input{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.18);background:#fffc;color:var(--text);font-size:15px;transition:all .2s ease}.field input:hover,.field select:hover,.compact-input:hover{border-color:#64748b47}.field input:focus,.field select:focus,.compact-input:focus{border-color:#60a5fa73;box-shadow:0 0 0 4px #7dd3fc24}.compact-input{width:96px}.toggle-field{align-content:center}.error-text,.toast-text{margin:0;border-radius:12px;padding:12px 14px}.error-text{background:var(--danger-soft);color:var(--danger)}.toast-text{background:var(--accent-soft);color:var(--text)}.message-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0f172a57;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.message-modal-mask.is-blocking{place-items:center;background:#0f172a57;pointer-events:auto}.message-modal-mask.is-notice{place-items:start center;padding-top:18px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.message-modal{width:min(460px,100%);padding:20px;border-radius:20px;border:1px solid var(--border);background:var(--surface-strong);box-shadow:0 28px 60px #0f172a3d,inset 0 1px #ffffff85}.message-modal.is-toast{width:min(480px,calc(100vw - 32px));pointer-events:none;box-shadow:0 18px 36px #0f172a2e,inset 0 1px #ffffff85}.message-modal.is-success{border-color:#16a34a38}.message-modal.is-warning{border-color:#f59e0b42}.message-modal.is-error{border-color:#ef444442}.message-modal-head,.message-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-modal-head{margin-bottom:10px}.message-modal-head strong{font-size:18px;line-height:1.3}.message-modal-text{margin:0;color:var(--text-soft);line-height:1.7;font-size:15px}.message-modal-actions{justify-content:flex-end;margin-top:16px}.message-modal-close{flex:0 0 auto;min-height:auto;padding:6px 10px}.rule-draft-modal{width:min(760px,100%);max-height:min(88vh,920px);overflow:auto}.record-list-modal{width:min(720px,100%);max-height:min(82vh,900px);overflow:auto}.previous-month-editor-modal{width:min(1320px,100%);max-height:min(90vh,940px);overflow:auto}.previous-month-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:8px;flex-wrap:wrap}.previous-month-mode-row{margin-top:0}.previous-month-inline-meta{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.previous-month-inline-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);white-space:nowrap}.previous-month-inline-item strong{color:var(--text);font-size:13px;font-weight:700}.previous-month-editor-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(180px,210px);gap:6px;margin-top:10px;align-items:start}.previous-month-calendar-wrap{min-width:0}.previous-month-calendar-grid{gap:5px}.previous-month-calendar-day{min-height:88px}.previous-month-calendar-day.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.previous-month-day-bottom{display:grid;gap:4px;align-items:flex-start}.previous-month-pay{color:var(--accent);font-size:13px;font-weight:700}.previous-month-side-panel{display:grid;gap:5px;align-content:start;min-width:0}.previous-month-summary{grid-template-columns:1fr;gap:4px}.previous-month-selected-card{display:grid;gap:5px;padding:7px 8px}.previous-month-editor-actions{margin-top:12px}.shared-goal-notice{display:flex;gap:12px;align-items:flex-start;padding:12px;background:#eff6ff99;border:1px solid rgba(96,165,250,.16);margin-bottom:16px;border-radius:14px}.shared-goal-icon{font-size:18px;line-height:1}.shared-goal-text strong{display:block;font-size:13px;margin-bottom:2px}.shared-goal-text p{margin:0;font-size:12px;color:var(--muted)}.rule-draft-block{margin-top:16px}.rule-draft-actions{margin-top:20px}.message-modal-enter-active,.message-modal-leave-active{transition:opacity .22s ease}.message-modal-enter-active .message-modal,.message-modal-leave-active .message-modal{transition:transform .22s ease,opacity .22s ease}.message-modal-enter,.message-modal-leave-to{opacity:0}.message-modal-enter .message-modal,.message-modal-leave-to .message-modal{opacity:0;transform:translateY(12px) scale(.98)}.workspace-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 24px;border-radius:var(--radius-xl);margin-bottom:24px;border:1px solid rgba(148,163,184,.14);box-shadow:0 20px 36px #0f172a14,inset 0 1px #ffffff7a}.guide-step-index{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#0071e324,#7c3aed24);color:var(--accent-strong);font-size:12px;font-weight:800;letter-spacing:.08em}.guide-modal-step-copy strong,.guide-wizard-progress-copy strong,.guide-wizard-tip strong{font-size:16px;line-height:1.35}.guide-modal-step-copy p,.guide-wizard-tip p{margin:0;color:var(--text-soft);font-size:13px;line-height:1.65}.topbar-main,.topbar-page,.topbar-copy{display:grid;gap:10px}.topbar-main{width:100%;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:24px}.topbar-page{min-width:0;align-content:center;justify-items:center;text-align:center;padding-inline:clamp(8px,2vw,28px)}.topbar-copy{justify-items:center}.topbar-copy h1{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.06;letter-spacing:-.04em}.topbar-copy .muted-text{max-width:820px;font-size:14px;line-height:1.65}.brand-block,.topbar-actions,.sub-metrics,.action-row,.inline-actions,.time-row,.hero-tags{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topbar-actions{justify-content:flex-end}.topbar-actions .primary-btn,.topbar-actions .secondary-btn,.topbar-actions .ghost-btn{min-height:44px}.hero-tags{justify-content:center}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#111827,#2563eb);color:#f8fafc;font-weight:700;box-shadow:0 12px 24px #2563eb2e}.workspace-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;transition:grid-template-columns .32s ease}.workspace-page.page-locked .workspace-shell{height:calc(100dvh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.workspace-page.page-locked .workspace-layout,.workspace-page.page-locked .workspace-stage{min-height:0;height:100%}.workspace-page.page-locked .workspace-nav{height:100%;overflow:auto}.workspace-layout.nav-collapsed{grid-template-columns:92px minmax(0,1fr)}.workspace-nav{padding:16px;border-radius:var(--radius-xl);display:grid;gap:14px;align-content:start;position:sticky;top:24px;overflow:hidden;transition:padding .28s ease,transform .28s ease,opacity .28s ease;box-shadow:0 22px 40px #0f172a14,inset 0 1px #ffffff70}.workspace-nav.collapsed{padding:18px 14px;justify-items:center}.workspace-nav.collapsed .floating-badge{padding:10px}.workspace-nav.collapsed .floating-badge span:last-child,.workspace-nav.collapsed .nav-copy,.workspace-nav.collapsed .nav-meta,.workspace-nav.collapsed .nav-tab div{opacity:0;width:0;height:0;overflow:hidden;pointer-events:none}.nav-copy p{margin:8px 0 0}.nav-tab{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:72px;padding:12px 16px;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:#fff;color:var(--text);text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 8px #0f172a0a}.nav-tab:hover{background:#f8fafc;border-color:#60a5fa80;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.nav-tab.active{background:linear-gradient(135deg,#eff6ffe6,#fff);border-color:var(--accent);box-shadow:0 8px 24px #0071e31f;transform:translate(4px)}.workspace-nav.collapsed .nav-tab{grid-template-columns:1fr;width:56px;padding:10px 0;justify-items:center}.workspace-nav.collapsed .nav-tab.active{transform:translate(0) scale(1.04)}.nav-tab-copy{min-width:0;display:grid;gap:4px;align-content:center}.nav-tab p{margin:0;color:var(--muted);font-size:12px;line-height:1.35;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.nav-tab strong{display:block;font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-kicker{display:grid;place-items:center;width:44px;height:40px;border-radius:12px;background:linear-gradient(180deg,#60a5fa1f,#7dd3fc14);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;overflow:hidden}.nav-meta{display:grid;gap:10px}.meta-row,.info-row,.chart-row-head{display:flex;justify-content:space-between;gap:12px}.meta-row span,.info-row span,.card-subtitle{color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.workspace-stage{display:grid;gap:18px;min-width:0;position:relative}.settings-header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.settings-segmented{flex:0 0 auto;width:fit-content;max-width:100%;align-self:flex-start}.settings-save-btn{flex:0 0 auto;min-width:132px}.workspace-page.page-locked .workspace-stage{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.hero-strip{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;transition:transform .26s ease,box-shadow .26s ease;padding-bottom:2px}.hero-strip h1{font-size:clamp(28px,4vw,42px);line-height:1.02}.hero-chip,.metric-chip,.status-pill{padding:10px 12px;border-radius:999px;background:#ffffffad;border:1px solid rgba(148,163,184,.18);box-shadow:inset 0 1px #ffffff7a}.status-pill.working{color:var(--success)}.status-pill.break{color:var(--warning)}.status-pill.rest,.status-pill.off,.status-pill.paused{color:var(--text-soft)}.content-grid{grid-template-columns:minmax(0,1.3fr) 360px;align-items:start;transition:grid-template-columns .32s ease}.stage-scroll-lock{min-height:0;height:100%;align-items:stretch}.content-grid.panel-hidden{grid-template-columns:minmax(0,1fr) 0}.focus-card,.side-panel{min-height:620px}.scroll-card{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;height:100%;overflow:hidden}.front-card{position:relative;z-index:2;transform:translate(0) scale(1);box-shadow:0 24px 50px #0f172a1a;transition:transform .28s ease,box-shadow .28s ease,opacity .28s ease}.back-card{position:relative;z-index:1;transform:translate(-10px);opacity:.94;transition:transform .32s ease,opacity .32s ease,width .32s ease,padding .32s ease,margin .32s ease;box-shadow:0 18px 36px #0f172a12}.live-stage-card{display:grid;gap:20px;overflow:hidden}.live-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.78fr);gap:18px;overflow:hidden;isolation:isolate;padding:22px;border-radius:24px;border:1px solid rgba(120,140,180,.16);background:radial-gradient(circle at top right,rgba(104,145,255,.22),transparent 34%),radial-gradient(circle at bottom left,rgba(93,211,255,.12),transparent 38%),linear-gradient(145deg,#081123f5,#121f38eb 46%,#0c162bfa);box-shadow:inset 0 1px #ffffff14,0 26px 54px #060d1c38}.live-showcase:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 32%,transparent 68%,rgba(147,197,253,.08));pointer-events:none}.live-showcase-copy,.live-showcase-panel{position:relative;z-index:2}.live-showcase-copy{display:grid;gap:18px;align-content:space-between}.live-showcase-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.live-showcase-top .card-subtitle,.live-caption,.live-amount-kicker,.live-highlight-chip span,.live-showcase-panel span{color:#e2e8f0ad}.live-caption{margin:8px 0 0;max-width:420px;font-size:14px;line-height:1.7}.status-pill-hero{border-color:#ffffff1f;background:#ffffff14;color:#f8fafc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-pill-hero.working{color:#86efac}.status-pill-hero.break{color:#fde68a}.status-pill-hero.rest,.status-pill-hero.off,.status-pill-hero.paused{color:#f8fafcc7}.live-amount-wrap{display:grid;gap:10px}.live-amount-kicker{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.live-amount{font-size:clamp(44px,6vw,80px);font-weight:700;line-height:.95;letter-spacing:-.06em;background:linear-gradient(180deg,#fff,#dbeafe 46%,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 14px 40px rgba(96,165,250,.22);position:relative;display:inline-block;transform-origin:left center;animation:salary-heartbeat 1s ease-in-out infinite}@keyframes salary-heartbeat{0%{transform:scale(1)}10%{transform:scale(1.03)}20%{transform:scale(1)}30%{transform:scale(1.03)}40%,to{transform:scale(1)}}.live-amount:before{content:"";position:absolute;inset:auto auto -8px 2px;width:68%;height:22px;border-radius:999px;background:radial-gradient(circle,#7dd3fc38,#7dd3fc00 72%);filter:blur(10px);z-index:-1}.sub-metrics{color:var(--muted)}.live-highlight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.live-highlight-chip{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.live-highlight-chip strong{color:#f8fafc;font-size:16px;letter-spacing:-.02em}.live-showcase-panel{align-self:stretch;display:grid;gap:12px;padding:18px;border-color:#ffffff14;background:linear-gradient(180deg,#ffffff1c,#ffffff0f)}.live-stat-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.live-stat-row:last-child{border-bottom:none}.live-stat-row strong{color:#f8fafc;font-size:16px;letter-spacing:-.02em}.live-metric-row{gap:14px}.metric-card{display:grid;gap:8px;min-height:112px;align-content:start;border-radius:18px;box-shadow:inset 0 1px #ffffff61}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{font-size:18px}.metric-card-accent{background:linear-gradient(180deg,#3b82f61f,#7dd3fc0f);border-color:#60a5fa38}.metric-card-soft{background:linear-gradient(180deg,#0ea5e914,#3b82f60a)}.metric-card.emphasis{background:linear-gradient(135deg,var(--accent-soft),rgba(124,58,237,.14))}.control-block,.side-scroll,.rule-box,.record-box,.tier-list{display:grid;gap:14px;align-content:start}.card-scroll,.side-scroll,.history-side-scroll{height:100%;min-height:0;overflow:auto;padding-right:4px}.commission-main-scroll,.history-main-scroll,.history-side-scroll{display:grid;gap:18px;align-content:start}.section-head{display:grid;gap:4px}.section-head span{color:var(--muted);font-size:13px}.action-row-emphasis>.primary-btn.primary-strong,.action-row-emphasis>.secondary-btn,.action-row-emphasis>.ghost-btn{min-height:46px}.guide-modal{width:min(820px,100%)}.guide-wizard-modal{width:min(560px,100%)}.guide-wizard{display:grid;gap:16px;margin-top:16px}.guide-wizard-progress{display:flex;gap:14px;align-items:center}.guide-wizard-progress-copy{display:grid;gap:4px;min-width:0}.guide-wizard-progress-copy span{color:var(--muted);font-size:13px}.guide-wizard-text{margin-top:2px}.guide-wizard-tip{padding:14px 16px;border-color:#3b82f61f;background:linear-gradient(180deg,#0071e30f,#f8fafcb8)}.guide-wizard-dots{display:flex;justify-content:center;gap:10px}.guide-dot{width:10px;height:10px;padding:0;border:none;border-radius:999px;background:#94a3b866;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.guide-dot.active{width:28px;background:linear-gradient(90deg,var(--accent-strong) 0%,#7c3aed 100%);box-shadow:0 8px 16px #3b82f633}.guide-modal-actions{margin-top:18px}.multiplier-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mini-pill{padding:10px 12px;background:var(--surface-soft);color:var(--muted);border:1px solid var(--border)}.side-panel{border-radius:var(--radius-xl);padding:22px;display:grid;gap:16px;align-content:start;overflow:hidden;background:linear-gradient(180deg,#ffffffb8,#f8fafca8),var(--bg-elevated)}.commission-side-panel{grid-template-rows:auto auto minmax(0,1fr)}.commission-side-panel .side-scroll{gap:8px}.commission-record-scroll{gap:10px}.commission-side-panel .secondary-btn.full-width,.commission-side-panel .ghost-btn.small{min-height:34px}.live-side-panel{grid-template-rows:auto auto auto auto}.side-panel.hidden{width:0;min-width:0;padding:0;border-width:0;opacity:0;transform:translate(24px) scale(.96);pointer-events:none}.side-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.side-head span{color:var(--muted);font-size:13px}.live-side-hero,.live-side-card,.live-side-details{border-radius:20px}.live-side-hero{display:grid;gap:10px;padding:18px;background:radial-gradient(circle at top right,rgba(125,211,252,.14),transparent 42%),linear-gradient(180deg,#ffffffc7,#f8fafca3)}.live-side-hero-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.live-side-kicker{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.live-side-hero strong{font-size:30px;line-height:1.02;letter-spacing:-.05em}.live-side-hero p{margin:0;color:var(--text-soft);font-size:13px;line-height:1.65}.live-side-meta{display:flex;gap:8px;flex-wrap:wrap}.live-side-meta span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff9e;color:var(--text-soft);font-size:12px}.live-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-side-card{display:grid;gap:4px;min-height:78px;padding:12px 14px}.live-side-card span{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.live-side-card strong{font-size:16px;line-height:1.3;word-break:break-word}.live-side-card p{margin:0;color:var(--text-soft);font-size:12px;line-height:1.55}.live-side-card-payday{background:radial-gradient(circle at top right,rgba(125,211,252,.12),transparent 44%),linear-gradient(180deg,#ffffffbd,#f8fafc9e)}.live-side-details{padding:0;overflow:hidden}.live-side-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;color:var(--text);font-weight:600}.live-side-details summary::-webkit-details-marker{display:none}.live-side-details summary:after{content:"展开";color:var(--muted);font-size:12px;font-weight:500}.live-side-details[open] summary:after{content:"收起"}.edge-handle{position:absolute;top:96px;z-index:3;border:1px solid var(--border);border-radius:999px;background:var(--surface-strong);color:var(--text);padding:10px 14px;box-shadow:var(--shadow-md);transition:transform .22s ease,opacity .22s ease,background .22s ease}.edge-handle:hover{transform:translateY(-1px)}.edge-handle-left{left:-10px}.edge-handle-right{right:-10px}.stage-slide-enter-active,.stage-slide-leave-active{transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1);transform-origin:center top}.stage-slide-enter,.stage-slide-leave-to{opacity:0;transform:translateY(24px) scale(.982)}.route-stage-enter-active,.route-stage-leave-active{transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease}.route-stage-enter,.route-stage-leave-to{opacity:0;transform:translateY(28px) scale(.988);filter:blur(6px)}.detail-pre{margin:0;padding:16px;border-radius:18px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text-soft);white-space:pre-wrap}.detail-pre-compact{max-height:200px;overflow:auto;border:none;border-top:1px solid var(--border);border-radius:0;background:transparent;font-size:13px;line-height:1.65}.preview-image{width:100%;max-height:220px;object-fit:cover;border-radius:20px;border:1px solid var(--border)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row-field{grid-column:1 / -1}.salary-change-panel{display:grid;gap:12px;padding:14px 16px}.salary-change-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}.salary-change-head strong{font-size:14px}.salary-change-head span,.salary-change-tip,.salary-change-meta{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.salary-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.salary-change-preview{align-content:end}.salary-change-preview strong{display:block;font-size:14px;color:var(--text)}.time-row{width:100%}.time-row input{flex:1 1 0}.rule-box,.record-box{padding:8px 10px}.record-month-group{display:grid;gap:10px;align-content:start}.record-month-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(96,165,250,.18);border-left:4px solid rgba(59,130,246,.72);background:linear-gradient(135deg,#3b82f61a,#7dd3fc14 48%,#ffffffeb);box-shadow:0 10px 22px #3b82f614,inset 0 1px #ffffffb8;text-align:left}.record-month-toggle:hover{border-color:#3b82f647;box-shadow:0 14px 26px #3b82f61a,inset 0 1px #ffffffc2}.record-month-main,.record-month-side,.record-month-list{display:grid;gap:2px}.record-month-main strong,.record-month-side strong{font-size:14px;line-height:1.25}.record-month-main span,.record-month-side span{color:#475569e0;font-size:12px;line-height:1.2}.record-month-side{justify-items:end;flex:0 0 auto}.record-month-list{gap:8px;margin-left:12px;padding:2px 0 0 12px;border-left:2px dashed rgba(148,163,184,.22)}.rule-grid{grid-template-columns:1fr;align-content:start;gap:8px}.rule-grid>.full-width{grid-column:1 / -1}.rule-card{margin:0;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#ffffffb8;box-shadow:none}.rule-card.expanded{border-color:#60a5fa38;box-shadow:0 20px 34px #0f172a14,inset 0 1px #ffffffc2}.rule-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.rule-card-head.compact{align-items:center;gap:8px}.rule-summary-main{display:grid;gap:8px;min-width:0;flex:1 1 auto}.rule-summary-main.compact{gap:1px}.rule-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rule-title-row strong{font-size:16px;line-height:1.35}.rule-row-name{font-size:14px;line-height:1.25}.rule-row-amount{color:var(--muted);font-size:12px;line-height:1.2;white-space:nowrap}.rule-actions-inline{display:flex;gap:8px;align-items:center;flex:0 0 auto}.rule-actions-inline.compact{gap:4px}.rule-summary-main span,.rule-product{color:var(--muted);font-size:12px}.rule-summary-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rule-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(148,163,184,.16);font-size:12px;font-weight:600}.rule-highlight-row,.record-highlight-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rule-highlight-card,.record-highlight-card{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:#ffffffb8;border:1px solid rgba(148,163,184,.12)}.rule-highlight-card.subtle{background:#f8fafcd1}.record-highlight-card.emphasis{background:linear-gradient(135deg,var(--accent-soft),rgba(124,58,237,.1))}.rule-highlight-card span,.record-highlight-card span{color:var(--muted);font-size:12px}.rule-highlight-card strong,.record-highlight-card strong{font-size:16px;line-height:1.35}.rule-editor{display:grid;gap:14px;padding-top:4px;border-top:1px solid rgba(148,163,184,.12)}.rule-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.commission-record-card{border:1px solid rgba(148,163,184,.12);border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f8fafcd1);box-shadow:0 6px 14px #0f172a0a,inset 0 1px #ffffffb8}.record-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.record-card-head.compact{gap:8px;align-items:center}.record-date-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fffc;border:1px solid rgba(148,163,184,.14);color:var(--muted);font-size:12px;font-weight:700}.record-rule-name{font-size:16px;line-height:1.35}.record-summary-main{display:grid;gap:2px;min-width:0;flex:1 1 auto}.record-summary-main.compact .record-rule-name{font-size:14px;line-height:1.25}.record-summary-side{display:flex;gap:8px;align-items:center;min-width:0;text-align:right;justify-content:flex-end}.record-row-amount{font-size:14px;line-height:1.2;color:var(--accent-strong);white-space:nowrap}.record-row-meta{color:var(--muted);font-size:12px;line-height:1.2;white-space:nowrap}.record-card-button{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;padding:8px 10px}.record-card-button:hover{transform:translateY(-1px);border-color:#60a5fa33;box-shadow:0 12px 20px #0f172a12,inset 0 1px #ffffffc2}.record-note{margin:0;padding:10px 12px;border-radius:14px;background:#f8fafce0;color:var(--text-soft);font-size:13px;line-height:1.6}.history-shell{display:grid;gap:20px}.history-hero-metrics,.history-summary-grid,.history-chart-panel-head,.history-chart-panel-copy{position:relative;z-index:1}.history-chart-panel-copy p{margin:0;color:var(--text-soft);font-size:14px;line-height:1.7}.history-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.history-hero-metric{display:grid;gap:8px;padding:16px 18px;border-radius:20px;background:radial-gradient(circle at top right,rgba(125,211,252,.12),transparent 60%),linear-gradient(180deg,#ffffffb8,#f8fafc94);border:1px solid rgba(148,163,184,.14);box-shadow:inset 0 1px #ffffffa3,0 14px 24px #0f172a0a}.history-hero-metric span,.history-panel-kicker{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.history-hero-metric strong{font-size:18px;line-height:1.35;letter-spacing:-.03em}.history-chart-panel{display:grid;gap:18px;padding:20px;border-radius:24px;background:linear-gradient(180deg,#ffffffc7,#f8fafc9e);border-color:#94a3b824;box-shadow:inset 0 1px #ffffffb8,0 18px 30px #0f172a0a}.history-chart-panel-head{display:flex;justify-content:flex-start;align-items:flex-start;gap:16px}.history-chart-panel-copy{display:grid;gap:6px}.history-chart-panel-copy strong{font-size:26px;line-height:1.08;letter-spacing:-.04em}.history-entry-panel{display:grid;gap:16px;padding:20px;border-radius:24px;border-color:#94a3b824;background:linear-gradient(180deg,#ffffffb8,#fafafc99)}.history-day-mode-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.history-day-mode-text{color:var(--muted);font-size:13px}.history-entry-grid{display:grid;grid-template-columns:minmax(180px,240px) minmax(180px,1fr) auto;gap:12px;align-items:end}.history-entry-grid-year{grid-template-columns:minmax(160px,220px) minmax(180px,1fr) auto}.history-entry-field{margin:0}.history-entry-action{min-width:144px}.history-side-panel{gap:18px;grid-template-rows:auto minmax(0,1fr)}.history-side-head{gap:16px}.history-side-copy{display:grid;gap:6px}.history-side-kicker{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.history-side-copy strong{font-size:28px;line-height:1.08;letter-spacing:-.04em}.history-side-copy p,.history-side-spotlight p{margin:0;color:var(--text-soft);font-size:14px;line-height:1.7}.history-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history-kpi-card{display:grid;gap:8px;min-height:116px;padding:16px;border-radius:20px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,#ffffffb8,#f8fafc8f);box-shadow:inset 0 1px #ffffffb8,0 14px 26px #0f172a0a}.history-kpi-card span{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.history-kpi-card strong{font-size:22px;line-height:1.15;letter-spacing:-.04em;word-break:break-word}.history-side-spotlight,.history-side-list,.history-export-card{border-radius:22px;padding:18px;border-color:#94a3b824}.history-side-spotlight{display:grid;gap:8px;background:radial-gradient(circle at top right,rgba(125,211,252,.14),transparent 40%),linear-gradient(180deg,#ffffffc2,#f8fafc99)}.history-side-spotlight strong{font-size:24px;line-height:1.12;letter-spacing:-.04em}.history-side-list{display:grid;gap:12px}.history-side-list .info-row{align-items:flex-start}.history-side-list .info-row strong{text-align:right}.history-export-card{display:grid;gap:14px;background:linear-gradient(180deg,#ffffffbd,#fafafc9e)}.tier-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.field.tight input,.field.tight select{padding:10px 12px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:10px}.day-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,#ffffffd1,#f8fafca3);box-shadow:0 12px 20px #0f172a0a,inset 0 1px #ffffffb3;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.day-card:hover{transform:translateY(-2px);border-color:#60a5fa29;box-shadow:0 16px 24px #0f172a0f,inset 0 1px #ffffffbd}.day-card.is-manual{border-color:#7c3aed29;background:linear-gradient(180deg,#faf7fff5,#f3efffb8)}.day-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted)}.day-card-heading{display:grid;gap:4px;min-width:0}.day-card-label{font-size:13px;font-weight:600}.day-card-amount-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex-wrap:wrap;min-height:34px;padding:4px 8px;border-radius:10px;background:linear-gradient(135deg,var(--accent-soft),rgba(124,58,237,.08));box-shadow:inset 0 1px #ffffff59}.day-card-amount{color:var(--accent-strong);font-size:18px;font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent) 52%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 8px 22px rgba(0,113,227,.16)}.day-card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;align-items:center}.day-card-actions{display:flex;gap:8px;flex-wrap:wrap}.day-card-actions.compact{gap:6px;flex:1 1 auto}.day-card-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:6px}.day-card-breakdown-item{display:grid;gap:3px;min-width:0;padding:8px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#ffffff8f;text-align:left}.day-card-breakdown-item span,.day-card-breakdown-item small{color:var(--muted);font-size:11px;line-height:1.35}.day-card-breakdown-item strong{font-size:14px;line-height:1.2;color:var(--text);word-break:break-word}.day-card-breakdown-button{cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.day-card-breakdown-button:hover{transform:translateY(-1px);border-color:#60a5fa3d;box-shadow:0 12px 22px #0f172a0f}.day-card-meta-accent{color:var(--accent-strong);font-weight:600}.day-card-footer{display:flex;gap:8px 10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.day-card-footer-side{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.day-card-manual{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#7c3aed14;color:var(--accent-strong);font-size:11px;font-weight:600;line-height:1.2}.day-card-manual strong{font-size:12px;line-height:1.2}.day-card-body{display:flex;justify-content:center}.day-card-body.compact{justify-content:space-between;gap:8px;align-items:center}.day-card-input-wrap{display:flex;align-items:center;background:var(--surface-strong);border-radius:8px;padding:4px 8px;border:1px solid var(--border);transition:border-color .2s,box-shadow .2s}.day-card-input-wrap.compact{flex:0 1 104px;min-width:0;min-height:32px;padding:3px 8px}.day-card-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.day-card-input-wrap .currency-symbol{color:var(--text-soft);font-size:13px;margin-right:4px}.day-card-input-wrap input{width:100%;min-width:0;background:transparent;border:none;color:var(--text);font-size:14px;font-weight:600;padding:0;text-align:right;outline:none}.record-modal-list{display:grid;gap:12px;margin-top:18px}.record-detail-entry{display:grid;gap:8px;width:100%;text-align:left;border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,#ffffffd1,#f8fafcad);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.record-detail-entry:hover{transform:translateY(-1px);border-color:#60a5fa33;box-shadow:0 16px 28px #0f172a0f}.record-detail-entry-head,.record-detail-entry-meta,.record-detail-actions,.record-detail-actions-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.record-detail-entry-head strong,.record-detail-entry-head span{font-size:15px}.record-detail-entry-head span{color:var(--accent-strong);font-weight:700}.record-detail-entry-meta{color:var(--muted);font-size:12px;flex-wrap:wrap}.record-detail-modal{width:min(860px,100%)}.record-detail-preview-grid{margin-top:16px}.record-detail-actions{justify-content:space-between;margin-top:18px}.record-detail-actions-main{justify-content:flex-end;flex-wrap:wrap}.work-calendar-panel{gap:12px}.work-calendar-topbar,.work-calendar-toolbar,.work-calendar-summary,.work-calendar-day-top,.work-calendar-day-bottom{display:flex;gap:12px}.work-calendar-topbar,.work-calendar-day-top{justify-content:space-between}.work-calendar-topbar,.work-calendar-summary{align-items:flex-end;flex-wrap:wrap}.work-calendar-toolbar{flex-wrap:wrap;padding:5px;border-radius:var(--radius-lg);background:var(--surface-soft);border:1px solid var(--border)}.work-calendar-toolbar-presets{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.work-calendar-toolbar-presets>*{flex:0 0 auto}.work-calendar-country{display:flex;flex-direction:row;align-items:center;gap:8px}.work-calendar-month{min-width:180px}.work-calendar-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.work-calendar-summary .mini-surface{padding:5px 6px}.work-summary-item{display:flex;align-items:center;justify-content:space-between;gap:4px}.work-summary-item-wide{grid-column:auto}.work-summary-label{color:var(--muted);font-size:9px;white-space:nowrap}.work-summary-value{flex:0 0 auto;text-align:right}.work-calendar-summary strong{display:block;margin-top:0;font-size:12px;line-height:1.2}.previous-month-selected-card .section-head{gap:1px}.previous-month-selected-card .section-head strong{font-size:12px;line-height:1.2}.previous-month-selected-card .section-head span{font-size:10px}.previous-month-selected-card .info-list{gap:5px}.previous-month-selected-card .info-row{gap:4px;align-items:center}.previous-month-selected-card .info-row span{font-size:9px;letter-spacing:0}.previous-month-selected-card .info-row strong{font-size:11px;text-align:right}.previous-month-selected-card .action-row{gap:4px}.previous-month-selected-card .muted-text{font-size:10px}.previous-month-side-panel .ghost-btn.small,.previous-month-side-panel .secondary-btn.small,.previous-month-side-panel .segment-btn{min-height:26px;padding:4px 6px;font-size:10px}.work-calendar-badge{padding:3px 6px;font-size:11px}.work-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.work-calendar-weekday{padding:8px 4px;text-align:center;color:var(--muted);font-size:12px;font-weight:600}.work-calendar-day{min-height:82px;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);color:var(--text);display:flex;flex-direction:column;justify-content:space-between;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.work-calendar-day.empty{visibility:hidden;pointer-events:none}.work-calendar-day.today{border-color:var(--accent)}.work-calendar-day.is-weekly-rest{background:#0000000f}.workspace-page.dark .work-calendar-day.is-weekly-rest{background:#ffffff14}.work-calendar-day.is-rest{background:#ef444414;border-color:#ef44444d}.work-calendar-day.is-holiday{background:#f59e0b2e;border-color:#f59e0b66}.work-calendar-day.is-special-rest{background:#ef444426;border-color:#ef444466}.work-calendar-day.is-special-makeup{background:#3b82f624;border-color:#3b82f657}.work-calendar-day.is-special-shift{background:#6366f124;border-color:#6366f157}.work-calendar-day.is-special-work{background:#16a34a26;border-color:#16a34a66}.work-calendar-day.is-special-sick-leave{background:#f59e0b29;border-color:#f59e0b61}.work-calendar-day.is-special-personal-leave{background:#a855f724;border-color:#a855f757}.work-calendar-day:disabled{cursor:default}.work-calendar-day:not(:disabled):hover{transform:translateY(-1px)}.work-calendar-day-top strong{font-size:17px}.work-calendar-day-top span{color:var(--muted);font-size:12px}.work-calendar-day-bottom{justify-content:flex-start;align-items:center}.work-calendar-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);font-size:12px;font-weight:600}.work-settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;margin-top:4px}.settings-work-layout{display:grid;gap:16px}.settings-work-side-panel{grid-template-rows:auto minmax(0,1fr);min-width:0}.settings-work-side-stack{display:grid;gap:12px;align-content:start;min-width:0}.work-settings-card{display:grid;gap:10px;align-content:start;padding:12px}.work-settings-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.work-segment-list{display:grid;gap:8px}.work-segment-item{margin:0}.work-segment-item-compact{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.work-segment-item-compact span{font-size:12px}.work-segment-label{flex:0 0 46px;color:var(--muted);white-space:nowrap}.work-segment-item .time-row{flex:1 1 auto;gap:6px;flex-wrap:nowrap}.work-segment-item .time-row input{flex:1 1 0;min-width:0}.time-separator{flex:0 0 auto;color:var(--muted);font-size:11px;white-space:nowrap}.work-segment-delete-btn{flex:0 0 auto;padding-inline:8px}.work-segment-add-btn{min-height:38px;padding-inline:14px;box-shadow:0 14px 28px #3b82f638}.segment-draft-modal{width:min(460px,100%)}.segment-draft-flow{display:grid;gap:16px;margin-top:16px}.segment-draft-progress{display:flex;align-items:center;justify-content:center;gap:10px}.segment-draft-dot{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#94a3b82e;color:var(--muted);font-size:13px;font-weight:700}.segment-draft-dot.active{background:linear-gradient(135deg,var(--accent-strong) 0%,#7c3aed 100%);color:#fff;box-shadow:0 12px 24px #3b82f633}.segment-draft-line{width:44px;height:2px;border-radius:999px;background:#94a3b842}.segment-draft-step{display:grid;gap:14px}.segment-draft-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.segment-draft-preview span{color:var(--muted);font-size:13px}.segment-draft-preview strong{font-size:18px}.segment-draft-actions{margin-top:18px}.work-overtime-grid{margin-top:0}.work-overtime-note{padding:10px 12px;font-size:12px;line-height:1.5}.work-calendar-day.is-rest .work-calendar-badge,.work-calendar-day.is-special-rest .work-calendar-badge{background:#ef444426;color:#ef4444;border-color:#ef444466}.work-calendar-day.is-holiday .work-calendar-badge{background:#f59e0b33;color:#d97706;border-color:#f59e0b80}.work-calendar-day.is-weekly-rest .work-calendar-badge{background:#6b728026;color:#6b7280;border-color:#6b728066}.workspace-page.dark .work-calendar-day.is-rest .work-calendar-badge,.workspace-page.dark .work-calendar-day.is-special-rest .work-calendar-badge{color:#fca5a5}.workspace-page.dark .work-calendar-day.is-holiday .work-calendar-badge{color:#fcd34d}.workspace-page.dark .work-calendar-day.is-weekly-rest .work-calendar-badge{color:#d1d5db}.workspace-page.dark .history-hero,.workspace-page.dark .history-chart-panel,.workspace-page.dark .history-entry-panel,.workspace-page.dark .history-kpi-card,.workspace-page.dark .history-side-spotlight,.workspace-page.dark .history-export-card{border-color:#ffffff14}.workspace-page.dark .history-chart-panel,.workspace-page.dark .history-entry-panel,.workspace-page.dark .history-hero-metric,.workspace-page.dark .history-kpi-card,.workspace-page.dark .history-side-spotlight,.workspace-page.dark .history-side-list,.workspace-page.dark .history-export-card{background:linear-gradient(180deg,#2c2c2ebd,#1c1c1ea3)}.workspace-page.dark .history-kpi-card span,.workspace-page.dark .history-side-kicker{color:#ffffff7a}.work-calendar-note{padding:12px}.work-calendar-note.compact{padding:10px 12px}.settings-work-side-panel .side-head{gap:8px}.settings-work-side-panel .side-head span,.settings-work-side-panel .section-head span,.settings-work-side-panel .info-row span{font-size:12px}.settings-work-side-panel .side-panel,.settings-work-side-panel.side-panel{padding:16px;min-width:0}.settings-work-side-panel .side-scroll{min-width:0;overflow-x:hidden;padding-right:0}.settings-work-side-panel .mini-surface{padding:12px}.settings-work-side-panel .work-calendar-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.settings-work-side-panel .work-calendar-summary .mini-surface{padding:10px}.settings-work-side-panel .work-summary-item{gap:8px}.settings-work-side-panel .work-summary-label{font-size:11px}.settings-work-side-panel .work-calendar-summary strong{font-size:15px}.settings-work-side-panel .info-list,.settings-work-side-panel .work-settings-card,.settings-work-side-panel .work-segment-list{gap:8px;min-width:0}.settings-work-side-panel .info-row{gap:8px;align-items:center}.settings-work-side-panel .info-row strong{font-size:13px;line-height:1.4;text-align:right}.settings-work-side-panel .ghost-btn.small,.settings-work-side-panel .primary-btn.small{padding:6px 10px;font-size:12px}.settings-work-side-panel .work-settings-card-head{gap:8px;align-items:center}.settings-work-side-panel .work-settings-card-head>*,.settings-work-side-panel .section-head,.settings-work-side-panel .work-segment-item-compact,.settings-work-side-panel .time-row{min-width:0}.settings-work-side-panel .time-row{display:grid;grid-template-columns:minmax(78px,1fr) auto minmax(78px,1fr);gap:4px;align-items:center}.settings-work-side-panel .work-segment-item-compact{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:4px;align-items:center}.settings-work-side-panel .work-segment-item-no-label{grid-template-columns:minmax(0,1fr) 28px;gap:1px}.settings-work-side-panel .work-segment-item-no-label .work-segment-label{display:none}.settings-work-side-panel .work-segment-item-no-label .time-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1px}.settings-work-side-panel .work-segment-label{flex-basis:auto;width:34px;font-size:11px}.settings-work-side-panel .time-separator{font-size:10px}.settings-work-side-panel .time-row input{min-width:0;width:100%;max-width:100%;min-height:34px;padding:6px 2px;font-size:11px}.settings-work-side-panel .work-segment-add-btn{min-height:30px;padding-inline:8px;font-size:11px;box-shadow:0 10px 18px #3b82f62e;white-space:nowrap}.settings-work-side-panel .work-segment-delete-btn{padding:3px 1px;min-width:28px;min-height:24px;font-size:9px;line-height:1;white-space:nowrap}.settings-work-side-panel .field input,.settings-work-side-panel .field select{padding:9px 12px;font-size:14px}.tier-item{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.chart-list{align-content:start}.chart-row{position:relative;padding:18px 20px;border-radius:22px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,#ffffffb8,#f8fafc94);box-shadow:inset 0 1px #ffffffb8,0 14px 24px #0f172a0a}.chart-row-head{align-items:center;gap:16px}.chart-row-label-wrap{display:flex;align-items:center;gap:12px;min-width:0}.chart-row-index{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0f172a0a;color:var(--text-soft);font-size:12px;font-weight:700}.chart-row-copy{display:grid;gap:4px;min-width:0}.chart-row-label{color:var(--text);font-size:15px;font-weight:600;letter-spacing:-.02em}.chart-row-share{color:var(--muted);font-size:12px}.chart-row-amount-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex-wrap:wrap;padding:6px 10px;border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),rgba(124,58,237,.08));box-shadow:inset 0 1px #ffffff59}.chart-row-amount{color:var(--accent-strong);font-size:24px;font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent) 52%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 10px 24px rgba(0,113,227,.14)}.chart-track{height:14px;margin-top:16px;border-radius:999px;background:#0f172a0d;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a0a}.chart-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#0071e3e0,#507effe6 52%,#7c3aedeb);box-shadow:0 8px 18px #3b82f62e,inset 0 1px #ffffff57}.empty-box{padding:18px;border-radius:16px;background:var(--surface-soft);color:var(--muted);text-align:center}.money-rain{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.money-rain-showcase{top:-6%;right:0;bottom:-6%;left:0;opacity:.98;mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.92) 12%,rgba(0,0,0,.92) 88%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.92) 12%,rgba(0,0,0,.92) 88%,transparent 100%)}.money-rain-foreground{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4}.money-rain-foreground .coin{--rain-start-y: -14vh;--rain-end-y: 116vh;font-size:calc(var(--coin-size) * 1.16);opacity:min(.72,calc(var(--coin-opacity) + .12));filter:blur(calc(var(--coin-blur) * .2)) drop-shadow(0 0 26px rgba(255,204,0,.3));text-shadow:0 0 20px rgba(255,204,0,.32),0 0 36px rgba(59,130,246,.18)}.money-rain-foreground .coin-back{opacity:min(.44,calc(var(--coin-opacity) + .04))}.money-rain-foreground .coin-mid{opacity:min(.58,calc(var(--coin-opacity) + .12))}.money-rain-foreground .coin-front{opacity:min(.82,calc(var(--coin-opacity) + .26));filter:blur(max(calc(var(--coin-blur) * .18),0px)) drop-shadow(0 0 30px rgba(255,204,0,.34))}.coin{--fall-duration: 8s;--coin-size: 24px;--coin-drift: 36px;--coin-opacity: .28;--coin-rotate: 0deg;--coin-blur: 0px;--rain-start-y: -18%;--rain-end-y: 122%;position:absolute;top:0;font-size:var(--coin-size);color:#fff7d6f5;opacity:min(.78,calc(var(--coin-opacity) + .18));filter:blur(calc(var(--coin-blur) * .4)) drop-shadow(0 0 24px rgba(255,204,0,.32));text-shadow:0 0 18px rgba(255,204,0,.42),0 0 32px rgba(59,130,246,.24);animation:rain-fall var(--fall-duration) linear infinite,coin-glow 2.8s ease-in-out infinite;transform:translateZ(0) rotate(var(--coin-rotate))}.coin-back{opacity:min(.52,calc(var(--coin-opacity) + .08));filter:blur(calc(var(--coin-blur) + .8px)) drop-shadow(0 0 18px rgba(59,130,246,.18))}.coin-mid{opacity:min(.68,calc(var(--coin-opacity) + .16))}.coin-front{font-size:calc(var(--coin-size) * 1.12);opacity:min(.84,calc(var(--coin-opacity) + .24));filter:blur(max(calc(var(--coin-blur) * .32),0px)) drop-shadow(0 0 28px rgba(255,204,0,.36))}@keyframes rain-fall{0%{transform:translate3d(0,var(--rain-start-y),0) rotate(var(--coin-rotate)) scale(.96)}to{transform:translate3d(0,var(--rain-end-y),0) rotate(calc(var(--coin-rotate) + 28deg)) scale(1.04)}}@keyframes coin-glow{0%,to{filter:blur(calc(var(--coin-blur) * .4)) drop-shadow(0 0 22px rgba(59,130,246,.18))}50%{filter:blur(calc(var(--coin-blur) * .3)) drop-shadow(0 0 34px rgba(255,204,0,.42))}}@media (max-width: 1180px){.rule-highlight-row,.record-highlight-row{grid-template-columns:1fr}.workspace-page.page-locked .workspace-shell,.workspace-page.page-locked .workspace-layout,.workspace-page.page-locked .workspace-stage,.stage-scroll-lock,.scroll-card,.card-scroll,.side-scroll,.history-side-scroll,.workspace-page.page-locked .workspace-nav{height:auto;min-height:auto;overflow:visible}.auth-shell,.workspace-layout,.content-grid,.showcase-grid,.tips-grid,.metric-row,.preview-grid,.field-grid,.salary-change-grid,.work-settings-grid,.rule-grid,.rule-edit-grid,.work-calendar-summary,.history-hero,.history-summary-grid,.history-kpi-grid,.history-entry-grid,.history-entry-grid-year{grid-template-columns:1fr}.work-summary-label{white-space:normal}.work-segment-item-compact{flex-wrap:wrap;align-items:stretch}.work-segment-label{flex-basis:auto}.work-segment-item .time-row{width:100%}.work-segment-delete-btn{margin-left:auto}.workspace-topbar,.hero-strip,.history-chart-panel-head{flex-direction:column;align-items:stretch}.live-showcase,.live-highlight-row{grid-template-columns:1fr}.work-calendar-toolbar-presets{flex-wrap:wrap;overflow:visible}.back-card{transform:none;opacity:1}.workspace-layout.nav-collapsed{grid-template-columns:1fr}.workspace-nav{position:static}.workspace-nav.collapsed .floating-badge span:last-child,.workspace-nav.collapsed .nav-copy,.workspace-nav.collapsed .nav-meta,.workspace-nav.collapsed .nav-tab div{opacity:1;width:auto;height:auto;overflow:visible;pointer-events:auto}.workspace-nav.collapsed .nav-tab{width:100%;padding:14px;grid-template-columns:48px minmax(0,1fr);justify-items:stretch}.content-grid.panel-hidden{grid-template-columns:1fr}.side-panel.hidden{width:100%;padding:20px;border-width:1px;opacity:1;transform:none;pointer-events:auto}.edge-handle{position:static;justify-self:start}.focus-card,.side-panel{min-height:auto}.landing-shell,.landing-feature-grid,.landing-meta-grid,.landing-mode-grid{grid-template-columns:1fr}.landing-income-card,.landing-note-card-wide{grid-row:auto;grid-column:auto}.landing-panel-head,.landing-guest-card,.landing-cta-row{flex-direction:column;align-items:stretch}.landing-hero-btn{width:100%}.landing-panel-aside{justify-items:start}}@media (max-width: 720px){.record-month-list{margin-left:6px;padding-left:8px}.record-month-toggle,.record-month-side,.day-card-footer,.day-card-footer-side{align-items:stretch}.record-month-toggle,.day-card-footer,.day-card-footer-side{flex-direction:column}.record-month-side{justify-items:start}.rule-card-head,.record-card-head,.rule-actions-inline{flex-direction:column;align-items:stretch}.auth-page,.workspace-page,.message-modal-mask{padding:14px}.message-modal{padding:18px}.previous-month-editor-modal{max-height:min(92vh,980px)}.previous-month-editor-grid,.previous-month-summary{grid-template-columns:1fr}.previous-month-toolbar{flex-direction:column;align-items:stretch}.stage-card,.panel-card,.side-panel,.workspace-nav{padding:18px}.history-hero,.history-chart-panel,.history-entry-panel{padding:18px;border-radius:22px}.history-hero-metrics{grid-template-columns:1fr}.live-amount{font-size:42px}.live-showcase{padding:18px}.live-side-grid{grid-template-columns:1fr}.live-side-hero strong{font-size:26px}.live-side-meta{display:grid;grid-template-columns:1fr}.live-showcase-top{flex-direction:column;align-items:stretch}.brand-block,.topbar-actions,.action-row,.inline-actions,.guide-wizard-progress,.settings-header-row{align-items:stretch}.topbar-actions>*,.action-row>*,.inline-actions>*,.settings-header-row>*{flex:1 1 100%}.work-calendar-grid{gap:8px}.work-calendar-day{min-height:78px;padding:10px}.previous-month-calendar-day{min-height:96px}.work-settings-card-head{flex-direction:column;align-items:stretch}.work-calendar-day-top{flex-direction:column;align-items:flex-start;gap:6px}.landing-stage,.landing-panel{padding:18px}.landing-copy h1{font-size:42px}.landing-description,.landing-income-card p,.landing-note-card p,.landing-panel-head .muted-text{font-size:14px;line-height:1.65}.landing-income-card strong{font-size:44px}.landing-note-card{grid-template-columns:1fr}.landing-note-index,.landing-guest-btn{width:fit-content}.landing-meta-card strong{font-size:24px}.landing-segmented{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.landing-stage,.landing-panel,.landing-auth .segment-btn,.landing-auth .ghost-btn,.landing-auth .primary-btn,.landing-shell,.auth-route-pulse{animation:none!important;transition:none!important}}