.sidebar{background:var(--zd-surface);border-right:1px solid var(--zd-border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:0 12px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__logo{border-bottom:1px solid var(--zd-border);flex-shrink:0;justify-content:center;align-items:center;height:56px;margin:0 -12px 4px;display:flex}.sidebar__logo img,.sidebar__logo-text{object-fit:contain;background:#f4f1e8;width:38px;height:40px;padding:3px 4px}.sidebar__logo-text{color:var(--zd-accent);flex-direction:column;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;line-height:1.1;display:flex}.sidebar__logo-text strong{font-size:8px}.sidebar__logo-text small{color:#555;font-size:3px}.sidebar__nav{flex-direction:column;display:flex}.nav-section{flex-direction:column;margin-bottom:4px;display:flex}.nav-section__label{letter-spacing:.06em;text-transform:uppercase;color:var(--zd-text-muted);padding:10px 12px 4px;font-size:11px;font-weight:700}.nav-item{border-radius:var(--radius-sm);white-space:nowrap;min-height:44px;color:var(--zd-text-secondary);border-left:2px solid #0000;align-items:center;gap:10px;margin-bottom:1px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.nav-item--nested{padding-left:28px;font-size:13.5px;font-weight:500}.nav-item:hover{background:var(--zd-surface-secondary)}.nav-item--active{color:var(--zd-text-primary);background:var(--zd-surface-secondary);border-left-color:var(--zd-accent)}.nav-item__icon{color:#000;flex-shrink:0;width:20px;height:20px}[data-theme=dark] .nav-item,[data-theme=dark] .nav-item__icon{color:#fff}@media (width<=767px){.sidebar{z-index:60;transition:transform .2s var(--ease);box-shadow:var(--shadow-hover);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.placeholder__card{min-height:240px;color:var(--zd-text-secondary);border-style:dashed;justify-content:center;align-items:center;font-size:15px;display:flex}.emp-screen{--zd-primary:#1c1c1c;--zd-primary-hover:#111;--zd-bg:#f8f6f1;--zd-surface:#fff;--zd-surface-secondary:#fcfcfc;--zd-border:#e7e5e4;--zd-divider:#f3f4f6;--zd-text-primary:#111827;--zd-text-secondary:#6b7280;--zd-text-muted:#9ca3af;--zd-accent:#c9a227;--zd-accent-hover:#b08d1f;--zd-success:#16a34a;--zd-success-bg:#f0fdf4;--zd-warning:#d97706;--zd-warning-bg:#fffbeb;--zd-error:#dc2626;--zd-error-bg:#fef2f2;--zd-info:#2563eb;--zd-info-bg:#eff6ff;--zd-white:#fff;--radius-button:12px;--radius-input:12px;--motion-ease:cubic-bezier(0,0,.2,1);font-family:var(--font-sans);color:var(--zd-text-primary)}[data-theme=dark] .emp-screen{--zd-primary:#3a3532;--zd-primary-hover:#4a4441;--zd-bg:#141312;--zd-surface:#1c1b1a;--zd-surface-secondary:#232120;--zd-border:#332f2c;--zd-divider:#2a2724;--zd-text-primary:#f5f3ee;--zd-text-secondary:#a8a29b;--zd-text-muted:#7c766f;--zd-accent:#d8b33c;--zd-accent-hover:#e7c755;--zd-success:#4ade80;--zd-success-bg:#16281c;--zd-warning:#fbbf24;--zd-warning-bg:#2a2110;--zd-error:#f87171;--zd-error-bg:#2c1717;--zd-info:#60a5fa;--zd-info-bg:#15213a;--zd-white:#1c1b1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.emp-page{background:var(--zd-bg);flex:1;min-width:0;max-width:1600px}.emp-screen .ic{color:#000;flex-shrink:0;display:block}[data-theme=dark] .emp-screen .ic{color:#fff}[data-theme=dark] .emp-screen .tint-sel{background:#241f12!important}[data-theme=dark] .emp-screen .danger-outline{border-color:#5a2a2a!important}[data-theme=dark] .emp-screen input,[data-theme=dark] .emp-screen select,[data-theme=dark] .emp-screen textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.emp-screen a{color:var(--zd-text-primary);text-decoration:none}.emp-screen a:hover{color:var(--zd-accent-hover);text-decoration:underline}@keyframes zdPulse{0%{opacity:.85}50%{opacity:.45}to{opacity:.85}}@keyframes zdSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes zdFadeIn{0%{opacity:0}to{opacity:1}}.emp-screen .seg[data-active="1"]{background:var(--zd-primary)!important;color:#fff!important;border-color:var(--zd-primary)!important}.emp-screen .seg:hover{border-color:var(--zd-text-muted)}.emp-screen .erow:hover{background:var(--zd-surface-secondary)}.emp-screen .erow[data-dim="1"]{opacity:.55}.emp-screen .erow{cursor:pointer}.emp-screen .ghost-btn:hover{background:var(--zd-surface-secondary)}.emp-screen .pgbtn{width:auto}.emp-screen .pgbtn:hover:not([disabled]){background:var(--zd-surface-secondary);border-color:var(--zd-text-muted)}.emp-screen .pgbtn[data-active="1"]{background:var(--zd-primary)!important;color:#fff!important;border-color:var(--zd-primary)!important}.emp-screen .pgbtn[disabled]{opacity:.4;cursor:not-allowed}.emp-grid{grid-template-columns:1.6fr 1.1fr 1fr 1.1fr 1fr .9fr;align-items:center;display:grid}.sorth{max-width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:0;transition:color .14s;display:inline-flex}.sorth:hover{color:var(--zd-text-primary)}.sorth:focus-visible{outline:2px solid var(--zd-accent);outline-offset:3px;border-radius:4px}.sorth[data-dir=asc],.sorth[data-dir=desc]{color:var(--zd-text-primary)}.sortic{flex-direction:column;flex-shrink:0;gap:2px;line-height:0;display:inline-flex}.sortic .ar{color:currentColor;opacity:.3;transition:opacity .14s,color .14s;display:block}.sorth:hover .sortic .ar{opacity:.5}.sorth[data-dir=asc] .sortic .ar-up,.sorth[data-dir=desc] .sortic .ar-dn{opacity:1;color:var(--zd-accent)}.sortbar-m{display:none}@media (width<=767px){.sortbar-m{align-items:center;gap:10px;padding:12px 16px 0;display:flex}}.emp-cards{display:none}.emp-screen .filterbar{z-index:12;background:var(--zd-surface);border-top-left-radius:16px;border-top-right-radius:16px;flex-wrap:nowrap;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(150px,1fr));align-items:center;gap:12px;margin:0;padding:16px;display:grid;position:sticky;top:56px}.emp-screen .filterbar>*{width:100%;min-width:0}.filt{transition:background .14s,border-color .14s,box-shadow .14s}.filt[data-on="1"]{font-weight:600;box-shadow:0 0 0 3px #c9a22729;border-color:var(--zd-accent)!important;color:var(--zd-text-primary)!important;background:#fcf9ee!important}[data-theme=dark] .emp-screen .filt[data-on="1"]{box-shadow:0 0 0 3px #d8b33c2e;background:#241f12!important}.filt-count{background:var(--zd-accent);color:#14100c;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.datefield{position:relative}.datefield input[type=date]{color:#0000;-webkit-text-fill-color:transparent}.datefield input[type=date]:focus{border-color:var(--zd-accent);outline:none;box-shadow:0 0 0 3px #c9a22729}.datefield .datetext{height:48px;font-size:14px;font-family:var(--font-sans);pointer-events:none;white-space:nowrap;align-items:center;display:flex;position:absolute;top:0;left:15px}@media (width<=1180px){.emp-screen .filterbar{grid-template-columns:1fr 1fr;position:static}.emp-grid[data-head="1"]{top:56px!important}}@media (width<=767px){.emp-screen .filterbar{grid-template-columns:1fr}}.f2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.f3,.fname{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.fullpage{background:var(--zd-bg);font-family:var(--font-sans);color:var(--zd-text-primary);flex-direction:column;animation:.2s ease-out zdFadeIn;display:flex;position:fixed;inset:0}@media (width<=1360px){.emp-grid{grid-template-columns:1.6fr 1.1fr 1.1fr 1fr .9fr}.c-dept{display:none}}@media (width<=1180px){.emp-grid{grid-template-columns:1.5fr 1fr 1fr 1fr .9fr}.c-dept,.payunit{display:none}}@media (width<=1024px){.emp-screen .zd-page-padding{padding:24px 24px 56px!important}.emp-screen .apphdr{padding:0 24px!important}}@media (width<=767px){.emp-screen .zd-page-padding{padding:20px 16px 48px!important}.emp-screen .apphdr{flex-wrap:wrap;row-gap:8px;min-height:56px;gap:10px!important;height:auto!important;padding:10px 16px!important}.emp-screen .apphdr>nav{flex:100%;order:-1}.emp-screen .pagetitle,.emp-screen .detailname{font-size:24px!important}.phonerow{flex-wrap:wrap}.phonerow>select{width:100%!important}.emp-cards{grid-template-columns:1fr!important;padding:12px!important}.zd-kpi-row>*{padding:14px!important}.fullpage .fp-body{padding:20px 16px 64px!important}.archive-modal{border-radius:16px!important;padding:20px!important}}.zd-kpi-row{flex-wrap:wrap;gap:24px;display:flex}@media (width<=1024px) and (width>=768px){.zd-kpi-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}}@media (width<=767px){.zd-kpi-row{-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.zd-kpi-row>*{flex:0 0 80%;min-width:200px}}@media (width<=900px){.act-row{width:100%}.act-row button{flex:140px}}.sechdr{border-bottom:1px solid var(--zd-border);background:#fcf9ee;border-radius:16px 16px 0 0;align-items:center;gap:10px;margin:-24px -24px 0;padding:14px 24px;display:flex}.sechdr-mid{border-top:1px solid var(--zd-border);border-bottom:1px solid var(--zd-border);background:#fcf9ee;align-items:center;gap:10px;margin:4px -24px 0;padding:14px 24px;display:flex}[data-theme=dark] .emp-screen .sechdr,[data-theme=dark] .emp-screen .sechdr-mid{background:#241f12}.sechdr-ic{background:var(--zd-surface);width:30px;height:30px;color:var(--zd-accent);border:1px solid #c9a22761;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .emp-screen .sechdr-ic{box-shadow:none;background:#d8b33c1f;border-color:#d8b33c52}.sechdr-ic svg{display:block}.sechdr-title{letter-spacing:.6px;text-transform:uppercase;color:var(--zd-text-primary);font-size:13px;font-weight:700;line-height:1.2}.sechdr-opt{letter-spacing:.2px;color:var(--zd-text-muted);border:1px solid var(--zd-border);background:var(--zd-surface);border-radius:999px;flex-shrink:0;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.3}[data-theme=dark] .emp-screen .sechdr-opt{background:0 0}@media (width<=767px){.sechdr-ic{border-radius:8px;width:28px;height:28px}.sechdr{margin:-24px -24px 0;padding:12px 20px}.sechdr-mid{margin:4px -24px 0;padding:12px 20px}.emp-table{display:none}.act-row{flex-direction:column}.act-row button{width:100%}.emp-views .emp-cards{display:grid}.f2,.f3,.fname{grid-template-columns:1fr}.emp-screen .hide-sm{display:none}}.ats-screen{--zd-primary:#1c1c1c;--zd-primary-hover:#111;--zd-bg:#f8f6f1;--zd-surface:#fff;--zd-surface-secondary:#fcfcfc;--zd-border:#e7e5e4;--zd-divider:#f3f4f6;--zd-text-primary:#111827;--zd-text-secondary:#6b7280;--zd-text-muted:#9ca3af;--zd-accent:#c9a227;--zd-accent-hover:#b08d1f;--fs-h1:36px;--fs-h3:24px;--fs-h5:18px;--fw-semibold:600;--fw-bold:700;--lh-heading:1.2;--radius-sm:8px;--radius-md:12px;--radius-card:16px;--radius-button:12px;--radius-input:12px;--shadow-card:0 2px 10px #0000000a;--shadow-hover:0 8px 24px #00000014;--zd-ok:#15803d;--zd-ok-bg:#16a34a1f;--zd-ok-bd:#16a34a66;--zd-bad:#b91c1c;--zd-bad-bg:#dc26261a;--zd-bad-bd:#dc262659;background:var(--zd-bg);color:var(--zd-text-primary);font-family:var(--font-sans);flex:1;min-width:0;min-height:calc(100vh - 56px)}[data-theme=dark] .ats-screen{--zd-bg:#0a0a0a;--zd-surface:#141414;--zd-surface-secondary:#1c1c1c;--zd-border:#272727;--zd-divider:#1f1f1f;--zd-text-primary:#f5f5f4;--zd-text-secondary:#a1a1aa;--zd-text-muted:#71717a;--zd-primary:#2e2e2e;--zd-primary-hover:#3a3a3a;--zd-accent:#d9b14a;--zd-accent-hover:#c9a227;--shadow-card:0 2px 10px #0006;--shadow-hover:0 8px 24px #0000008c;--zd-ok:#4ade80;--zd-ok-bg:#22c55e29;--zd-ok-bd:#22c55e73;--zd-bad:#f87171;--zd-bad-bg:#f8717124;--zd-bad-bd:#f8717173;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ats-screen a{color:var(--zd-text-primary);text-decoration:none}.ats-screen .ats-page{box-sizing:border-box;width:100%;max-width:1600px;padding:40px}.ats-screen .ats-sort{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.ats-screen .ats-sort:hover{color:var(--zd-accent)!important}.ats-screen .ats-filt.on input,.ats-screen .ats-filt.on select,.ats-screen .ats-filt.on textarea{border-color:var(--zd-accent)!important;box-shadow:0 0 0 3px #d9b14a33!important}.ats-screen .ats-filt.on label{color:var(--zd-accent)!important}.ats-screen .ats-mob{display:none}.ats-screen .ats-grid2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ats-screen .ats-grid3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.ats-screen .ats-kpi-row{flex-wrap:wrap;gap:24px;display:flex}.ats-screen .ats-scroll{overflow-x:clip}.ats-screen .ats-row{border-bottom:1px solid var(--zd-divider);cursor:pointer;transition:background .2s}.ats-screen .ats-row:hover{background:var(--zd-surface-secondary)!important}.ats-screen .ats-pg:hover,.ats-screen .ats-mini:hover,.ats-screen .ats-icon-btn:hover{background:var(--zd-surface-secondary)}.ats-screen .ats-hist-card{overflow:clip}.ats-screen .ats-htitle{z-index:22;box-sizing:border-box;background:var(--zd-surface);border-bottom:1px solid var(--zd-divider);justify-content:center;align-items:center;height:62px;padding:0 24px;display:flex;position:sticky;top:56px}.ats-screen .ats-hscroll{overflow-x:clip}.ats-screen .ats-hth{z-index:21;background:var(--zd-surface-secondary);box-shadow:inset 0 -1px 0 var(--zd-border);position:sticky;top:118px}.ats-screen .ats-notes{overflow-wrap:anywhere;word-break:break-word}@media (width<=1299px){.ats-screen .ats-hist-card{flex-direction:column;max-height:calc(100vh - 80px);display:flex}.ats-screen .ats-htitle{flex-shrink:0;position:static}.ats-screen .ats-hscroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;overflow:auto}.ats-screen .ats-hscroll::-webkit-scrollbar{width:8px;height:8px}.ats-screen .ats-hscroll::-webkit-scrollbar-thumb{background:var(--zd-border);border-radius:8px}.ats-screen .ats-hth{top:0}}@media (width<=1024px){.ats-screen .ats-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ats-screen .ats-grid2{grid-template-columns:1fr}.ats-screen .ats-kpi-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}}@media (width<=767px){.ats-screen .ats-page{padding:20px}.ats-screen .ats-desk{display:none}.ats-screen .ats-mob{display:grid}.ats-screen .ats-filters{grid-template-columns:1fr!important}.ats-screen .ats-hdr{flex-direction:column;align-items:flex-start!important}.ats-screen .ats-grid3,.ats-screen .ats-grid2{grid-template-columns:1fr;gap:12px}.ats-screen .ats-kpi-row{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.ats-screen .ats-kpi-row>*{flex:0 0 80%;min-width:200px}}@keyframes atsFadeIn{0%{opacity:0}to{opacity:1}}.hol-screen{--zd-primary:#1c1c1c;--zd-primary-hover:#111;--zd-bg:#f8f6f1;--zd-surface:#fff;--zd-surface-secondary:#fcfcfc;--zd-border:#e7e5e4;--zd-divider:#f3f4f6;--zd-text-primary:#111827;--zd-text-secondary:#6b7280;--zd-text-muted:#9ca3af;--zd-accent:#c9a227;--zd-accent-hover:#b08d1f;--zd-success:#16a34a;--zd-success-bg:#f0fdf4;--zd-warning:#d97706;--zd-warning-bg:#fffbeb;--zd-error:#dc2626;--zd-error-bg:#fef2f2;--zd-info:#2563eb;--zd-info-bg:#eff6ff;--zd-warn-bd:#f2dfb8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-card:16px;--radius-button:12px;--radius-input:12px;--card-padding:24px;--page-padding-desktop:40px;--shadow-card:0 2px 10px #0000000a;--shadow-hover:0 8px 24px #00000014;--zd-row-height:56px;background:var(--zd-bg);color:var(--zd-text-primary);font-family:var(--font-sans);flex:1;min-width:0;min-height:calc(100vh - 56px)}[data-theme=dark] .hol-screen{--zd-bg:#0a0a0a;--zd-surface:#141414;--zd-surface-secondary:#1b1b1b;--zd-border:#282828;--zd-divider:#212121;--zd-text-primary:#f5f4f1;--zd-text-secondary:#9a9a96;--zd-text-muted:#6e6e6a;--zd-primary:#c9a227;--zd-primary-hover:#e6c24a;--zd-accent:#c9a227;--zd-accent-hover:#e6c24a;--zd-success:#4ade80;--zd-success-bg:#132518;--zd-warning:#e0b93d;--zd-warning-bg:#2a2110;--zd-error:#f87171;--zd-error-bg:#2b1515;--zd-info:#7ca9f8;--zd-info-bg:#141f33;--zd-warn-bd:#4a3b14;--shadow-card:none;--shadow-hover:0 8px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hol-screen .hol-page{padding:var(--page-padding-desktop);box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:1600px;display:flex}.hol-screen a{color:var(--zd-accent);text-decoration:none}.hol-screen a:hover{color:#e6c24a}.hol-screen .hol-tr:hover{background:var(--zd-surface-secondary)}.hol-screen .hol-chip[data-on="1"]{color:#fff}[data-theme=dark] .hol-screen .hol-chip[data-on="1"]{color:#121212}[data-theme=dark] .hol-screen button[data-variant=primary]{background:var(--zd-accent)!important;color:#121212!important}[data-theme=dark] .hol-screen button[data-variant=primary]:hover:not(:disabled){background:#e6c24a!important}[data-theme=dark] .hol-screen button[data-variant=secondary]:hover:not(:disabled){background:#1f1f1f!important}[data-theme=dark] .hol-screen input,[data-theme=dark] .hol-screen select,[data-theme=dark] .hol-screen textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hol-screen .hol-allow{border-radius:var(--radius-sm);min-width:44px;height:32px;color:var(--zd-text-primary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;margin-left:-9px;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}.hol-screen .hol-allow:hover{border-color:var(--zd-border);background:var(--zd-surface-secondary)}.hol-screen .hol-allow-input{border:1px solid var(--zd-accent);border-radius:var(--radius-sm);background:var(--zd-surface);width:72px;height:32px;color:var(--zd-text-primary);font-family:var(--font-sans);outline:none;margin-left:-9px;padding:0 8px;font-size:14px;font-weight:700;box-shadow:0 0 0 3px #c9a22726}.hol-screen .hol-2col{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.hol-screen .hol-kpis{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hol-screen .hol-cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.hol-screen .hol-cal-cell{border-radius:var(--radius-sm);flex-direction:column;gap:4px;min-height:64px;padding:8px;display:flex}@media (width<=1280px){.hol-screen .hol-2col{grid-template-columns:1fr}.hol-screen .hol-kpis{grid-template-columns:1fr 1fr}.hol-screen .hol-page{padding:32px}}@media (width<=767px){.hol-screen .hol-kpis{grid-template-columns:1fr}.hol-screen .hol-page{gap:24px;padding:20px}.hol-screen .zd-hero-title{font-size:28px!important}.hol-screen .hol-cal-grid{gap:3px}.hol-screen .hol-cal-cell{min-height:46px;padding:4px}}.login-screen{background:var(--zd-bg);min-height:100vh;font-family:var(--font-sans);justify-content:center;align-items:center;padding:24px 16px;display:flex}.login-card{background:var(--zd-surface);border:1px solid var(--zd-border);border-radius:var(--radius-card);width:400px;max-width:100%;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:24px;padding:40px;display:flex}.login-logo{height:96px}.login-logo-text{font-family:var(--font-display);color:var(--zd-text-primary);align-items:center;height:96px;font-size:22px;font-weight:700;display:flex}.login-head{text-align:center}.login-title{font-family:var(--font-display);color:var(--zd-text-primary);margin:0;font-size:24px;font-weight:700}.login-sub{color:var(--zd-text-secondary);margin-top:4px;font-size:14px}.login-form{flex-direction:column;gap:24px;width:100%;display:flex}.login-fields{flex-direction:column;gap:16px;width:100%;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--zd-text-primary);font-size:13px;font-weight:500}.login-input{border-radius:var(--radius-input);border:1px solid var(--zd-border);background:var(--zd-surface);align-items:center;gap:8px;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.login-input:focus-within{border-color:var(--zd-accent);box-shadow:0 0 0 3px #c9a22726}.login-input.has-error{border-color:var(--zd-error)}.login-input input{min-width:0;font-size:14px;font-family:var(--font-sans);color:var(--zd-text-primary);background:0 0;border:none;outline:none;flex:1}.login-input input::placeholder{color:var(--zd-text-muted)}.login-help{color:var(--zd-error);font-size:12px}.login-alert{border-radius:var(--radius-sm);background:var(--zd-error-bg);width:100%;color:var(--zd-error);border:1px solid color-mix(in srgb,var(--zd-error) 25%,transparent);padding:10px 14px;font-size:13px;line-height:1.4}.login-alert.info{background:var(--zd-warning-bg);color:var(--zd-warning);border-color:color-mix(in srgb,var(--zd-warning) 25%,transparent)}.login-btn{border-radius:var(--radius-button);width:100%;height:52px;font-family:var(--font-sans);cursor:pointer;background:var(--zd-primary);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:14px;font-weight:600;transition:background .2s cubic-bezier(0,0,.2,1),border-color .2s;display:inline-flex}.login-btn:hover:not(:disabled){background:var(--zd-primary-hover)}.login-btn:disabled{cursor:not-allowed;opacity:.5}.login-btn:focus-visible{outline:2px solid var(--zd-accent);outline-offset:2px}@media (width<=480px){.login-card{padding:32px 20px}}.auth-checking{background:var(--zd-bg);min-height:100vh}:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Playfair Display",Georgia,serif;--zd-bg:#f8f6f1;--zd-surface:#fff;--zd-surface-secondary:#fcfcfc;--zd-border:#e7e5e4;--zd-divider:#f3f4f6;--zd-text-primary:#111827;--zd-text-secondary:#6b7280;--zd-text-muted:#9ca3af;--zd-primary:#1c1c1c;--zd-primary-hover:#111;--zd-accent:#c9a227;--zd-accent-hover:#b08d1f;--zd-success:#16a34a;--zd-success-bg:#f0fdf4;--zd-warning:#d97706;--zd-warning-bg:#fffbeb;--zd-error:#dc2626;--zd-error-bg:#fef2f2;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-card:16px;--radius-button:12px;--radius-input:12px;--shadow-card:0 2px 10px #0000000a;--shadow-hover:0 8px 24px #00000014;--ease:cubic-bezier(0,0,.2,1)}[data-theme=dark]{--zd-bg:#131211;--zd-surface:#1b1a18;--zd-surface-secondary:#211f1d;--zd-border:#302d2a;--zd-divider:#262421;--zd-text-primary:#f4f1ec;--zd-text-secondary:#a6a098;--zd-text-muted:#807a72;--zd-primary:#4a4744;--zd-primary-hover:#5a5652;--zd-success-bg:#10241a;--zd-warning-bg:#2a2011;--zd-error-bg:#2b1515;--shadow-card:0 2px 10px #00000047;--shadow-hover:0 10px 28px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--zd-text-primary);background:var(--zd-bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:var(--font-sans)}::selection{background:var(--zd-accent);color:#fff}a{color:var(--zd-accent);text-decoration:none}.app{min-height:100vh;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:40;background:var(--zd-surface);border-bottom:1px solid var(--zd-border);justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.crumb{color:var(--zd-text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.crumb button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.crumb .sep{color:var(--zd-text-muted)}.crumb .cur{color:var(--zd-text-primary);font-weight:600}.hamburger{border:1px solid var(--zd-border);background:var(--zd-surface);border-radius:var(--radius-button);width:36px;height:36px;color:var(--zd-text-primary);cursor:pointer;justify-content:center;align-items:center;display:none}.topbar-right{align-items:center;gap:12px;display:flex}.icon-btn{border:1px solid var(--zd-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--zd-text-secondary);cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--zd-surface-secondary);color:var(--zd-text-primary);border-color:var(--zd-text-muted)}.vdivider{background:var(--zd-border);width:1px;height:24px}.avatar{background:linear-gradient(135deg,var(--zd-accent),var(--zd-accent-hover));color:#14100c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.who{flex-direction:column;line-height:1.2;display:flex}.who .n{font-size:14px;font-weight:600}.who .r{color:var(--zd-text-muted);font-size:12px}.page{width:100%;max-width:1600px;margin:0 auto;padding:40px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}h1.title{letter-spacing:-.01em;margin:0;font-size:32px;font-weight:700;line-height:1.2}.btn{border-radius:var(--radius-button);cursor:pointer;height:40px;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn svg{width:15px;height:15px}.btn-primary{background:var(--zd-accent);color:#14100c;border-color:var(--zd-accent)}.btn-primary:hover{background:var(--zd-accent-hover);border-color:var(--zd-accent-hover)}.btn-secondary{background:var(--zd-surface);color:var(--zd-text-primary);border-color:var(--zd-border)}.btn-secondary:hover{background:var(--zd-surface-secondary);border-color:var(--zd-text-muted)}.btn-ghost{color:var(--zd-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--zd-surface-secondary);color:var(--zd-text-primary)}.btn-danger{color:var(--zd-error);border-color:var(--zd-border);background:0 0}.btn-danger:hover{background:var(--zd-error-bg);border-color:var(--zd-error)}.btn-sm{height:36px;padding:0 14px;font-size:13px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi{background:var(--zd-surface);border:1px solid var(--zd-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:box-shadow .2s var(--ease);flex-direction:column;gap:8px;padding:24px;display:flex}.kpi:hover{box-shadow:var(--shadow-hover)}.kpi .kh{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.kpi .kl{color:var(--zd-text-muted);font-size:12px;font-weight:500}.kpi .kv{font-size:24px;font-weight:700;line-height:1.15}.kpi .ks{color:var(--zd-text-muted);font-size:12px}.kpi svg{width:18px;height:18px}.kpi.warn{background:var(--zd-warning-bg);border-color:var(--zd-warning)}.kpi-link{border:1px solid var(--zd-warning);border-radius:var(--radius-button);min-height:30px;color:var(--zd-warning);cursor:pointer;white-space:nowrap;transition:background .16s var(--ease),color .16s var(--ease);justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.kpi-link:hover{background:var(--zd-warning);color:#fff}.filterbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search{border:1px solid var(--zd-border);border-radius:var(--radius-input);background:var(--zd-surface);flex:320px;align-items:center;gap:8px;max-width:460px;height:48px;padding:0 14px;display:flex}.search svg{width:17px;height:17px;color:var(--zd-text-muted);flex-shrink:0}.search input{min-width:0;color:var(--zd-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.chip{border:1px solid var(--zd-warning);background:var(--zd-warning-bg);height:36px;color:var(--zd-warning);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.chip svg{width:13px;height:13px}.card{background:var(--zd-surface);border:1px solid var(--zd-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.card.table-card{overflow:visible}.card.table-card .thead{border-radius:15px 15px 0 0}.card.table-card>.tfoot,.card.table-card>.empty{border-radius:0 0 15px 15px}.tr{grid-template-columns:minmax(180px,1.7fr) minmax(140px,1fr) minmax(110px,.7fr) 40px;align-items:center;column-gap:24px;padding:0 24px;display:grid}.thead{border-bottom:2px solid var(--zd-accent);z-index:20;background:linear-gradient(#2c2926 0%,#1c1a18 100%);height:52px;position:sticky;top:56px;box-shadow:0 2px 6px #00000024}[data-theme=light] .thead{background:linear-gradient(#2c2926 0%,#1c1a18 100%)}.th-btn{font-family:var(--font-sans);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;color:#f4f1ecb8;transition:color .16s var(--ease);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;display:flex}.th-btn:hover{color:var(--zd-accent)}.th-btn[data-on="1"]{color:#fff}.th-arrow{color:#f4f1ec73;font-size:11px}.th-btn[data-on="1"] .th-arrow{color:var(--zd-accent)}.row{border-bottom:1px solid var(--zd-divider);cursor:pointer;min-height:56px;transition:background .15s var(--ease)}.row:hover{background:var(--zd-surface-secondary)}.row:last-child{border-bottom:none}.row .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.row .count{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.row .count b{font-size:14px;font-weight:600}.row .count span{color:var(--zd-text-muted);font-size:12px}.chev{color:var(--zd-text-muted)}.badge{border-radius:20px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.success{background:var(--zd-success-bg);color:var(--zd-success)}.badge.warning{background:var(--zd-warning-bg);color:var(--zd-warning)}.badge.neutral{background:var(--zd-surface-secondary);color:var(--zd-text-muted)}.tfoot{border-top:1px solid var(--zd-border);background:var(--zd-surface-secondary);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.tfoot .info{color:var(--zd-text-secondary);font-size:12px}.pager{align-items:center;gap:6px;display:flex}.pgbtn{border-radius:var(--radius-sm);border:1px solid var(--zd-border);background:var(--zd-surface);width:32px;height:32px;color:var(--zd-text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.pgbtn:hover:not(:disabled){background:var(--zd-surface-secondary);border-color:var(--zd-text-muted)}.pgbtn:disabled{opacity:.4;cursor:not-allowed}.pgbtn svg{width:14px;height:14px}.pageno{color:var(--zd-text-secondary);text-align:center;min-width:96px;font-size:12px}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty .ec{background:var(--zd-surface-secondary);border:1px solid var(--zd-border);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.empty .ec svg{width:26px;height:26px;color:var(--zd-text-muted)}.empty .et{font-size:18px;font-weight:600}.empty .em{color:var(--zd-text-secondary);max-width:360px;font-size:13px;line-height:1.6}.back{border:1px solid var(--zd-border);border-radius:var(--radius-button);background:var(--zd-surface);height:32px;color:var(--zd-text-secondary);cursor:pointer;align-items:center;gap:6px;margin-bottom:24px;padding:0 12px 0 8px;font-size:12px;font-weight:600;display:inline-flex}.back:hover{background:var(--zd-surface-secondary);color:var(--zd-text-primary)}.back svg{width:14px;height:14px}.detail-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px;display:flex}.detail-hero .dt{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-hero h1{letter-spacing:-.01em;margin:0;font-size:32px;font-weight:700}.detail-hero p{color:var(--zd-text-secondary);max-width:560px;margin:10px 0 0;font-size:14px;line-height:1.6}.detail-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stats{border-top:1px solid var(--zd-divider);background:var(--zd-surface-secondary);grid-template-columns:repeat(2,1fr);display:grid}.stats>div{flex-direction:column;gap:8px;padding:20px 32px;display:flex}.stats>div+div{border-left:1px solid var(--zd-divider)}.stats .sl{letter-spacing:.5px;text-transform:uppercase;color:var(--zd-text-muted);font-size:12px;font-weight:700}.stats .sv{font-size:22px;font-weight:700}.stats .sv.small{font-size:15px}.panel{background:var(--zd-surface);border:1px solid var(--zd-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-top:16px;padding:28px 32px}.panel h3{letter-spacing:.5px;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:700}.panel .notes{color:var(--zd-text-secondary);white-space:pre-line;font-size:14px;line-height:1.7}.record{grid-template-columns:1fr 1fr;gap:20px 32px;display:grid}.record .rl{letter-spacing:.5px;text-transform:uppercase;color:var(--zd-text-muted);margin-bottom:6px;font-size:12px;font-weight:700}.record .rv{font-size:14px;font-weight:500}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field label{font-size:14px;font-weight:600}.field .in,.field textarea,.field select{border-radius:var(--radius-input);border:1px solid var(--zd-border);background:var(--zd-surface);height:48px;color:var(--zd-text-primary);outline:none;padding:0 14px;font-size:14px}.field textarea{resize:vertical;height:auto;min-height:96px;padding:10px 14px;line-height:1.5}.field .in:focus,.field textarea:focus,.field select:focus{border-color:var(--zd-accent);box-shadow:0 0 0 3px #c9a22729}.field .help{color:var(--zd-text-muted);font-size:12px;line-height:1.5}.field.err .in{border-color:var(--zd-error)}.field.err .help{color:var(--zd-error)}.toggle-row{border:1px solid var(--zd-border);border-radius:var(--radius-md);background:var(--zd-surface-secondary);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.toggle-row .tt{font-size:14px;font-weight:600}.toggle-row .ts{color:var(--zd-text-muted);font-size:12px}.switch{flex-shrink:0;width:44px;height:26px;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background:var(--zd-border);cursor:pointer;transition:background .16s var(--ease);border-radius:20px;position:absolute;inset:0}.slider:before{content:"";width:20px;height:20px;transition:transform .16s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:var(--zd-accent)}.switch input:checked+.slider:before{transform:translate(18px)}.form-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.form-actions{background:var(--zd-bg);border-top:1px solid var(--zd-border);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding:16px 0;display:flex;position:sticky;bottom:0}.overlay{z-index:70;background:#0a08068c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--zd-surface);border-radius:var(--radius-lg);width:400px;max-width:100%;box-shadow:var(--shadow-hover);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.modal svg{width:34px;height:34px;color:var(--zd-warning)}.modal .mt{font-size:16px;font-weight:700}.modal .mm{color:var(--zd-text-secondary);font-size:13px;line-height:1.6}.modal .note{border-radius:var(--radius-sm);background:var(--zd-warning-bg);border:1px solid var(--zd-warning);width:100%;color:var(--zd-warning);text-align:left;padding:10px 12px;font-size:12px}.modal .mbtns{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.modal .mbtns button{border-radius:var(--radius-button);cursor:pointer;border:1px solid var(--zd-border);width:100%;height:40px;font-size:14px;font-weight:600}.mb-cancel{background:var(--zd-surface);color:var(--zd-text-primary)}.mb-cancel:hover{background:var(--zd-surface-secondary)}.mb-archive{background:var(--zd-warning-bg);color:var(--zd-warning);border-color:var(--zd-warning)!important}.mb-archive:hover{background:var(--zd-warning);color:#fff}.mb-delete{background:var(--zd-error);color:#fff;border-color:var(--zd-error)!important}.mb-delete:hover{filter:brightness(.9)}.toasts{z-index:90;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);background:var(--zd-surface);border:1px solid var(--zd-border);min-width:260px;max-width:340px;box-shadow:var(--shadow-hover);animation:slidein .2s var(--ease);align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.toast .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.toast.success .dot{background:var(--zd-success)}.toast.error .dot{background:var(--zd-error)}.toast.info .dot{background:var(--zd-accent)}@keyframes slidein{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.scrim{display:none}@media (width<=1200px){.kpis{grid-template-columns:1fr 1fr}}@media (width<=1024px){.page{padding:28px}.form-grid{grid-template-columns:1fr}}@media (width<=900px){.who{display:none}}@media (width<=767px){.scrim.open{z-index:50;background:#0006;display:block;position:fixed;inset:0}.hamburger{display:inline-flex}.page{padding:20px}.kpis{grid-template-columns:1fr}.tr{grid-template-columns:1.4fr 1fr auto;column-gap:12px}.tr .c-status{display:none}.stats{grid-template-columns:1fr}.stats>div+div{border-left:none;border-top:1px solid var(--zd-divider)}.record{grid-template-columns:1fr}h1.title,.detail-hero h1{font-size:26px}}
