:root{--brand: #2563EB;--bg: #F0F4FA;--bg-wash: radial-gradient(1200px 520px at 50% -8%, rgba(37, 99, 235, .1) 0%, rgba(37, 99, 235, 0) 72%);--surface: #FFFFFF;--surface-2: #f8fafd;--surface-3: #f2f6fb;--rail-bg: #FFFFFF;--rail-bg-2: #ebeced;--rail-fg: #1F2937;--rail-muted: #656a70;--rail-border: rgba(31, 41, 55, .14);--rail-hover: rgba(31, 41, 55, .08);--rail-active-bg: #2563EB;--rail-active-fg: #F7FAFC;--fg: #0B0F14;--fg-2: #4f5256;--muted: #696c70;--faint: #797a7e;--border: rgba(0, 0, 0, .11);--border-soft: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .2);--accent: #2563EB;--accent-on: #F7FAFC;--accent-ink: #2563EB;--accent-hover: #2159d4;--accent-active: #1e4fbc;--accent-soft: rgba(37, 99, 235, .14);--accent-soft-line: rgba(37, 99, 235, .42);--accent-2: #0EA5C6;--accent-2-on: #0B0F14;--accent-2-ink: #0e758d;--accent-2-soft: rgba(14, 165, 198, .13);--accent-2-soft-line: rgba(14, 165, 198, .4);--glow-accent: 0 0 0 1px rgba(37, 99, 235, .28), 0 6px 18px -8px rgba(37, 99, 235, .4);--glow-accent-strong: 0 0 0 1px rgba(37, 99, 235, .5), 0 10px 24px -8px rgba(37, 99, 235, .5);--glow-accent-soft: 0 4px 14px -8px rgba(37, 99, 235, .35);--glow-accent-2: 0 0 0 1px rgba(14, 165, 198, .3), 0 6px 18px -8px rgba(14, 165, 198, .35);--glow-accent-2-soft: 0 4px 14px -8px rgba(14, 165, 198, .3);--bg-grid: linear-gradient(rgba(0, 0, 0, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .03) 1px, transparent 1px);--bg-grid-size: 32px 32px;--success: #1F8A57;--success-soft: rgba(31, 138, 87, .12);--warn: #9A6600;--warn-soft: rgba(154, 102, 0, .14);--danger: #C0392B;--danger-strong: #A81E12;--danger-soft: rgba(192, 57, 43, .12);--info: #2A6FB0;--info-soft: rgba(42, 111, 176, .12);--danger-line: rgba(192, 57, 43, .4);--warn-line: rgba(154, 102, 0, .38);--info-line: rgba(42, 111, 176, .35);--success-line: rgba(31, 138, 87, .35);--logo-plate: #FFFFFF;--scrim: rgba(11, 15, 20, .44);--login-bg: #FFFFFF;--login-bg-wash: radial-gradient(1000px 520px at 20% 0%, rgba(37, 99, 235, .16) 0%, rgba(37, 99, 235, 0) 70%);--app-bg-image: none;--app-bg-veil: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));--login-bg-veil: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));--app-bg-size: auto, var(--bg-grid-size), auto, auto;--series-1: #2563EB;--series-2: #0EA5C6;--series-3: #3E6FB0;--series-4: #7C8794;--series-5: #7E5BB0;--series-track: #dfe3e9;--grid-line: #dde0e6;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num: "Cascadia Mono", Consolas, "SF Mono", "PingFang SC", "Microsoft YaHei", monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 40px;--leading-plain: 1.15;--leading-tight: 1.3;--leading-dense: 1.45;--leading-body: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--row-h: 38px;--row-h-comfy: 46px;--thead-h: 40px;--cell-px: 10px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-panel: 18px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px rgba(0, 0, 0, .11);--elev-raised: 0 1px 2px rgba(0, 0, 0, .05), 0 10px 24px -14px rgba(0, 0, 0, .28);--elev-pop: 0 8px 24px -12px rgba(0, 0, 0, .22), 0 0 0 1px rgba(0, 0, 0, .11);--elev-modal: 0 28px 60px -20px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .11);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .45);--motion-instant: 90ms;--motion-fast: .12s;--motion-base: .2s;--motion-enter: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--rail-w: 232px;--rail-w-collapsed: 64px;--utility-h: 28px;--topbar-h: 68px;--header-h: 64px;--content-max: 1680px;--row-hover: rgba(0, 0, 0, .04);--row-selected-bg: rgba(37, 99, 235, .12);--row-selected-bar: #2563EB;--row-unsaved-bg: rgba(154, 102, 0, .08);--month-current-bg: rgba(37, 99, 235, .07);--month-current-line: #2563EB;--month-archived-surface: #f7f9fc;--month-archived-fg: #696c70;--month-archived-border: rgba(0, 0, 0, .06);color-scheme:light;--card-wash: radial-gradient(720px 260px at 12% 0%, rgba(14, 165, 198, .1) 0%, rgba(14, 165, 198, 0) 70%);--grade-0: #93C5FD;--grade-1: #FACC15;--grade-2: #86EFAC;--grade-3: #C4B5FD;--grade-4: #DB2777;--grade-5: #BEF264;--grade-6: #FDA4AF;--grade-none: rgba(0, 0, 0, .2);--elev-card: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 26px -20px rgba(0, 0, 0, .24);--elev-card-hover: 0 2px 6px rgba(0, 0, 0, .05), 0 18px 36px -22px rgba(0, 0, 0, .3);--elev-topbar: 0 1px 0 rgba(0, 0, 0, .03), 0 10px 24px -20px rgba(0, 0, 0, .32) }*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);background-color:var(--bg);background-image:var(--bg-wash),var(--bg-grid),var(--app-bg-veil),var(--app-bg-image);background-size:var(--app-bg-size);background-position:center,top left,center,center;background-repeat:no-repeat,repeat,no-repeat,no-repeat;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:var(--radius-xs)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.mono-meta{font-family:var(--font-num);font-size:var(--text-2xs);letter-spacing:.08em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-size:var(--text-base);font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard);white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:scale(.98)}.btn[disabled]{cursor:not-allowed;color:var(--faint);background:var(--surface-3);border-color:var(--border-soft)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on);font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-active)}.btn-ghost{background:transparent;border-color:transparent;color:var(--accent-ink)}.btn-ghost:hover{background:var(--accent-soft);border-color:var(--accent-soft-line)}.btn-danger{color:var(--danger-strong);border-color:var(--danger-line)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-sm{padding:6px 10px;font-size:var(--text-sm)}.btn-icon{width:32px;height:32px;padding:0;justify-content:center}.input,.select,.textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-base);transition:border-color var(--motion-fast) var(--ease-standard)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.textarea{min-height:96px;resize:vertical;line-height:var(--leading-body)}.field{display:grid;gap:var(--space-2)}.field>label{font-size:var(--text-sm);color:var(--fg-2);font-weight:500}.field-hint{font-size:var(--text-xs);color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--fg-2);font-size:var(--text-xs);font-weight:500;letter-spacing:.14px;white-space:nowrap}.tag-accent{background:var(--accent-soft);color:var(--accent-ink)}.tag-success{background:var(--success-soft);color:var(--success)}.tag-warn{background:var(--warn-soft);color:var(--warn)}.tag-danger{background:var(--danger-soft);color:var(--danger)}.tag-info{background:var(--info-soft);color:var(--info)}.tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:10px 14px;border:1px solid;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-body)}.notice-info{background:var(--info-soft);border-color:var(--info-line);color:var(--info)}.notice-warn{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}.notice>svg{flex:none;margin-top:2px}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0,1fr);grid-template-areas:"topbar" "main";height:100dvh;overflow:hidden}.app-topbar{grid-area:topbar;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--rail-bg);border-bottom:1px solid var(--rail-border);box-shadow:var(--elev-topbar);min-width:0;position:relative;z-index:40}.topbar-menu{display:none;width:34px;height:34px;flex:none;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);cursor:pointer}.topbar-brand{display:flex;align-items:center;gap:10px;flex:none;padding:0;border:0;background:none;cursor:pointer;color:inherit}.brand-chip{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--logo-plate);box-shadow:0 0 0 1px var(--rail-border),var(--glow-accent-2-soft);overflow:hidden}.brand-chip img{width:100%;height:100%;object-fit:cover}.brand-text{display:flex;flex-direction:column;line-height:1.18;text-align:left}.brand-text strong{font-size:var(--text-base);color:var(--rail-fg)}.brand-text span{font-family:var(--font-num);font-size:var(--text-2xs);letter-spacing:.14em;color:var(--rail-muted)}.topbar-nav{flex:1 1 auto;min-width:0;overflow:visible}.nav-row{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.nav-group{position:relative}.nav-pill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--rail-fg);font-size:var(--text-md);font-weight:600;letter-spacing:.01em;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background var(--motion-enter) var(--ease-standard),color var(--motion-enter) var(--ease-standard)}.nav-pill:hover{background:var(--rail-hover)}.nav-pill[aria-current=page],.nav-pill.is-active,.nav-pill[aria-expanded=true]{background:var(--accent);color:var(--accent-on);box-shadow:0 2px 10px -4px var(--accent-soft-line)}.nav-pill[aria-current=page]:hover,.nav-pill.is-active:hover,.nav-pill[aria-expanded=true]:hover{background:var(--accent-hover);color:var(--accent-on)}.nav-caret{opacity:.65;transition:transform var(--motion-enter) var(--ease-standard)}.nav-pill[aria-current=page] .nav-caret,.nav-pill.is-active .nav-caret,.nav-pill[aria-expanded=true] .nav-caret{opacity:1}.nav-pill[aria-expanded=true] .nav-caret,.account-chip[aria-expanded=true] .nav-caret{transform:rotate(180deg)}.nav-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:232px;z-index:60;display:none;padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--elev-pop)}.nav-menu[data-open=true]{display:block;animation:nav-menu-in .14s var(--ease-standard)}@keyframes nav-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.nav-menu[data-open=true]{animation:none}}.nav-menu-right{left:auto;right:0;min-width:258px}.nav-menu-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.nav-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:var(--text-base);font-weight:500;text-align:left;text-decoration:none;cursor:pointer;transition:background var(--motion-enter) var(--ease-standard)}.nav-menu-item:hover{background:var(--surface-2)}.nav-menu-item[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.nav-menu-list-extra{margin-top:2px;padding-top:2px;border-top:1px solid var(--border-soft)}.nav-menu-foot{display:grid;gap:4px;margin-top:var(--space-2);padding:10px 11px 2px;border-top:1px solid var(--border-soft);color:var(--muted);font-family:var(--font-num);font-size:var(--text-2xs);letter-spacing:.04em}.topbar-right{display:flex;align-items:center;gap:var(--space-2);flex:none}.topbar-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);cursor:pointer}.topbar-icon:hover{color:var(--accent-ink);border-color:var(--accent-soft-line)}.account-chip{display:flex;align-items:center;gap:9px;padding:3px 10px 3px 4px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:inherit;cursor:pointer}.account-chip:hover{border-color:var(--accent-soft-line)}.account-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:var(--text-sm);font-weight:600}.account-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}.account-text strong{font-size:var(--text-sm);color:var(--text)}.account-text span{font-size:var(--text-2xs);color:var(--muted)}.app-rail{display:none;grid-area:rail;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-3) var(--space-3);background:var(--rail-bg);border-right:1px solid var(--rail-border);min-height:0}.rail-brand{display:flex;align-items:center;gap:var(--space-3);width:100%;margin:0;padding:var(--space-1) var(--space-2) var(--space-4);border:0;border-bottom:1px solid var(--rail-border);border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard)}.rail-brand:hover{background:var(--rail-hover)}.rail-logo-chip{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:var(--radius-sm);background:var(--logo-plate);box-shadow:0 0 0 1px var(--rail-border),var(--glow-accent-2-soft);overflow:hidden}.rail-logo-chip img{width:30px;height:auto;display:block}.rail-brand-text{display:grid;gap:2px;min-width:0}.rail-brand-text strong{color:var(--rail-fg);font-size:var(--text-base);font-weight:600;letter-spacing:.02em}.rail-brand-text span{color:var(--rail-muted);font-family:var(--font-num);font-size:var(--text-2xs);letter-spacing:.08em}.rail-section{display:grid;gap:var(--space-1)}.rail-group-head{display:flex;align-items:center;gap:var(--space-2);width:100%;margin:0;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--rail-fg);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard)}.rail-group-head:hover{background:var(--rail-hover)}.rail-group-title{flex:1 1 auto;min-width:0;font-size:var(--text-md);font-weight:700;letter-spacing:.02em}.rail-group-chevron{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid var(--rail-border);border-radius:var(--radius-xs);color:var(--rail-muted);transition:transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.rail-group-head:hover .rail-group-chevron{color:var(--rail-fg);border-color:var(--rail-muted)}.rail-group-chevron.is-open{transform:rotate(180deg);color:var(--rail-fg)}.rail-group-body{display:grid;gap:var(--space-1)}.rail-group-body[data-open=false]{display:none}.rail-nav{display:grid;gap:2px;margin:0;padding:0;list-style:none}.rail-nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-sm);color:var(--rail-fg);font-size:var(--text-sm);text-decoration:none;transition:background-color var(--motion-fast) var(--ease-standard)}.rail-nav-item:hover{background:var(--rail-hover);text-decoration:none}.rail-nav-item[aria-current=page]{background:var(--rail-active-bg);color:var(--rail-active-fg);font-weight:600}.rail-nav-item[aria-current=page]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:var(--radius-pill);background:var(--accent)}.rail-nav-item svg{flex:none;opacity:.85}.rail-spacer{flex:1 1 auto}.rail-user{display:grid;gap:2px;padding:var(--space-3);border-top:1px solid var(--rail-border)}.rail-user strong{color:var(--rail-fg);font-size:var(--text-sm);font-weight:600}.rail-user span{color:var(--rail-muted);font-size:var(--text-2xs);font-family:var(--font-num);letter-spacing:.06em}.app-main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto}.page-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--surface);border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.page-title-block{display:grid;gap:2px;min-width:0}.breadcrumb{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-xs)}.page-title{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.01em}.page-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.app-content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-5) var(--space-6) var(--space-12);display:grid;gap:var(--space-5);min-width:0}.login-page{min-height:100dvh;display:grid;place-items:center;padding:var(--space-8) var(--space-4);background-color:var(--login-bg);background-image:var(--login-bg-wash),var(--bg-grid),var(--login-bg-veil),var(--app-bg-image);background-size:var(--app-bg-size);color:var(--rail-fg)}.login-stack{display:grid;gap:var(--space-4);width:min(420px,100%)}.login-card{padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-modal);display:grid;gap:var(--space-5)}.login-brand{display:grid;gap:var(--space-3);justify-items:start}.login-logo-chip{display:grid;place-items:center;padding:8px 12px;border-radius:var(--radius-md);background:var(--logo-plate);box-shadow:0 0 0 1px var(--accent-2-soft-line),var(--glow-accent-2-soft)}.login-logo-chip img{width:148px;height:auto;display:block}.login-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;line-height:var(--leading-tight)}.login-sub{color:var(--muted);font-size:var(--text-sm)}.login-form{display:grid;gap:var(--space-4)}.login-foot{color:var(--muted);font-family:var(--font-num);font-size:var(--text-2xs);letter-spacing:.06em;line-height:1.7;text-align:center}.boot-screen{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);background-color:var(--login-bg);background-image:var(--login-bg-wash),var(--bg-grid),var(--login-bg-veil),var(--app-bg-image);background-size:var(--app-bg-size);color:var(--rail-fg)}.boot-logo{width:148px;height:auto;padding:8px 12px;border-radius:var(--radius-md);background:var(--logo-plate);box-shadow:0 0 0 1px var(--accent-2-soft-line),var(--glow-accent-2-soft)}.boot-text{margin:0;font-size:var(--text-sm);letter-spacing:.08em;color:var(--muted)}.inline-error{display:flex;gap:var(--space-2);padding:9px 12px;border:1px solid var(--danger-line);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-strong);font-size:var(--text-sm)}.login-hint{display:grid;gap:4px;padding:10px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-xs);color:var(--fg-2)}.login-hint b{font-family:var(--font-num)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-4);min-width:0;box-shadow:var(--elev-card);transition:box-shadow var(--motion-enter) var(--ease-standard)}.card:hover{box-shadow:var(--elev-card-hover)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.card-title-block{display:grid;gap:2px;min-width:0}.card-title{position:relative;padding-left:11px;font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.card-title:before{content:"";position:absolute;left:0;top:50%;width:3px;height:1.05em;transform:translateY(-50%);border-radius:2px;background:var(--accent)}.card-sub{color:var(--muted);font-size:var(--text-xs)}.card-tools{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.kpi-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.kpi-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:grid;gap:6px;min-width:0;box-shadow:var(--elev-card);transition:box-shadow var(--motion-enter) var(--ease-standard)}.kpi-tile:hover{box-shadow:var(--elev-card-hover)}.kpi-label{color:var(--muted);font-size:var(--text-sm)}.kpi-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--text-2xl);line-height:var(--leading-plain);letter-spacing:-.01em}.kpi-value small{font-size:var(--text-lg);color:var(--muted);margin-left:3px}.kpi-foot{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);flex-wrap:wrap}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-num);font-weight:500}.kpi-delta.up{color:var(--success)}.kpi-delta.down{color:var(--danger)}.kpi-delta.flat{color:var(--muted)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);display:grid;gap:var(--space-4);min-width:0}.chart-plot{width:100%;min-width:0}.chart-plot svg{display:block;width:100%;height:auto}.chart-legend{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--fg-2)}.chart-legend-item{display:inline-flex;align-items:center;gap:6px}.chart-metric-tabs .segmented button{padding:4px 7px;font-size:var(--text-xs)}.chart-panels{display:flex;flex-direction:column;gap:var(--space-2)}.chart-panel-title{margin:0;padding:var(--space-2) var(--space-5) 0;color:var(--fg-2);font-size:var(--text-xs);font-weight:600}.chart-note{margin:0;padding:0 var(--space-5) var(--space-4);color:var(--muted);font-size:var(--text-xs)}.chart-swatch{width:10px;height:10px;border-radius:2px;flex:none}.chart-empty{display:grid;place-items:center;gap:var(--space-2);min-height:160px;padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font-size:var(--text-sm);text-align:center}.grid-2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.grid-2-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}.small-multiples{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.small-multiple{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--surface-2);display:grid;gap:var(--space-2);min-width:0}.small-multiple h4{font-size:var(--text-sm);font-weight:600}.segmented{display:inline-flex;padding:2px;background:var(--surface-3);border-radius:var(--radius-sm);gap:2px;flex-wrap:wrap}.segmented button{border:0;background:transparent;padding:5px 11px;border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--fg-2);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard);white-space:nowrap}.segmented button:hover{color:var(--fg)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:var(--elev-ring)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.search-wrap{position:relative;flex:1 1 280px;min-width:200px}.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-wrap .input{padding-left:32px}.filter-bar .select{width:auto;min-width:130px;flex:0 1 auto}.filter-bar .date-range{display:inline-flex;align-items:center;gap:6px;flex:0 1 auto}.filter-bar .date-range-label{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.filter-bar .date-range-sep{font-size:var(--text-xs);color:var(--muted)}.filter-bar .date-input{width:auto;min-width:138px;flex:0 1 auto}@media (max-width: 767px){.filter-bar .date-range{flex:1 1 100%}.filter-bar .date-input{flex:1 1 0;min-width:0}}.chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 6px 3px 10px;border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent-soft-line);color:var(--accent-ink);font-size:var(--text-xs)}.chip button{border:0;background:transparent;color:inherit;cursor:pointer;display:inline-grid;place-items:center;padding:0;opacity:.7}.chip button:hover{opacity:1}.grid-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;min-width:0;overflow:hidden}.grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.grid-toolbar-meta{color:var(--muted);font-size:var(--text-xs)}.grid-viewport{overflow:auto;max-height:68vh;overscroll-behavior-x:contain;min-width:0}table.grid{width:100%;min-width:1600px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:var(--text-sm)}table.grid caption{caption-side:top;text-align:left;padding:var(--space-2) var(--space-4);color:var(--muted);font-family:var(--font-num);font-size:var(--text-2xs);letter-spacing:.06em}table.grid thead th{position:sticky;top:0;z-index:5;height:var(--thead-h);padding:0 var(--cell-px);background:var(--surface-2);border-bottom:1px solid var(--border);text-align:left;font-size:var(--text-sm);font-weight:700;letter-spacing:.01em;color:var(--fg-2);white-space:nowrap;box-shadow:inset 0 -1px 0 var(--border)}table.grid tbody td{height:var(--row-h-comfy);padding:4px var(--cell-px);border-bottom:1px solid var(--border-soft);box-shadow:inset 0 -1px 0 var(--border-soft);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;scroll-margin-top:var(--thead-h)}table.grid tbody tr:hover td{background:var(--surface-2)}table.grid tbody tr.row-selected td{background:var(--accent-soft)}table.grid tbody tr.row-unsaved td{background:var(--warn-soft)}table.grid tbody tr.row-flash td{box-shadow:inset 3px 0 0 0 var(--success),inset 0 -1px 0 var(--border-soft)}th.col-sticky-left,td.col-sticky-left{position:sticky;z-index:4;background:var(--surface)}th.col-sticky-r,td.col-sticky-r{position:sticky;right:0;z-index:4;background:var(--surface)}table.grid tbody tr:hover td.col-sticky-left,table.grid tbody tr:hover td.col-sticky-r{background:var(--surface-2)}table.grid tbody tr.row-selected td.col-sticky-left,table.grid tbody tr.row-selected td.col-sticky-r{background:var(--accent-soft)}th.col-select,td.col-select{text-align:center}input.row-check{width:15px;height:15px;margin:0;padding:0;vertical-align:middle;accent-color:var(--accent);cursor:pointer}ul.bulk-remove-list{margin:10px 0 0;padding:8px 8px 8px 26px;max-height:220px;overflow-y:auto;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-2);font-size:var(--text-sm);line-height:1.7;color:var(--text)}.manual-cell{display:inline-block;width:100%;padding:2px 4px;border:1px dashed transparent;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:right;cursor:text}.manual-cell:hover{border-color:var(--border-strong);background:var(--surface-2)}.manual-cell.is-manual{font-weight:600;color:var(--accent-strong, var(--accent))}.manual-cell.is-manual:before{content:"•";margin-right:3px;opacity:.7}.manual-input{width:100%;text-align:right}.target-cell{display:block;width:100%;padding:0 4px;border:1px dashed transparent;border-radius:4px;background:transparent;color:var(--muted);font:inherit;font-size:11px;text-align:right;cursor:text}.target-cell:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.target-cell.is-manual{font-weight:600;color:var(--accent-ink)}.target-cell.is-manual:before{content:"•";margin-right:3px;opacity:.7}.target-input{width:100%;padding:0 3px;font-size:11px;text-align:right}.vacancy-row td:first-child{color:var(--fg-2);box-shadow:inset 3px 0 0 0 var(--accent-soft-line)}table.month-grid tr.dept-rate-row td{border-top:2px solid var(--border-strong);background:var(--surface-2)}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-3) var(--space-5);color:var(--faint);font-size:var(--text-xs);line-height:var(--leading-dense);text-align:center}.site-footer-item{display:inline-flex;align-items:center;gap:5px;color:var(--faint);text-decoration:none}.site-footer-item:hover{color:var(--accent-ink);text-decoration:underline}.site-footer-icon{width:16px;height:16px;object-fit:contain}.site-footer-custom{display:inline-flex;align-items:center;gap:4px}.site-footer-custom a{display:inline-flex;align-items:center;gap:4px;color:var(--faint);text-decoration:none}.site-footer-custom a:hover{color:var(--accent-ink);text-decoration:underline}.site-footer-custom img{width:16px;height:16px;object-fit:contain}.film-textarea{min-height:64px;resize:vertical;font-family:var(--font-num);font-size:var(--text-xs)}.cell-seq{color:var(--muted);font-variant-numeric:tabular-nums}.deal-cell{display:flex;flex-direction:column;gap:4px;min-width:0}table.grid tbody td.col-deals{overflow:visible}.deal-head{text-align:left;font-variant-numeric:tabular-nums}.deal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.deal-line{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.deal-line .deal-cat{color:var(--text)}.deal-line .deal-amt{font-weight:600}.deal-line .deal-date{color:var(--muted)}.deal-badge{padding:0 5px;border-radius:4px;font-size:10px;line-height:16px;border:1px solid transparent}.deal-badge.sample{background:var(--accent-soft);color:var(--accent)}.deal-badge.frozen{background:var(--surface-2);color:var(--muted)}.deal-latest{padding:2px 6px;border-radius:4px;background:var(--surface-2)}.deal-toggle{align-self:flex-start;background:none;border:0;padding:0;cursor:pointer;color:var(--accent);font-size:var(--text-xs)}.deal-editor{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-2);width:100%;min-width:0;box-sizing:border-box}.deal-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.deal-row>select,.deal-row>input{flex:1 1 96px;min-width:84px}.deal-row>button{flex:0 0 auto}.deal-row.is-locked{opacity:.6}.deal-editor-foot{display:flex;align-items:center;gap:8px}.deal-total{margin-left:auto;font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}.deal-note{margin:0;font-size:var(--text-xs);color:var(--muted)}th.col-sticky-r,td.col-sticky-r{box-shadow:inset 1px 0 0 var(--border-soft),inset 0 -1px 0 var(--border-soft)}.cell-num{font-family:var(--font-num);font-variant-numeric:tabular-nums;text-align:right}.cell-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:var(--leading-dense);cursor:help}.editable{display:block;width:100%;min-height:28px;padding:4px 6px;border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;text-align:left;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editable:hover{border-color:var(--border);background:var(--surface)}.editable.is-empty{color:var(--faint)}.cell-input{width:100%;padding:4px 6px;border:1px solid var(--accent);border-radius:var(--radius-xs);background:var(--surface);font-size:var(--text-sm);outline:none;box-shadow:var(--focus-ring)}.row-actions{display:flex;align-items:center;gap:4px}tfoot td{position:sticky;bottom:0;z-index:6;background:var(--surface-2);border-top:1px solid var(--border);font-weight:600;padding:8px var(--cell-px);box-shadow:inset 0 1px 0 var(--border)}table.month-grid{width:100%;min-width:1080px;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}table.month-grid th,table.month-grid td{padding:7px var(--cell-px);border-bottom:1px solid var(--border-soft);text-align:right;white-space:nowrap}table.month-grid th:first-child,table.month-grid td:first-child{text-align:left;position:sticky;left:0;background:var(--surface);z-index:2;border-right:1px solid var(--border-soft)}table.month-grid thead th{background:var(--surface-2);font-size:var(--text-xs);color:var(--fg-2);font-weight:600;position:sticky;top:0;z-index:3}table.month-grid thead th:first-child{z-index:5;background:var(--surface-2)}table.month-grid td.archive,table.month-grid th.archive{background:var(--month-archived-surface);color:var(--month-archived-fg)}table.month-grid th.col-current,table.month-grid td.col-current{background:var(--month-current-bg);box-shadow:inset 0 2px 0 0 var(--month-current-line)}table.month-grid th.col-current{color:var(--accent-ink);font-weight:700}table.month-grid tbody tr.row--selected>td,table.data-grid tbody tr.row--selected>td{background:var(--row-selected-bg)}table.month-grid tbody tr.row--selected>td:first-child,table.data-grid tbody tr.row--selected>td:first-child{box-shadow:inset 3px 0 0 0 var(--row-selected-bar)}table.data-grid tbody tr.row--archived>td{background:var(--month-archived-surface);color:var(--month-archived-fg)}table.data-grid tbody tr.row--unsaved>td{background:var(--row-unsaved-bg)}table.data-grid tbody tr:hover>td{background:var(--row-hover)}.month-scroll{overflow-x:auto;overscroll-behavior-x:contain;min-width:0}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:60;display:flex;justify-content:flex-end}.scrim-center{justify-content:center;align-items:center;padding:var(--space-4)}.drawer{width:min(440px,100%);height:100%;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;animation:drawer-in var(--motion-enter) var(--ease-standard)}@keyframes drawer-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft)}.drawer-body{flex:1 1 auto;overflow-y:auto;padding:var(--space-5);display:grid;gap:var(--space-4);align-content:start}.drawer-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-soft)}.modal{width:min(620px,100%);max-height:calc(100dvh - 48px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-modal);display:flex;flex-direction:column;animation:modal-in var(--motion-base) var(--ease-standard)}@keyframes modal-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.float-panel{position:fixed;z-index:70;width:380px;height:320px;min-width:300px;min-height:220px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);overflow:hidden}.float-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:9px var(--space-3);background:var(--surface-2);border-bottom:1px solid var(--border-soft);cursor:grab;-webkit-user-select:none;user-select:none}.float-panel-head:active{cursor:grabbing}.float-panel-title{display:grid;gap:1px;min-width:0}.float-panel-title strong{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.float-panel-title span{color:var(--muted);font-family:var(--font-num);font-size:var(--text-2xs);letter-spacing:.06em}.float-panel-body{flex:1 1 auto;overflow-y:auto;padding:var(--space-4)}.float-panel-grip{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--border-strong) 50%)}.hover-card{position:fixed;z-index:80;width:340px;max-height:320px;overflow-y:auto;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-pop);display:grid;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-body)}.hover-card h4{font-size:var(--text-xs);color:var(--muted);font-weight:600;letter-spacing:.06em}.timeline{position:relative;display:grid;gap:var(--space-4);padding-left:var(--space-5)}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline-item{position:relative;display:grid;gap:3px}.timeline-item:before{content:"";position:absolute;left:-19px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--border-strong);border:2px solid var(--surface)}.timeline-item.latest:before{background:var(--accent)}.timeline-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-family:var(--font-num);font-size:var(--text-2xs);letter-spacing:.06em}.timeline-body{font-size:var(--text-sm);line-height:var(--leading-body);white-space:pre-wrap;word-break:break-word}.toast-host{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:90;display:grid;gap:var(--space-2);max-width:380px}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:11px var(--space-4);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--success);border-radius:var(--radius-sm);box-shadow:var(--elev-pop);font-size:var(--text-sm);animation:toast-in var(--motion-base) var(--ease-standard)}.toast.error{border-left-color:var(--danger)}.toast.warn{border-left-color:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--muted)}.empty-state strong{color:var(--fg);font-size:var(--text-base);font-weight:600}.empty-state p{font-size:var(--text-sm);max-width:420px;line-height:var(--leading-body)}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-xs);height:12px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.perm-denied{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.perm-denied strong{font-size:var(--text-lg);font-weight:600}.perm-denied p{color:var(--muted);font-size:var(--text-sm);max-width:460px;line-height:var(--leading-body)}.tier-table{display:grid;gap:var(--space-2)}.tier-row{display:grid;grid-template-columns:104px minmax(0,1fr) 88px;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.tier-bar{height:18px;border-radius:var(--radius-xs);background:var(--series-track);overflow:hidden}.tier-bar>span{display:block;height:100%;border-radius:var(--radius-xs)}.tier-value{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--fg-2)}@media (max-width: 1279px){.kpi-band{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-2-even{grid-template-columns:minmax(0,1fr)}}@media (max-width: 1200px){.brand-text span{display:none}.nav-pill{gap:6px;padding:0 11px}}@media (max-width: 1023px){.app-topbar{gap:var(--space-3);padding:0 var(--space-3)}.topbar-menu{display:grid}.topbar-nav,.account-text{display:none}.app-rail{display:flex;position:fixed;inset:var(--topbar-h) auto 0 0;width:264px;z-index:50;transform:translate(-100%);transition:transform var(--motion-enter) var(--ease-standard);overflow-y:hidden}.app-rail.open{transform:none;box-shadow:var(--elev-modal)}.app-rail .rail-brand-text,.app-rail .rail-nav-item span,.app-rail .rail-user span,.app-rail .rail-user strong{display:revert}.app-rail .rail-group-head{display:flex}.app-rail .rail-group-body[data-open=false]{display:none}.app-rail .rail-nav-item{justify-content:flex-start;padding:9px var(--space-3)}.rail-scrim{position:fixed;inset:var(--topbar-h) 0 0 0;background:var(--scrim);z-index:45;border:0}.app-content{padding:var(--space-4) var(--space-4) var(--space-12)}.page-header{padding:var(--space-3) var(--space-4)}}@media (max-width: 767px){.kpi-band{grid-template-columns:minmax(0,1fr)}.app-content{padding:var(--space-3) var(--space-3) var(--space-12)}.page-title{font-size:var(--text-lg)}.kpi-value{font-size:var(--text-xl)}.grid-2,.grid-2-even,.small-multiples{grid-template-columns:minmax(0,1fr)}.grid-viewport{max-height:none}.drawer{width:100%}.float-panel{left:12px!important;right:12px!important;top:auto!important;bottom:12px;width:auto;height:min(70dvh,480px)}.float-panel-grip{display:none}.hover-card{left:12px!important;right:12px;width:auto}.toast-host{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);max-width:none}.segmented{width:100%}.segmented button{flex:1 1 auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.skeleton{animation:none}}.th-sort{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius-xs)}.th-sort:hover{color:var(--accent-ink)}.th-sort svg{flex:none;opacity:.4}th.is-sorted .th-sort{color:var(--accent-ink);font-weight:600}th.is-sorted .th-sort svg{opacity:1}.sort-controls{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.sort-controls .select{width:auto;min-width:150px}:root{--grade-0: #ffd9b0;--grade-1: #ffbd85;--grade-2: #ffa35c;--grade-3: #ff952b;--grade-4: #b57b45;--grade-5: #7d5a3a;--grade-6: #55432f;--grade-none: var(--border-strong)}.pie-multiple h4{font-size:var(--text-sm);font-weight:600;text-align:center;width:100%}.pie-multiple{justify-items:center}.rail-subgroup{margin-top:6px}.rail-sub-label{display:block;padding:0 var(--space-2) var(--space-1);color:var(--rail-fg);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;opacity:.66}@media (max-width: 1023px){.rail-sub-label{display:none}}@media (max-width: 767px){.rail-sub-label{display:block}}.subtable-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:8px}.target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}@media (max-width: 767px){.target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.target-grid .input:disabled{color:var(--faint);background:var(--surface-3);cursor:not-allowed}.app-rail{flex-direction:column;min-height:0}.rail-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;display:grid;gap:var(--space-1);align-content:start;padding-bottom:var(--space-2)}.rail-bottom{flex:none;display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--rail-border);background:var(--rail-bg)}.rail-section-sys{margin:0}.rail-group-title-sys{display:block;padding:0 var(--space-2) var(--space-1);color:var(--rail-muted);font-size:var(--text-md);font-weight:700;letter-spacing:.02em}.rail-signout{margin-top:8px;background:transparent;color:var(--rail-fg);border-color:var(--rail-border)}.rail-signout:hover{background:var(--rail-bg-2);border-color:var(--rail-muted)}.year-bar{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px 4px 2px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-3)}.year-bar-label{font-size:var(--text-xs);color:var(--muted)}.year-select{height:28px;min-width:96px;padding:0 8px;border-radius:var(--radius-pill)}.year-input{width:84px;height:28px;padding:0 8px;border-radius:var(--radius-pill);font-family:var(--font-num)}.year-bar-error{margin-left:var(--space-2);color:var(--danger-strong);font-size:var(--text-xs)}.year-bar-hint{margin-left:var(--space-2);color:var(--faint);font-size:var(--text-xs)}.btn-danger-ghost{background:transparent;color:var(--danger-strong);border-color:var(--danger-line)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.btn-danger-ghost:disabled{color:var(--faint);border-color:var(--border-soft);cursor:not-allowed}.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.roster-col{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--space-3);display:grid;gap:var(--space-3);align-content:start}.roster-title{margin:0;font-size:var(--text-base);font-weight:700;color:var(--fg)}.roster-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.roster-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:5px 4px 5px 10px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-soft)}.roster-name{font-family:var(--font-num);font-size:var(--text-sm);color:var(--fg-2)}.roster-empty{justify-content:center;color:var(--faint);font-size:var(--text-xs);background:transparent;border-style:dashed}.roster-add{display:flex;gap:var(--space-2)}.roster-add .input{min-width:0}@media (max-width: 1023px){.roster-grid{grid-template-columns:minmax(0,1fr)}}.data-tables{display:grid;gap:var(--space-4)}.data-tables-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.data-tables-tools{display:flex;gap:var(--space-2);align-items:center}.add-table-wrap{position:relative}.add-table-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:200px;padding:6px;display:grid;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-pop)}.add-table-menu button{text-align:left;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-2);font:inherit;font-size:var(--text-sm);cursor:pointer}.add-table-menu button:hover{background:var(--row-hover);color:var(--fg)}.data-tables-list{display:grid;gap:var(--space-4)}.data-table-card{margin:0}.table-name{font-size:var(--text-md);font-weight:700}.table-name-input{height:32px;min-width:220px;font-size:var(--text-md);font-weight:700}.sheet-viewport{max-height:460px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}table.sheet-grid{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:var(--text-sm)}table.sheet-grid th,table.sheet-grid td{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:0;min-width:132px}table.sheet-grid thead th{position:sticky;top:0;z-index:3;background:var(--surface-2)}.sheet-corner{position:sticky;left:0;top:0;z-index:4;min-width:56px;width:56px;background:var(--surface-3)}.sheet-col-head{display:flex;align-items:center;gap:2px;padding:4px 4px 4px 8px}.sheet-col-input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--fg-2);font:inherit;font-weight:600;padding:4px 0}.sheet-col-input:focus{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-xs)}.sheet-row-head{position:sticky;left:0;z-index:2;min-width:56px;width:56px;background:var(--surface-2);text-align:center;font-weight:400}.sheet-row-no{font-family:var(--font-num);font-size:var(--text-2xs);color:var(--muted)}.sheet-del{display:inline-grid;place-items:center;width:18px;height:18px;flex:none;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--faint);cursor:pointer;opacity:.35;transition:opacity var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.sheet-row-head:hover .sheet-del,.sheet-col-head:hover .sheet-del,.sheet-del:focus-visible{opacity:1}.sheet-del:hover{color:var(--danger-strong);background:var(--danger-soft)}.sheet-cell{width:100%;min-width:132px;padding:7px 8px;border:0;background:transparent;color:var(--fg-2);font:inherit}.sheet-cell:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft);color:var(--fg)}.sheet-hint{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--muted)}.inquiry-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px}.editable.is-manual{color:var(--accent-ink);font-weight:700}.manual-flag{flex:none;padding:1px 6px;border-radius:var(--radius-pill);background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn);font-size:var(--text-2xs);font-family:var(--font-body)}.link-btn{display:inline-flex;align-items:center;gap:3px;flex:none;padding:2px 6px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font:inherit;font-size:var(--text-2xs);cursor:pointer}.link-btn:hover{background:var(--row-hover);color:var(--fg)}.home-greeting{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-8);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--card-wash),var(--surface);box-shadow:var(--elev-ring)}.greeting-text{display:grid;gap:var(--space-3);min-width:0}.greeting-hello{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--fg);letter-spacing:-.01em}.greeting-line{margin:0;font-size:var(--text-md);color:var(--accent-2-ink);max-width:46ch}.greeting-meta{margin:0;font-family:var(--font-num);font-size:var(--text-sm);color:var(--muted)}.greeting-illustration{justify-self:center}.greeting-illustration img{display:block;height:220px;width:auto;max-width:40vw;object-fit:contain}.notice-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.notice-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-2);overflow:hidden}.notice-item.is-open{border-color:var(--accent-soft-line)}.notice-row{display:flex;align-items:center;gap:var(--space-2)}.notice-toggle{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-4);border:0;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}.notice-toggle:hover{background:var(--row-hover)}.notice-title{flex:1 1 auto;min-width:0;font-size:var(--text-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-date{flex:none;font-family:var(--font-num);font-size:var(--text-xs);color:var(--muted)}.notice-chevron{flex:none;color:var(--muted);transition:transform var(--motion-fast) var(--ease-standard)}.notice-chevron.is-open{transform:rotate(180deg);color:var(--fg)}.notice-del{flex:none;margin-right:var(--space-3);color:var(--faint)}.notice-del:hover{color:var(--danger-strong)}.notice-body{padding:0 var(--space-4) var(--space-4) calc(var(--space-4) + 27px);display:grid;gap:var(--space-2)}.notice-content{margin:0;color:var(--fg-2);font-size:var(--text-sm);line-height:var(--leading-body);white-space:pre-wrap}.notice-content-empty{color:var(--faint)}.notice-foot{margin:0;font-family:var(--font-num);font-size:var(--text-xs);color:var(--muted)}@media (max-width: 767px){.home-greeting{grid-template-columns:minmax(0,1fr);padding:var(--space-5);gap:var(--space-5)}.greeting-hello{font-size:var(--text-xl)}.greeting-illustration img{height:148px;max-width:44vw}.notice-body{padding-left:var(--space-4)}}@media print{:root{color-scheme:light}body{background:#fff;background-image:none;color:#111}.app-rail,.utility-strip,.rail-toggle,.rail-scrim,.toast-host,.data-tables,.greeting-illustration{display:none!important}.card,.kpi-tile,.modal,.drawer,.month-grid th,.month-grid td,.data-grid th,.data-grid td{background:#fff!important;color:#111!important;border-color:#999!important;box-shadow:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.rail-theme-btn{width:100%;margin:0;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.theme-section{display:grid;gap:var(--space-3)}.theme-section+.theme-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-soft)}.theme-section-head{display:flex;align-items:center;gap:var(--space-2);color:var(--fg-2)}.theme-section-head h3{margin:0;font-size:var(--text-base);font-weight:700;color:var(--fg)}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.theme-card{position:relative;display:grid;gap:8px;padding:8px 8px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);text-align:left;font:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.theme-card:hover{border-color:var(--border-strong)}.theme-card.is-active{border-color:var(--accent-soft-line);background:var(--surface);box-shadow:var(--glow-accent-soft)}.theme-swatch{display:flex;height:26px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-soft)}.theme-swatch i{flex:1 1 0;display:block}.theme-meta{display:grid;gap:1px;min-width:0}.theme-meta strong{font-size:var(--text-sm);font-weight:600;color:var(--fg)}.theme-meta em{font-style:normal;font-size:var(--text-2xs);color:var(--muted)}.theme-check{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-on)}.theme-upload-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.custom-preview{display:grid;grid-template-columns:116px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.custom-preview.is-active{border-color:var(--accent-soft-line);box-shadow:var(--glow-accent-soft)}.custom-preview img{display:block;width:116px;height:116px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-soft)}.custom-meta{display:grid;gap:6px;align-content:start;min-width:0}.custom-title{margin:0;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--fg)}.custom-chips{list-style:none;margin:0;padding:0;display:grid;gap:4px}.custom-chips li{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--fg-2)}.custom-chips i{display:block;width:14px;height:14px;flex:none;border-radius:var(--radius-xs);border:1px solid var(--border-strong)}.custom-mode{margin:0;font-size:var(--text-2xs);color:var(--muted)}@media (max-width: 767px){.theme-grid,.custom-preview{grid-template-columns:minmax(0,1fr)}.custom-preview img{width:100%;height:150px}}.shot-section{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-soft)}.shot-head{display:flex;align-items:center;gap:var(--space-2);color:var(--fg-2)}.shot-head h3{margin:0;font-size:var(--text-base);font-weight:700;color:var(--fg)}.shot-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.shot-busy{font-size:var(--text-xs);color:var(--muted)}.shot-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.shot-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.shot-thumb{padding:0;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;cursor:zoom-in;line-height:0}.shot-thumb img{display:block;width:92px;height:92px;object-fit:cover}.shot-meta{display:grid;gap:4px;min-width:0}.shot-name{font-size:var(--text-sm);font-weight:600;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-size{font-family:var(--font-num);font-size:var(--text-2xs);color:var(--muted)}.shot-btns{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:2px}.shot-analysis,.shot-item>.inline-error{grid-column:1 / -1}.shot-analysis{display:grid;gap:6px;padding:var(--space-3);border:1px solid var(--accent-2-soft-line, var(--border-soft));border-radius:var(--radius-sm);background:var(--accent-2-soft, var(--surface-3))}.shot-an-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-2xs);font-weight:600;color:var(--accent-2-ink, var(--fg-2))}.shot-analysis p{margin:0;font-size:var(--text-sm);color:var(--fg-2);white-space:pre-wrap;word-break:break-word}.shot-analysis p strong{display:block;margin-bottom:2px;font-size:var(--text-xs);color:var(--fg)}.shot-analysis .btn{justify-self:start;margin-top:2px}.shot-empty{margin:0;padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-sm);text-align:center}.shot-empty kbd{padding:1px 5px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-xs);background:var(--surface-3);color:var(--fg-2);font-family:var(--font-num);font-size:var(--text-2xs)}.shot-zoom{display:block;width:100%;height:auto;border-radius:var(--radius-sm)}.shot-count{display:inline-flex;align-items:center;gap:3px;margin-left:4px;padding:0 5px;border-radius:var(--radius-pill);border:1px solid var(--accent-2-soft-line, var(--border-soft));background:var(--accent-2-soft, var(--surface-3));color:var(--accent-2-ink, var(--fg-2));font-size:var(--text-2xs);font-family:var(--font-num)}.panel-shots{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.panel-shots button{padding:0;border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:var(--surface);overflow:hidden;cursor:zoom-in;line-height:0}.panel-shots img{display:block;width:64px;height:64px;object-fit:cover}@media (max-width: 767px){.shot-item{grid-template-columns:72px minmax(0,1fr)}.shot-thumb img{width:72px;height:72px}}.panel-shot-analysis{margin-top:6px;border:1px solid var(--accent-2-soft-line, var(--border-soft));border-radius:var(--radius-sm);background:var(--accent-2-soft, var(--surface-3));padding:6px 8px}.panel-shot-analysis>summary{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:var(--text-2xs);font-weight:600;color:var(--accent-2-ink, var(--fg-2));list-style:none}.panel-shot-analysis>summary::-webkit-details-marker{display:none}.panel-shot-analysis p{margin:6px 0 0;font-size:var(--text-xs);color:var(--fg-2);white-space:pre-wrap;word-break:break-word}.panel-shot-analysis p strong{display:block;margin-bottom:2px;color:var(--fg)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:var(--space-8) var(--space-4) var(--space-6);background:#04080cdb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:zoom-out}.lightbox-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 24px 60px -16px #000000b3;cursor:default;background:var(--logo-plate)}.lightbox-close{position:fixed;top:18px;right:18px;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-pill);background:#0c1218b8;color:#fff;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard)}.lightbox-close:hover{background:#f2776be6}.lightbox-meta{position:fixed;bottom:18px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:var(--radius-pill);background:#0c1218b8;border:1px solid rgba(255,255,255,.18);color:#ffffffdb;font-family:var(--font-num);font-size:var(--text-2xs);max-width:90vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-tag{margin-left:6px;padding:0 6px;border-radius:var(--radius-pill);border:1px solid var(--accent-2-soft-line, var(--border-soft));background:var(--accent-2-soft, var(--surface-3));color:var(--accent-2-ink, var(--fg-2));font-size:var(--text-2xs)}.vision-presets{display:grid;gap:6px}.vision-preset{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--fg-2);text-align:left;font:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.vision-preset:hover{border-color:var(--border-strong)}.vision-preset.is-active{border-color:var(--accent-soft-line);background:var(--surface);box-shadow:var(--glow-accent-soft)}.vision-preset-name{font-size:var(--text-sm);font-weight:600;color:var(--fg)}.vision-preset-url{grid-column:2;font-family:var(--font-num);font-size:var(--text-2xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-toggle{display:inline-flex;gap:2px;margin-left:auto;padding:2px;border:1px solid var(--border, #E5E8EF);border-radius:999px;background:var(--surface, #fff)}.view-toggle-btn{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;line-height:1;padding:8px 14px;min-height:34px;border-radius:999px;cursor:pointer}.view-toggle-btn.is-on{background:var(--accent);color:#fff}@media (min-width: 768px){.view-toggle{display:none}}@media (max-width: 767px){.year-bar{flex-wrap:wrap;row-gap:8px}.year-bar .year-input{max-width:96px}.year-bar-hint,.year-bar-error{display:block;width:100%}.greeting-illustration img{max-width:132px;height:auto}body[data-view=card] .month-scroll{overflow-x:visible}body[data-view=card] table.month-grid{display:block;width:100%;min-width:0!important}body[data-view=card] table.month-grid thead{display:none}body[data-view=card] table.month-grid tbody{display:block}body[data-view=card] table.month-grid caption{display:none}body[data-view=card] table.month-grid tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px 14px;margin:0 0 10px;border:1px solid var(--border, #E5E8EF);border-radius:14px;background:var(--surface, #fff)}body[data-view=card] table.month-grid tr>*{display:block;min-width:0}body[data-view=card] table.month-grid tr>*:first-child{grid-column:1 / -1;font-size:15px;font-weight:600;padding-bottom:8px;border-bottom:1px dashed var(--border, #E5E8EF)}body[data-view=card] table.month-grid td:before{content:attr(data-label);display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-bottom:2px}body[data-view=card] table.month-grid td{font-variant-numeric:tabular-nums}body[data-view=card] table.month-grid .target-cell{min-height:44px;padding:6px 8px;border-radius:10px;background:#2563eb0a}body[data-view=card] table.month-grid tr.vacancy-row{background:#94a3b814}body[data-view=card] table.month-grid tr.dept-rate-row{border-color:var(--accent)}}.view-toggle{display:inline-flex}@media (min-width: 768px){body[data-view=card] .month-scroll{overflow-x:visible}body[data-view=card] table.month-grid{display:block;width:100%;min-width:0!important}body[data-view=card] table.month-grid thead{display:none}body[data-view=card] table.month-grid tbody{display:block}body[data-view=card] table.month-grid caption{display:none}body[data-view=card] table.month-grid tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;padding:14px 16px;margin:0 0 12px;border:1px solid var(--border, #E5E8EF);border-radius:14px;background:var(--surface, #fff)}body[data-view=card] table.month-grid tr>*{display:block;min-width:0}body[data-view=card] table.month-grid tr>*:first-child{grid-column:1 / -1;font-size:15px;font-weight:600;padding-bottom:8px;border-bottom:1px dashed var(--border, #E5E8EF)}body[data-view=card] table.month-grid td:before{content:attr(data-label);display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-bottom:2px}body[data-view=card] table.month-grid .target-cell{min-height:44px;padding:6px 8px;border-radius:10px;background:#2563eb0a}}.view-toggle{flex:0 0 auto;white-space:nowrap;margin-left:12px}.view-toggle-btn{white-space:nowrap}.bar-list{display:grid;gap:14px;padding:2px 2px 4px}.bar-list .bl-group{display:grid;gap:6px}.bar-list .bl-name{font-size:13px;font-weight:600;color:var(--fg-2, #334155)}.bar-list .bl-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:8px}.bar-list .bl-series{font-size:11.5px;color:var(--muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-list .bl-track{height:10px;border-radius:999px;background:#2563eb1a;overflow:hidden}.bar-list .bl-fill{display:block;height:100%;border-radius:999px}.bar-list .bl-val{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--fg, #0f172a);white-space:nowrap}