:root{--bg-outer:#f4f1e8;--ink:#1a1a1a;--ink-soft:#5f6066;--ink-faint:#9ca3af;--surface:#ffffff;--surface-soft:#faf8f1;--line:rgba(26,26,26,0.08);--line-strong:rgba(26,26,26,0.14);--yellow:#f5c542;--yellow-deep:#e6b02e;--yellow-soft:#fbefc9;--yellow-ink:#7a5600;--dark:#1a1a1a;--green:#2f9e6b;--green-soft:#e3f3ea;--red:#d8513f;--red-soft:#fbe7e3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--text-xs:11.5px;--text-sm:12.5px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--card:16px;--shadow-card:0 1px 2px rgba(16,24,40,0.04),0 1px 3px rgba(16,24,40,0.06);--blue:#2b62c4;--blue-soft:#e6eefc;--present-ink:#147049;--late-ink:#7a5300;--absent-ink:#a5301f;--leave-ink:#21509e;--shadow-pop:0 10px 40px rgba(16,24,40,0.12);--sidebar-w:220px;--sidebar-w-collapsed:64px;--topbar-h:56px;--card-pad:22px;--border:var(--line);--accent:var(--yellow);--font:var(--font-poppins),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}img[src*="/api/media"]{cursor:zoom-in}:where(a,button,label) img{cursor:inherit}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}body,html{margin:0;padding:0}body{background:var(--bg-outer);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.muted{color:var(--ink-soft)}.frame{max-width:1520px;margin:12px auto;min-height:calc(100vh - 24px);padding:22px 30px 40px;background:linear-gradient(118deg,#ededee,#f1ecdd 48%,#efe4c1);border:2px solid #1b1b1d;border-radius:30px}.topnav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.brand{display:inline-flex;gap:10px;padding:9px 20px;font-weight:700;font-size:16px;letter-spacing:-.01em}.brand,.nav-pills{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-card)}.nav-pills{display:flex;gap:2px;padding:6px}.nav-pills a{padding:9px 18px;border-radius:999px;font-weight:500;font-size:14px;color:var(--ink-soft);transition:all .14s ease;white-space:nowrap}.nav-pills a:hover{color:var(--ink)}.nav-pills a.active{background:var(--dark);color:#fff}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-size:16px;color:var(--ink);transition:background .14s}.icon-btn,.user-pill{box-shadow:var(--shadow-card)}.user-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.user-pill .who{line-height:1.15;text-align:right}.user-pill .who b{font-size:13px;font-weight:600}.user-pill .who span{font-size:11px;color:var(--ink-soft)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}.page-head{margin:0 0 var(--space-6)}.hello{font-size:44px;font-weight:600;letter-spacing:-.025em;margin:0}.hello span{font-weight:400;color:var(--ink-soft)}.subtitle{margin:6px 0 0;color:var(--ink-soft);font-size:15px}.card-ic{width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink);font-size:14px;transition:background .14s}.card-ic:hover{background:var(--surface-soft)}.card.dark .card-ic{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff}.overview{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-bottom:26px}@media (max-width:900px){.overview{grid-template-columns:1fr}}.kpi-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.kpi-pill{display:inline-flex;flex-direction:column;gap:2px}.kpi-pill .cap{font-size:12px;color:var(--ink-soft);padding-left:4px}.kpi-pill .val{padding:9px 20px;border-radius:999px;font-weight:600;font-size:14px}.kpi-pill .val.dark{background:var(--dark);color:#fff}.kpi-pill .val.amber{background:var(--yellow);color:var(--ink)}.kpi-pill .val.ghost{border:1px dashed var(--line-strong);color:var(--ink-soft)}.bignums{display:flex;gap:26px}.bignum{display:flex;flex-direction:column;align-items:flex-end}.bignum .n{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}.bignum .lab{font-size:13px;color:var(--ink-soft);margin-top:6px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--card);box-shadow:var(--shadow-card);padding:var(--card-pad)}.card.dark{background:var(--dark);color:#fff;border-color:transparent}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (max-width:1100px){.col-3,.col-4{grid-column:span 6}.col-8{grid-column:span 12}}@media (max-width:720px){.col-3,.col-4,.col-6,.col-8{grid-column:span 12}}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-head h3{font-size:17px;font-weight:600;margin:0}.card .big{font-size:34px;font-weight:700;letter-spacing:-.02em}.funnel{display:flex;align-items:flex-end;gap:14px;height:150px;padding-top:8px}.funnel .bar{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.funnel .col{width:100%;max-width:30px;background:#eceae2;border-radius:8px;position:relative;transition:height .3s ease}.funnel .col.hot{background:var(--yellow)}.funnel .col .tip{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700}.funnel .bar small{font-size:11px;color:var(--ink-soft)}.seg{display:flex;gap:6px;margin-top:6px}.seg .s{height:30px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:600}.seg .s.amber{background:var(--yellow);color:var(--ink)}.seg .s.dark{background:var(--dark);color:#fff}.seg .s.ghost{background:#eceae2;color:var(--ink-soft)}.seg-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin-bottom:10px}.ring-wrap{display:flex;align-items:center;justify-content:center;padding:6px 0}.ring{width:150px;height:150px;place-items:center}.ring,.ring .inner{border-radius:50%;display:grid}.ring .inner{width:112px;height:112px;background:var(--surface);place-items:center;text-align:center}.ring .inner b{font-size:28px;font-weight:700}.ring .inner span{display:block;font-size:11px;color:var(--ink-soft)}.task{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.task:last-child{border-bottom:none}.task .ic{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:15px;flex-shrink:0}.task .body{flex:1 1;min-width:0}.task .body b{font-size:14px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task .body span{font-size:12px;color:var(--ink-faint)}.task .right{font-size:12px;color:var(--yellow);font-weight:600}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--space-4)}.section-head h2{font-size:22px;margin:0;font-weight:600;letter-spacing:-.01em}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-weight:600;color:var(--ink-soft);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px}table.data td,table.data th{border-bottom:1px solid var(--line)}table.data td{padding:14px 16px;vertical-align:middle}table.data tr:last-child td{border-bottom:none}.log-action,table.data tbody tr:hover{background:var(--surface-soft)}.log-action{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px 6px;white-space:nowrap;color:var(--ink-soft)}.log-pager{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.badge,.log-pager{align-items:center}.badge{display:inline-flex;gap:5px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:600}.badge.gray{background:#eceae2;color:var(--ink-soft)}.badge.green{background:var(--green-soft);color:var(--green)}.badge.yellow{background:var(--yellow-soft);color:var(--yellow-ink)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.blue{background:#e6eefc;color:#2b62c4}.badge.amber{background:#fdf0d5;color:#9a6a00}.brand-tag{display:inline-flex;align-items:center;gap:7px;font-weight:600}.brand-swatch{width:10px;height:10px;border-radius:3px}.empty{padding:44px;text-align:center;color:var(--ink-soft)}.profile-hero{display:flex;align-items:center;gap:18px}.avatar-lg{width:66px;height:66px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;flex-shrink:0}.avatar-lg,.profile-hero h2{font-size:24px;font-weight:600}.profile-hero h2{margin:0 0 4px}.dl{display:grid;grid-template-columns:150px 1fr;gap:11px 16px;font-size:14px;margin:0}.dl dt{color:var(--ink-soft)}.dl dd{margin:0;font-weight:500;word-break:break-word}.back-link{display:inline-block;margin-bottom:14px;color:var(--ink-soft);font-weight:600;font-size:13.5px}.back-link:hover{color:var(--ink)}.profile-id{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.profile-id h2{margin:0;font-size:var(--text-xl);font-weight:var(--fw-semibold)}.profile-id-meta{gap:var(--space-2)}.profile-id-meta,.profile-photo{display:flex;flex-direction:column;align-items:center}.profile-photo{gap:var(--space-3)}.profile-photo-fallback,.profile-photo-img{border-radius:var(--radius-full);border:3px solid var(--line);flex-shrink:0}.profile-photo-img{object-fit:cover}.profile-photo-fallback{display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:var(--fw-bold)}.profile-photo-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.photo-del-btn{color:var(--ink-faint);border-color:transparent;background:transparent;font-size:var(--text-sm)}.photo-del-btn:hover:not(:disabled){color:var(--red);border-color:var(--red);background:var(--red-soft)}.photo-del-confirm{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.photo-del-q{font-size:var(--text-sm);color:var(--ink-muted)}.btn-danger{color:#fff;background:var(--red);border-color:var(--red)}.btn-danger:hover:not(:disabled){filter:brightness(.93)}.doc-image{display:block;width:100%;border-radius:var(--radius-sm);border:1px solid var(--line)}.profile-section{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}.profile-section-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);margin:0 0 var(--space-2)}.list-label{font-size:var(--text-sm);color:var(--ink-soft);margin:var(--space-3) 0 var(--space-1)}.repeat-list{margin:0;padding-left:18px;gap:var(--space-1)}.inline-form,.repeat-list{display:flex;flex-direction:column}.inline-form{gap:var(--space-2)}.inline-form input,.inline-form select,.inline-form textarea{width:100%;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:inherit;background:var(--surface);color:var(--ink);outline:none;transition:border-color .14s,box-shadow .14s}.inline-form textarea{resize:vertical}.inline-form input:focus,.inline-form select:focus,.inline-form textarea:focus{border-color:var(--yellow-deep);box-shadow:0 0 0 3px rgba(233,194,51,.2)}.field-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);margin:var(--space-2) 0 0}.form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.form-err{color:var(--red);font-size:var(--text-sm)}.iv-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.iv-head-title{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.iv-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.iv-item{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.iv-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.iv-item-notes{font-size:var(--text-sm);margin-top:var(--space-1);white-space:pre-wrap}.iv-item-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.btn.btn-sm{padding:5px 11px;font-size:var(--text-sm)}.inline-value{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.profile-hero-end{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}@media (max-width:720px){.profile-hero{flex-wrap:wrap;gap:var(--space-3)}.profile-hero h2{font-size:19px}.profile-hero-end{margin-left:0;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-2)}.dl{grid-template-columns:1fr;gap:2px 0}.dl dt{margin-top:8px;font-size:var(--text-xs)}.profile-contact{gap:var(--space-2)}}.oc-card{padding:0;overflow:hidden;position:relative}.oc-toolbar{justify-content:space-between;flex-wrap:wrap;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);background:var(--surface)}.oc-toolbar,.oc-toolbar-title{display:flex;align-items:center;gap:var(--space-3)}.oc-toolbar-title{font-size:var(--text-md)}.oc-toolbar-mark{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-md);background:var(--dark);color:var(--yellow)}.oc-toolbar-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.oc-toolbar-text strong{font-size:var(--text-md);font-weight:var(--fw-semibold)}.oc-toolbar-text .muted{font-size:var(--text-xs)}.oc-toolbar-view{gap:var(--space-2);margin-left:auto;flex-wrap:wrap}.oc-ctx-panel,.oc-toolbar-view{display:inline-flex;align-items:center}.oc-ctx-panel{gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface-soft)}.oc-ctx-label{font-size:var(--text-xs);color:var(--ink-soft);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.oc-ctx-label strong{color:var(--ink);font-weight:var(--fw-semibold)}.oc-ctx-actions{display:inline-flex;align-items:center;gap:var(--space-1)}.oc-icon-btn,.oc-kebab{padding:0;width:30px;height:30px;justify-content:center}.oc-menu-wrap{position:relative;display:inline-flex}.oc-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:60;min-width:200px;padding:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.oc-menu.start{right:auto;left:0}.oc-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--ink);text-align:left;cursor:pointer}.oc-menu-item:hover:not(:disabled){background:var(--surface-soft)}.oc-menu-item:disabled{opacity:.55;cursor:default}.oc-menu-item-icon{display:grid;place-items:center;width:18px;height:18px;flex-shrink:0;color:var(--ink-soft)}.oc-menu-sep{height:1px;margin:4px 6px;background:var(--line)}.oc-menu-item.danger,.oc-menu-item.danger .oc-menu-item-icon{color:var(--red)}.oc-menu-item.danger:hover:not(:disabled){background:var(--red-soft)}.oc-rename-input{height:34px;min-width:160px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--text-sm)}.oc-rename-input:focus{outline:none;border-color:var(--accent)}.oc-toolbar-error{flex-basis:100%;margin-top:var(--space-2);background:var(--red-soft);color:var(--red);border-radius:var(--radius-sm,11px);padding:8px 12px;font-size:13px;font-weight:500}.oc-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--line);background:var(--surface-soft);font-size:var(--text-sm);min-height:36px}.oc-bc-reset,.oc-breadcrumb{align-items:center;color:var(--ink-soft)}.oc-bc-reset{display:inline-flex;gap:4px;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-medium);background:transparent;border:1px solid var(--line-strong);cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap}.oc-bc-reset:hover{background:var(--surface);color:var(--ink)}.oc-bc-sep{color:var(--ink-faint);-webkit-user-select:none;user-select:none;font-size:var(--text-xs);padding:0 2px}.oc-bc-item{display:inline-flex;align-items:center;gap:var(--space-1)}.oc-bc-seg{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--ink-soft);background:transparent;border:none;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap}.oc-bc-seg:hover:not(:disabled){background:var(--surface);color:var(--ink)}.oc-bc-seg.oc-bc-active{color:var(--ink);font-weight:var(--fw-semibold);cursor:default}.oc-bc-seg:disabled{cursor:default}.oc-canvas{position:relative;width:100%;height:calc(100vh - 240px);min-height:480px;background:var(--surface-soft)}.oc-empty{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2);padding:var(--space-6);color:var(--ink-soft);pointer-events:none}.oc-empty-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-card)}.oc-empty-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--ink)}.oc-empty-text{margin:0;max-width:420px;font-size:var(--text-sm);line-height:1.5}.oc-empty-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2);pointer-events:auto}.oc-node{position:relative;width:212px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4);padding-right:calc(var(--space-4) + 14px);cursor:pointer;transition:box-shadow .16s ease,border-color .16s ease}.oc-node.oc-holding{width:260px}.oc-node.oc-brand{width:236px}.oc-node.oc-department{width:200px}.oc-node.oc-position{width:188px}.oc-node.oc-employee{width:176px}.oc-node:hover{box-shadow:var(--shadow-pop);border-color:var(--ink-faint)}.oc-node.oc-selected{border-color:var(--yellow-deep)}.oc-node.oc-selected,.oc-node.oc-selected:hover{box-shadow:0 0 0 2px var(--yellow-deep),var(--shadow-pop)}.oc-node.oc-selected.oc-collapsed,.oc-node.oc-selected.oc-collapsed:hover{box-shadow:0 0 0 2px var(--yellow-deep),var(--shadow-pop),4px 0 0 -1px var(--surface),4px 0 0 0 var(--line-strong)}.oc-node-row{display:flex;align-items:center;gap:var(--space-2)}.oc-node-main{min-width:0;flex:1 1}.oc-badge{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--line);transition:background .16s ease,color .16s ease,border-color .16s ease}.oc-badge,.oc-toggle{color:var(--ink-soft)}.oc-toggle{position:absolute;top:50%;right:-11px;transform:translateY(-50%);z-index:10;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);line-height:1;cursor:pointer;transition:background .12s,border-color .12s,color .12s;touch-action:manipulation}.oc-toggle:before{content:"";position:absolute;inset:-6px}.oc-toggle:hover{background:var(--yellow-soft);border-color:var(--yellow-deep);color:var(--ink)}.oc-toggle:focus-visible{outline:2px solid var(--yellow-deep);outline-offset:2px}.oc-chevron{font-size:9px;line-height:1}.oc-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.oc-node.oc-holding .oc-toggle{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}.oc-node.oc-holding .oc-toggle:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.oc-node.oc-collapsed{box-shadow:var(--shadow-card),4px 0 0 -1px var(--surface),4px 0 0 0 var(--line-strong)}.oc-node.oc-collapsed:hover{box-shadow:var(--shadow-pop),4px 0 0 -1px var(--surface),4px 0 0 0 var(--line-strong)}.oc-node-title{font-size:var(--text-base);font-weight:var(--fw-semibold);line-height:1.25;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-node.oc-holding .oc-node-title{font-size:var(--text-lg)}.oc-node.oc-brand .oc-node-title{font-size:var(--text-md)}.oc-node.oc-department .oc-node-title{font-size:var(--text-base)}.oc-node.oc-position .oc-node-title{font-size:var(--text-sm)}.oc-node-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--space-1)}.oc-node-collapsed-info,.oc-node-meta{margin-top:3px;font-size:var(--text-xs);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-node.oc-holding .oc-node-collapsed-info{color:var(--ink-faint)}.oc-kind{font-weight:var(--fw-medium);color:var(--ink-soft);text-transform:capitalize}.oc-kind,.oc-pill{font-size:var(--text-xs)}.oc-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-full);background:var(--surface-soft);border:1px solid var(--line-strong);color:var(--ink);font-weight:var(--fw-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.oc-node.oc-holding{background:var(--dark);border-color:var(--dark);color:#fff;box-shadow:0 6px 20px rgba(16,24,40,.18)}.oc-node.oc-holding .oc-kind,.oc-node.oc-holding .oc-node-meta{color:var(--ink-faint)}.oc-node.oc-holding .oc-badge{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.oc-node.oc-brand{border-left:3px solid var(--yellow)}.oc-node.oc-brand .oc-badge{background:var(--yellow-soft);border-color:var(--yellow-deep);color:var(--ink)}.oc-node.oc-branch{border-left:3px solid var(--ink-faint)}.oc-node.oc-branch .oc-badge{color:var(--ink)}.oc-node.oc-department{border-left:3px solid var(--line-strong);background:var(--surface)}.oc-node.oc-position{border-left:3px solid var(--line);background:var(--surface)}.oc-node.oc-employee,.oc-node.oc-position .oc-badge{background:var(--surface-soft)}.oc-node.oc-employee{border-left:2px solid var(--line);padding:var(--space-2) var(--space-3);padding-bottom:var(--space-2)}.oc-node.oc-employee .oc-badge{width:24px;height:24px;background:var(--surface);color:var(--ink-soft)}.oc-node.oc-employee .oc-node-title{font-size:var(--text-sm);font-weight:var(--fw-medium)}.oc-node.oc-employee:hover{border-color:var(--ink-faint)}.oc-emp-status{display:inline-flex;align-items:center;flex-shrink:0;padding:1px 7px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-soft)}.oc-emp-status.oc-emp-ACTIVE{background:var(--green-soft);border-color:var(--green);color:var(--green)}.oc-emp-status.oc-emp-PROBATION{background:var(--yellow-soft);border-color:var(--yellow-deep);color:var(--ink)}.oc-emp-status.oc-emp-ON_LEAVE{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.oc-node.oc-central{border-left:3px solid var(--dark);background:var(--surface-soft)}.oc-node.oc-central .oc-badge{background:var(--dark);border-color:var(--dark);color:#fff}.oc-tag{display:inline-flex;align-items:center;flex-shrink:0;padding:1px 7px;border-radius:var(--radius-full);background:var(--dark);color:#fff;font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.02em}.oc-lead-tag{color:var(--ink)}.oc-empty-slots,.oc-lead-tag{background:var(--yellow-soft);border:1px solid var(--yellow-deep)}.oc-empty-slots{color:var(--ink-soft)}.oc-node.oc-position.is-lead{border-left:3px solid var(--yellow-deep)}.oc-node[style*="--node-accent"]{border-left-color:var(--node-accent)}.oc-node.oc-position.is-lead{border-left-color:var(--yellow-deep)!important}.oc-canvas .react-flow__edge.oc-edge-central .react-flow__edge-path{stroke:var(--dark);stroke-width:1.75;stroke-dasharray:5 4}.oc-canvas .react-flow__edge.oc-edge-strong .react-flow__edge-path{stroke:var(--ink-faint);stroke-width:2}.oc-canvas .react-flow__edge.oc-edge-leaf .react-flow__edge-path{stroke:var(--line-strong);stroke-width:1.25}.oc-handle{opacity:0;pointer-events:none}.oc-canvas .react-flow__edge-path{stroke:var(--line-strong);stroke-width:1.5;stroke-linecap:round}.oc-canvas .react-flow__edge.selected .react-flow__edge-path,.oc-canvas .react-flow__edge:hover .react-flow__edge-path{stroke:var(--ink-faint)}.oc-canvas .react-flow__controls{box-shadow:var(--shadow-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);margin:var(--space-4)}.oc-canvas .react-flow__controls-button{width:28px;height:28px;background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink);transition:background .12s ease}.oc-canvas .react-flow__controls-button:last-child{border-bottom:none}.oc-canvas .react-flow__controls-button:hover{background:var(--surface-soft)}.oc-canvas .react-flow__controls-button svg{fill:var(--ink)}.oc-canvas .react-flow__minimap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);margin:var(--space-4)}.oc-canvas .react-flow__attribution{display:none}.oc-popover-backdrop{position:fixed;inset:0;background:rgba(27,27,29,.4);display:grid;place-items:center;z-index:200;padding:var(--space-4)}.oc-popover{width:100%;max-width:380px;box-shadow:var(--shadow-pop)}.oc-popover-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.oc-popover-head h3{margin:0;font-size:var(--text-md);font-weight:var(--fw-semibold)}.oc-popover-close{border:none;background:transparent;color:var(--ink-soft);font-size:var(--text-base);cursor:pointer;padding:4px;line-height:1;border-radius:var(--radius-sm)}.oc-popover-close:hover{background:var(--surface-soft);color:var(--ink)}.oc-popover-sub{font-size:var(--text-sm);margin:2px 0 var(--space-3)}.oc-shift-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.oc-shift-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.oc-shift-info{display:flex;flex-direction:column;min-width:0}.oc-shift-name{font-weight:var(--fw-medium);color:var(--ink)}.oc-shift-time{font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.oc-shift-time-row{display:flex;gap:var(--space-2)}.oc-emp-meta{display:flex;flex-direction:column;gap:var(--space-1);margin:0 0 var(--space-2)}.oc-emp-meta-row{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm)}.oc-emp-meta-row dt{flex:0 0 64px;color:var(--ink-soft)}.oc-emp-meta-row dd{margin:0;color:var(--ink);font-weight:var(--fw-medium)}.oc-emp-workhours{margin-top:var(--space-2);font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.oc-node{transition:none}}.oc-agg-badge{display:inline-flex;align-items:center;gap:0;font-size:var(--text-xs);white-space:nowrap}.oc-agg-num{font-weight:var(--fw-semibold);color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.oc-agg-sep{color:var(--ink-soft)}.oc-node.oc-holding .oc-agg-num{color:#fff}.oc-node.oc-holding .oc-agg-sep,.oc-node.oc-holding .oc-count{color:var(--ink-faint)}@keyframes oc-pulse{0%{box-shadow:0 0 0 0 var(--yellow-deep)}50%{box-shadow:0 0 0 6px rgba(241,207,78,.35)}to{box-shadow:0 0 0 0 var(--yellow-deep)}}.oc-node.oc-flash{animation:oc-pulse .5s ease 2;border-color:var(--yellow-deep)!important}@media (prefers-reduced-motion:reduce){.oc-node.oc-flash{animation:none}}.oc-search-wrap{position:relative;flex-shrink:0}.oc-search-input{width:200px;height:34px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--ink);font-size:var(--text-sm);outline:none;transition:border-color .15s,box-shadow .15s}.oc-search-input:focus{border-color:var(--yellow-deep);box-shadow:0 0 0 2px rgba(241,207,78,.25);background:var(--surface)}.oc-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:50;width:320px;max-height:340px;overflow-y:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);list-style:none;margin:0;padding:4px}.oc-search-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:7px 10px;border:none;background:transparent;border-radius:var(--radius-md);text-align:left;cursor:pointer;color:var(--ink);transition:background .1s}.oc-search-item:hover{background:var(--surface-soft)}.oc-search-item-icon{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;color:var(--ink-soft)}.oc-search-item-text{display:flex;flex-direction:column;min-width:0;gap:1px}.oc-search-item-label{font-size:var(--text-sm);font-weight:var(--fw-medium)}.oc-search-item-label,.oc-search-item-path{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-search-item-path{font-size:var(--text-xs);color:var(--ink-soft)}.oc-depth-seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius-md);overflow:hidden}.oc-depth-btn{padding:4px 10px;border:none;border-right:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--fw-medium);cursor:pointer;transition:background .12s,color .12s;line-height:1.4}.oc-depth-btn:last-child{border-right:none}.oc-depth-btn:hover{background:var(--surface-soft);color:var(--ink)}.oc-depth-btn.active{background:var(--dark);color:#fff;font-weight:var(--fw-semibold)}@media (max-width:640px){.oc-search-wrap{flex:1 1 100%}.oc-search-input{width:100%}.oc-ctx-label{max-width:140px}}.oc-pos-chips{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line)}.oc-pos-chips-grid{display:flex;flex-wrap:wrap;gap:4px}.oc-pos-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface-soft);color:var(--ink);font-size:var(--text-xs);font-weight:var(--fw-medium);cursor:pointer;transition:background .1s,border-color .1s;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.oc-pos-chip:hover{background:var(--surface);border-color:var(--ink-faint)}.oc-pos-chip.is-lead,.oc-pos-chip.is-selected{border-color:var(--yellow-deep);background:var(--yellow-soft)}.oc-pos-chip.is-selected{box-shadow:0 0 0 2px var(--yellow-deep)}.oc-pos-chip-lead{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow-deep);flex-shrink:0}.oc-pos-chip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-pos-chip-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);color:var(--ink-soft);flex-shrink:0}.oc-pos-chip-more{color:var(--ink-soft);border-style:dashed;font-style:italic}.oc-pos-chip-more:hover{color:var(--ink);border-style:solid}.oc-node.oc-department{width:240px}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.k-col{flex:0 0 240px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px;min-height:120px;transition:background .12s,box-shadow .12s}.k-col.over{background:var(--info-bg,#e7f0fd);box-shadow:inset 0 0 0 2px var(--yellow)}.k-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.k-col-body{display:flex;flex-direction:column;gap:10px;min-height:40px}.k-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 12px;box-shadow:var(--shadow-card)}.k-card.draggable{cursor:grab}.k-card.dragging{cursor:grabbing;box-shadow:var(--shadow-pop);opacity:.95}.k-card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin-bottom:6px}.k-card-name{font-size:14px;font-weight:600;display:block}.k-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}.k-card-link{font-size:12px;color:var(--accent);font-weight:500;margin-left:auto;cursor:pointer}.k-card-link:hover{text-decoration:underline}.k-card-multi{font-size:var(--text-xs);color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.k-card-apps{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-1);max-height:132px;overflow-y:auto}.k-card-app-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:var(--text-xs);color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:13.5px;cursor:pointer;transition:all .14s;font-family:inherit}.btn:hover{background:var(--surface-soft)}.btn.primary{background:var(--dark);border-color:var(--dark);color:#fff}.btn.amber{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.btn.ghost{border-color:transparent;background:transparent}.btn.btn-icon{padding:9px;gap:0;justify-content:center;line-height:0}.btn.danger{background:var(--red-soft);border-color:var(--red);color:var(--red)}.btn.danger:hover{background:var(--red);color:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft,var(--ink));cursor:pointer;transition:all .14s;flex:0 0 auto}.icon-btn:hover{background:var(--surface-soft);color:var(--ink)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn.primary{background:var(--dark);border-color:var(--dark);color:#fff}.icon-btn.primary:hover{opacity:.9}.icon-btn.danger:hover{background:var(--red-soft);border-color:var(--red);color:var(--red)}.icon-btn.sm{width:28px;height:28px;border-radius:8px}.action-row{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(118deg,#faf8f1,#f4f1e8 48%,#f3e6c8);padding:20px}.login-card{width:100%;max-width:390px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-pop);padding:34px}.login-card .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;margin-bottom:4px}.login-card .logo .dot{width:32px;height:32px;border-radius:9px;background:var(--yellow);display:grid;place-items:center;color:var(--ink);font-size:13px;font-weight:700}.login-sub{color:var(--ink-soft);margin:0 0 24px;font-size:14px}.field{margin-bottom:14px}.field label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}.field input,.field select{width:100%;padding:11px 13px;border:1px solid var(--line-strong);border-radius:11px;font-size:15px;outline:none;font-family:inherit;background:var(--surface);transition:border-color .14s,box-shadow .14s}.field input:focus,.field select:focus{border-color:var(--yellow-deep);box-shadow:0 0 0 3px rgba(233,194,51,.2)}.form-error{background:var(--red-soft);border-radius:11px;padding:10px 13px;font-size:13px;font-weight:500;margin-bottom:14px}.btn-block{width:100%;justify-content:center;padding:12px;border-radius:12px}.login-hint{margin-top:18px;font-size:12px;color:var(--ink-soft);text-align:center}.erp-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.erp-shell.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.erp-main{grid-area:main;padding:28px;background:linear-gradient(118deg,#faf8f1,#f4f1e8 48%,#f3e6c8);min-height:calc(100vh - var(--topbar-h))}.erp-overlay{display:none}.erp-sidebar{grid-area:sidebar;background:var(--dark);color:#fff;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.erp-brand{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 18px;font-size:var(--text-lg);letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden}.erp-brand,.erp-brand .dot{flex-shrink:0;font-weight:var(--fw-bold)}.erp-brand .dot{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:var(--text-xs)}.erp-shell.collapsed .erp-brand{justify-content:center;padding:0}.erp-shell.collapsed .erp-brand .brand-text{display:none}.erp-nav{flex:1 1;padding:10px 12px;gap:6px;overflow-y:auto}.erp-nav,.erp-nav-group{display:flex;flex-direction:column}.erp-nav-group{gap:2px}.erp-nav-group+.erp-nav-group{margin-top:12px}.erp-group-label{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:#7c828c;padding:6px 12px 4px}.erp-group-label:hover{color:var(--ink-soft)}.erp-group-chevron{font-size:9px;opacity:.55}.erp-shell.collapsed .erp-group-label{visibility:hidden;height:8px;padding:0}.erp-nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--fw-medium);color:#c9cdd3;position:relative;transition:background .14s ease,color .14s ease;white-space:nowrap}.erp-nav-link:hover{color:#fff;background:rgba(255,255,255,.05)}.erp-nav-link .erp-ic{flex-shrink:0;display:grid;place-items:center}.erp-nav-link .erp-label{overflow:hidden;text-overflow:ellipsis}.erp-nav-link.active{color:#fff;background:rgba(241,207,78,.12)}.erp-nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--yellow)}.erp-shell.collapsed .erp-nav-link{justify-content:center;padding:10px 0}.erp-shell.collapsed .erp-nav-link .erp-label{display:none}.erp-sidebar-foot{flex-shrink:0;padding:10px 12px 14px;border-top:1px solid rgba(255,255,255,.08)}.erp-collapse-btn{width:100%;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:#c9cdd3;font-family:inherit;font-size:var(--text-base);font-weight:var(--fw-medium);cursor:pointer;transition:background .14s ease,color .14s ease}.erp-collapse-btn:hover{color:#fff;background:rgba(255,255,255,.05)}.erp-collapse-btn .erp-ic{flex-shrink:0;display:grid;place-items:center;transition:transform .2s ease}.erp-shell.collapsed .erp-collapse-btn{justify-content:center;padding:9px 0}.erp-shell.collapsed .erp-collapse-btn .erp-label{display:none}.erp-shell.collapsed .erp-collapse-btn .erp-ic{transform:rotate(180deg)}.erp-topbar{grid-area:topbar;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:0 24px}.erp-hamburger{display:none;width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);place-items:center;cursor:pointer;flex-shrink:0}.erp-hamburger:hover{background:var(--surface-soft)}.erp-crumb{display:flex;align-items:center;gap:6px;font-size:var(--text-base);min-width:0}.erp-crumb .crumb-seg{color:var(--ink-soft);white-space:nowrap}.erp-crumb .crumb-seg:last-child{color:var(--ink);font-weight:var(--fw-semibold)}.erp-crumb .crumb-sep{color:var(--ink-faint);flex-shrink:0}.erp-topbar-spacer{flex:1 1}.erp-search{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:var(--radius-full);border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);min-width:220px;max-width:300px;transition:border-color .14s,box-shadow .14s}.erp-search:focus-within{border-color:var(--yellow-deep);box-shadow:0 0 0 3px rgba(233,194,51,.18)}.erp-search input{border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--text-base);color:var(--ink);flex:1 1;min-width:0}.erp-search .kbd{font-size:var(--text-xs);color:var(--ink-faint);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1px 6px;flex-shrink:0}.erp-iconbtn{width:38px;height:38px;border-radius:var(--radius-full);border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;position:relative;flex-shrink:0;transition:background .14s}.erp-iconbtn:hover{background:var(--surface-soft)}.erp-iconbtn .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1.5px solid var(--surface)}.erp-usermenu{position:relative;flex-shrink:0}.erp-user-trigger{display:inline-flex;align-items:center;gap:9px;padding:4px 6px;border-radius:var(--radius-full);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-family:inherit;transition:background .14s}.erp-user-trigger:hover{background:var(--surface-soft)}.erp-user-trigger .who{text-align:right;line-height:1.15;max-width:150px}.erp-user-trigger .who b{display:block;font-size:13px;font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-user-trigger .who span{font-size:11px;color:var(--ink-soft)}@media (max-width:560px){.erp-user-trigger .who{display:none}}.erp-user-pop{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:8px;z-index:30}.erp-user-pop .pop-head{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.erp-user-pop .pop-head b{display:block;font-size:var(--text-base);font-weight:var(--fw-semibold)}.erp-user-pop .pop-head .em{font-size:var(--text-sm);color:var(--ink-soft);word-break:break-all}.erp-user-pop .pop-head .role{margin-top:6px}.erp-user-pop .pop-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--ink);font-family:inherit;font-size:var(--text-base);font-weight:var(--fw-medium);cursor:pointer;text-align:left;transition:background .14s}.erp-user-pop .pop-item:hover{background:var(--surface-soft)}.erp-user-pop form{margin:0}@media (max-width:860px){.erp-shell{grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"topbar" "main"}.erp-shell,.erp-shell.collapsed{grid-template-columns:1fr}.erp-sidebar{position:fixed;z-index:100;transform:translateX(-100%);transition:transform .25s ease;width:var(--sidebar-w)!important}.erp-shell.collapsed .erp-brand .brand-text,.erp-shell.collapsed .erp-collapse-btn .erp-label,.erp-shell.collapsed .erp-group-label,.erp-shell.collapsed .erp-nav-link .erp-label{display:revert;visibility:visible;height:auto}.erp-shell.collapsed .erp-brand,.erp-shell.collapsed .erp-collapse-btn,.erp-shell.collapsed .erp-nav-link{justify-content:flex-start}.erp-shell.collapsed .erp-brand{padding:0 18px}.erp-shell.collapsed .erp-nav-link{padding:9px 12px}.erp-shell.collapsed .erp-collapse-btn .erp-ic{transform:none}.erp-shell.drawer-open .erp-sidebar{transform:translateX(0)}.erp-shell.drawer-open .erp-overlay{display:block;position:fixed;inset:0;background:rgba(27,27,29,.5);z-index:99}.erp-hamburger{display:grid}.erp-sidebar-foot{display:none}.erp-main{padding:18px}.erp-search{display:none}}.att-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width:1200px){.att-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.att-kpis{grid-template-columns:repeat(2,1fr)}}.att-kpi{display:flex;flex-direction:column;gap:2px;padding:var(--space-4);background:var(--surface);border-radius:var(--card);box-shadow:var(--shadow-card);border:1px solid var(--line);border-left:3px solid var(--line-strong)}.att-kpi .n{font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.att-kpi .lab{font-size:var(--text-sm);color:var(--ink-soft);font-weight:var(--fw-medium)}.att-kpi.is-present{border-left-color:var(--green)}.att-kpi.is-late{border-left-color:var(--yellow-deep)}.att-kpi.is-absent{border-left-color:var(--red)}.att-kpi.is-leave{border-left-color:var(--blue)}.att-kpi.is-unmarked{border-left-color:var(--line-strong)}.att-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--card);box-shadow:var(--shadow-card)}.att-filters .spacer{margin-left:auto}.att-filters input:not([type]),.att-filters input[type=search],.att-filters input[type=text],.att-filters select{padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;color:var(--ink);background:var(--surface);transition:border-color .14s,box-shadow .14s;outline:none;max-width:220px}.att-filters select{appearance:none;-webkit-appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.att-filters input[type=search]:hover,.att-filters input[type=text]:hover,.att-filters select:hover{border-color:var(--ink-faint)}.att-filters input:focus,.att-filters select:focus{border-color:var(--yellow-deep);box-shadow:0 0 0 3px rgba(233,194,51,.18)}.pos-filter{position:relative;display:inline-block}.pos-filter-trigger{display:inline-flex;align-items:center;gap:8px;min-width:170px;max-width:220px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;color:var(--ink);background:var(--surface);cursor:pointer;transition:border-color .14s,box-shadow .14s}.pos-filter-trigger>span:first-child{flex:1 1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-filter-trigger:hover{border-color:var(--ink-faint)}.pos-filter-trigger.is-open{border-color:var(--yellow-deep);box-shadow:0 0 0 3px rgba(233,194,51,.18)}.pos-filter-caret,.pos-filter-ph{color:var(--ink-faint)}.pos-filter-caret{width:12px;height:12px;flex-shrink:0}.pos-filter-pop{position:absolute;z-index:50;top:calc(100% + 4px);left:0;width:260px;max-width:80vw;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);overflow:hidden;display:flex;flex-direction:column}.pos-filter-search{margin:8px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;outline:none}.pos-filter-search:focus{border-color:var(--yellow-deep);box-shadow:0 0 0 3px rgba(233,194,51,.18)}.pos-filter-list{max-height:300px;overflow-y:auto;padding:0 4px 6px}.pos-filter-group{margin-top:4px}.pos-filter-group-head{padding:6px 8px 2px;font-size:11px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.pos-filter-opt{display:block;width:100%;text-align:left;padding:7px 10px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;color:var(--ink);cursor:pointer}.pos-filter-opt:hover{background:var(--surface-soft)}.pos-filter-opt.selected{background:var(--yellow-soft);font-weight:var(--fw-medium)}.pos-filter-empty{padding:16px;text-align:center;color:var(--ink-faint);font-size:var(--text-sm)}.att-filters input::placeholder{color:var(--ink-faint)}.view-toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius-md);overflow:hidden}.view-toggle a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:var(--text-sm);color:var(--ink-soft);background:var(--surface);transition:background .12s,color .12s}.view-toggle a+a{border-left:1px solid var(--line)}.view-toggle a:hover{background:var(--surface-soft)}.view-toggle a.active{background:var(--green-soft);color:var(--green);font-weight:var(--fw-semibold)}.emp-loc{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--ink-soft);flex-wrap:wrap}.emp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.emp-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);transition:box-shadow .12s,transform .12s,border-color .12s}.emp-card:hover{box-shadow:var(--shadow-pop);border-color:var(--line-strong);transform:translateY(-1px)}.emp-card-name{font-weight:var(--fw-semibold);color:var(--ink);line-height:1.3}.emp-card-pos{font-size:var(--text-xs);color:var(--ink-soft)}.emp-card .emp-loc{justify-content:center}.att-avatar-fallback.emp-card-photo,.att-avatar.emp-card-photo{width:64px;height:64px;font-size:var(--text-lg)}.profile-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.profile-kpi{background:var(--surface);border-left:1px solid var(--line);border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius,10px);padding:10px 12px;text-decoration:none;color:inherit;display:block}a.profile-kpi:hover{border-color:var(--accent);background:var(--surface-2,#faf9f6)}.profile-kpi-label{font-size:var(--text-xs);color:var(--ink-soft);margin-bottom:2px}.profile-kpi-value{font-size:var(--text-lg,17px);font-weight:var(--fw-semibold,600);line-height:1.25}.profile-kpi-hint{font-size:var(--text-xs);color:var(--ink-soft);margin-top:2px}.profile-kpi.tone-ok{border-left-color:var(--green)}.profile-kpi.tone-warn{border-left-color:var(--yellow)}.profile-kpi.tone-danger{border-left-color:var(--red)}.profile-contact{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:6px;font-size:var(--text-sm)}.profile-contact-item{display:inline-flex;align-items:center;gap:4px}.profile-contact-item a{color:var(--ink);text-decoration:none;font-weight:500}.profile-contact-item a:hover{text-decoration:underline}.profile-contact-item button{background:none;border:none;cursor:pointer;color:var(--ink-soft);padding:2px 4px;border-radius:var(--radius-sm,6px);line-height:1}.profile-contact-item button:hover{background:var(--surface-2,#f4f4f5);color:var(--ink)}.profile-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:var(--space-4)}.profile-tabs a,.profile-tabs button{display:inline-block;padding:10px 18px;background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-soft);cursor:pointer;font-size:var(--text-md);font-weight:500;text-decoration:none;white-space:nowrap}.profile-tabs a:hover,.profile-tabs button:hover{color:var(--ink)}.profile-tabs a.active,.profile-tabs button.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:var(--fw-semibold)}.att-cal-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.att-cal-title{font-weight:var(--fw-semibold);font-size:var(--text-lg);min-width:150px;text-align:center}.att-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.att-cal-week{margin-bottom:6px}.att-cal-wd{text-align:center;font-size:var(--text-xs);color:var(--ink-soft);font-weight:var(--fw-semibold);padding:4px 0}.att-cal-cell{position:relative;min-height:62px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:4px 6px;text-align:left;display:flex;flex-direction:column;gap:2px;cursor:default}.att-cal-cell.empty{border:none;background:transparent}.att-cal-cell.clickable{cursor:pointer}.att-cal-cell.clickable:hover{border-color:var(--line-strong)}.att-cal-cell.worked{background:var(--green-soft);border-color:transparent}.att-cal-cell.leave{background:#eaf1fb;border-color:transparent}.att-cal-cell.today{outline:2px solid var(--accent);outline-offset:-1px}.att-cal-cell.sel{box-shadow:0 0 0 2px var(--accent)}.att-cal-num{font-size:var(--text-xs);color:var(--ink-soft);font-weight:var(--fw-semibold)}.att-cal-info{display:flex;flex-direction:column;line-height:1.25}.att-cal-info .in{color:var(--green);font-size:var(--text-xs);font-weight:600}.att-cal-info .out{color:var(--ink-soft);font-size:var(--text-xs)}.att-cal-info .hrs{font-size:10px;color:var(--ink-soft)}.att-cal-leave{font-size:var(--text-xs);color:#2563eb;font-weight:600}.att-cal-detail{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}.att-cal-detail-head{margin-bottom:var(--space-2)}.att-tl{display:flex;flex-direction:column;gap:4px}.att-tl-row{display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}.att-tl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.att-tl-dot.out{background:var(--ink-soft)}.att-tl-sub{font-size:var(--text-xs);margin-left:16px}.att-stepper{display:inline-flex;align-items:center;gap:var(--space-1)}.att-step-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);cursor:pointer;font-size:var(--text-md);transition:background .12s}.att-step-btn:hover{background:var(--surface-soft)}.att-emp{display:flex;align-items:center;gap:var(--space-3);min-width:0}.att-emp .att-meta{min-width:0;line-height:1.3}.att-emp .att-name{font-weight:var(--fw-semibold)}.att-emp .att-name,.att-emp .att-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-emp .att-sub{font-size:var(--text-xs);color:var(--ink-soft)}.att-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--line);background:var(--surface-soft)}.att-avatar,.att-avatar-fallback{width:36px;height:36px;flex-shrink:0}.att-avatar-fallback{border-radius:var(--radius-full);display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:var(--text-sm);font-weight:var(--fw-bold)}.att-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}.att-time.muted{color:var(--ink-faint);font-weight:var(--fw-regular)}.att-method{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--ink-soft);font-weight:var(--fw-medium)}.att-marker-cell{position:relative}.att-marker-reveal{opacity:0;transition:opacity .12s}table.data tr:hover .att-marker-reveal{opacity:1}.att-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);color:var(--ink-soft)}.att-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--surface-soft);border:1px solid var(--line);color:var(--ink-faint);margin-bottom:var(--space-1)}.att-empty-title{font-size:var(--text-md);font-weight:var(--fw-semibold);color:var(--ink)}.tabel-wrap{overflow:auto;max-height:calc(100vh - 230px)}table.tabel{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}table.tabel thead th{position:sticky;top:0;z-index:2;background:var(--surface);border-bottom:1px solid var(--line-strong);font-weight:var(--fw-semibold);color:var(--ink-soft);font-size:var(--text-xs);padding:var(--space-2) 4px;text-align:center}table.tabel td.tabel-name,table.tabel th.tabel-name{position:sticky;left:0;z-index:1;background:var(--surface);min-width:220px;max-width:220px;text-align:left;padding:var(--space-2) var(--space-3);border-right:1px solid var(--line-strong);box-shadow:6px 0 8px -6px rgba(26,26,26,.16)}table.tabel thead th.tabel-name{z-index:3}table.tabel tbody tr:hover td,table.tabel tbody tr:hover td.tabel-name{background:var(--surface-soft)}table.tabel td.tabel-cell{width:38px;min-width:38px;height:34px;text-align:center;padding:0;border-bottom:1px solid var(--line);position:relative}table.tabel .tabel-week-start{border-left:1px solid var(--line)}.tabel-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);font-size:11px;font-weight:var(--fw-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;cursor:default}.tabel-mark.present{background:var(--green-soft);color:var(--present-ink)}.tabel-mark.late{background:var(--yellow-soft);color:var(--late-ink)}.tabel-mark.absent{background:var(--red-soft);color:var(--absent-ink)}.tabel-mark.leave{background:var(--blue-soft);color:var(--leave-ink)}.tabel-mark.none{color:var(--line-strong);font-weight:var(--fw-regular)}.tabel-mark.none,.tabel-mark.off{background:transparent}table.tabel td.tabel-cell-off{background-image:repeating-linear-gradient(-45deg,transparent,transparent 3px,var(--surface-soft) 3px,var(--surface-soft) 6px)}table.tabel tbody tr:hover td.tabel-cell-off{background:transparent}table.tabel tr.tabel-row-cont td.tabel-name{padding-top:4px}.tabel-cont-arrow{display:inline-grid;place-items:center;width:32px;height:32px;color:var(--ink-faint);font-size:15px;flex-shrink:0}.att-name.is-cont{color:var(--ink-soft);font-weight:var(--fw-medium)}.att-cal-cell:focus-visible,.att-row:focus-visible,.att-step-btn:focus-visible,.month-step:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(233,194,51,.35)}table.tabel td.tabel-cell[data-detail]{cursor:pointer}table.tabel td.tabel-cell[data-detail]:active .tabel-mark{transform:scale(.9)}.tabel-sheet-backdrop{position:fixed;inset:0;z-index:200;background:rgba(26,26,26,.35);display:flex;align-items:flex-end;justify-content:center}.tabel-sheet{width:100%;max-width:420px;background:var(--surface);border-radius:16px 16px 0 0;box-shadow:var(--shadow-pop);padding:var(--space-4);animation:tabelSheetUp .16s ease}@media (min-width:640px){.tabel-sheet-backdrop{align-items:center}.tabel-sheet{border-radius:var(--radius-md)}}@keyframes tabelSheetUp{0%{transform:translateY(20px);opacity:.4}to{transform:translateY(0);opacity:1}}.tabel-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.tabel-sheet-name{font-weight:var(--fw-bold);font-size:var(--text-base)}.tabel-sheet-day{font-size:var(--text-sm);color:var(--ink-soft)}.tabel-sheet-body{display:flex;flex-direction:column;gap:4px}.tabel-sheet-line{font-size:var(--text-sm)}.tabel-sheet-line:first-child{font-weight:var(--fw-semibold)}.att-punch-del{color:var(--red)}.att-punch-del:hover:not(:disabled){background:var(--red-soft);border-color:var(--red)}table.tabel td.tabel-total:not(.danger),table.tabel th.tabel-total{background:var(--surface-soft)}.tabel-mark.tabel-hrs{width:auto;min-width:30px;height:26px;padding:0 5px;font-size:11px;font-weight:var(--fw-bold);letter-spacing:-.01em}.tabel-mark.late{position:relative}.tabel-mark.late:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--late-ink)}table.tabel td.tabel-weekend,table.tabel th.tabel-weekend{background:var(--surface-soft)}table.tabel tbody tr:hover td.tabel-weekend{background:#f3f1e9}table.tabel th.tabel-today{color:var(--ink);font-weight:var(--fw-bold);position:relative}table.tabel th.tabel-today:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:2px;background:var(--yellow-deep);border-radius:2px}table.tabel td.tabel-today{box-shadow:inset 1px 0 0 var(--yellow-soft),inset -1px 0 0 var(--yellow-soft)}table.tabel td.tabel-total,table.tabel th.tabel-total{text-align:center;font-weight:var(--fw-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:var(--space-2) var(--space-2);border-left:1px solid var(--line);min-width:44px}table.tabel td.tabel-total.danger{color:var(--red)}.tabel-legend{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--ink-soft)}.tabel-legend .item{display:inline-flex;align-items:center;gap:var(--space-1)}.tabel-legend .sw{width:14px;height:14px;border-radius:4px;flex-shrink:0}.tabel-legend .sw.present{background:var(--green-soft)}.tabel-legend .sw.late{background:var(--yellow-soft)}.tabel-legend .sw.absent{background:var(--red-soft)}.tabel-legend .sw.leave{background:var(--blue-soft)}.att-kpi.is-live{border-left-color:var(--green)}.att-kpi.is-live .lab:before{content:"";display:inline-block;width:7px;height:7px;border-radius:var(--radius-full);background:var(--green);margin-right:6px;vertical-align:middle;animation:att-pulse 1.8s ease-in-out infinite}@keyframes att-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.att-kpi.is-live .lab:before{animation:none}}.att-live-dot{display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;margin-right:5px;vertical-align:middle;animation:att-pulse 1.8s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.att-live-dot{animation:none}}table.data tr.att-row{cursor:pointer}table.data tr.att-row.is-open,table.data tr.att-row:hover{background:var(--surface-soft)}.att-chevron{display:inline-grid;place-items:center;width:22px;height:22px;color:var(--ink-faint);transition:transform .15s ease,color .12s}tr.att-row.is-open .att-chevron{transform:rotate(180deg);color:var(--ink-soft)}.att-chevron svg{width:14px;height:14px}tr.att-detail-row>td{padding:0;background:var(--surface-soft);border-bottom:1px solid var(--line)}.att-detail{padding:var(--space-4) var(--space-5) var(--space-4) calc(36px + var(--space-3) + var(--space-5));display:flex;flex-direction:column;gap:var(--space-3);animation:att-expand .16s ease}@keyframes att-expand{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.att-detail{animation:none}}.att-detail-head{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--ink-soft)}.att-detail-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--line)}.att-detail-total{font-weight:var(--fw-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.att-timeline{list-style:none;margin:0;padding:0;position:relative}.att-tl-punch{display:grid;grid-template-columns:52px 22px 1fr;align-items:center;gap:var(--space-2);min-height:30px}.att-tl-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);font-size:var(--text-sm);color:var(--ink);text-align:right}.att-tl-dot{position:relative;width:12px;height:12px;border-radius:var(--radius-full);margin:0 auto;z-index:1}.att-tl-dot.in{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.att-tl-dot.out{background:var(--ink-faint);box-shadow:0 0 0 3px var(--surface)}.att-tl-dot.open{background:var(--green);box-shadow:0 0 0 3px var(--green-soft);animation:att-pulse 1.8s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.att-tl-dot.open{animation:none}}.att-tl-body{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;flex-wrap:wrap}.att-tl-dir{font-weight:var(--fw-medium)}.att-tl-dir.in{color:var(--green)}.att-tl-dir.out{color:var(--ink)}.att-tl-meta{font-size:var(--text-xs);color:var(--ink-soft)}.att-tl-manual{font-size:var(--text-xs);color:var(--yellow-deep);font-weight:var(--fw-semibold)}.att-tl-session{grid-column:3;font-size:var(--text-xs);color:var(--ink-soft);font-weight:var(--fw-medium);padding:2px 0 var(--space-2)}.att-tl-break{display:grid;grid-template-columns:52px 22px 1fr;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-faint);padding:var(--space-1) 0}.att-tl-break>span:last-child{grid-column:3}@media (max-width:640px){.att-detail{padding-left:var(--space-4);padding-right:var(--space-4)}.att-tl-break,.att-tl-punch{grid-template-columns:46px 18px 1fr}.att-daily thead{display:none}.att-daily,.att-daily tbody,.att-daily tbody tr.tree-group,.att-daily tbody tr.tree-group>td{display:block;width:100%}.att-daily tbody tr.att-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 12px;position:relative;padding:14px 16px 12px;border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:10px;background:var(--surface)}.att-daily tbody tr.att-row.is-open,.att-daily tbody tr.att-row:hover{background:var(--surface)}.att-daily tbody tr.att-row td{display:block;padding:0;border:none}.att-daily tbody tr.att-row td:empty{display:none}.att-daily tr.att-row td:first-child{grid-column:1/-1;padding-right:34px}.att-daily tr.att-row td[data-label=Kirish]{grid-column:1}.att-daily tr.att-row td[data-label=Chiqish]{grid-column:2}.att-daily tr.att-row td[data-label=Soat]{grid-column:3}.att-daily tr.att-row td[data-label=Chiqish],.att-daily tr.att-row td[data-label=Kirish],.att-daily tr.att-row td[data-label=Soat]{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--line)}.att-daily tr.att-row td[data-label=Chiqish]:before,.att-daily tr.att-row td[data-label=Kirish]:before,.att-daily tr.att-row td[data-label=Soat]:before{content:attr(data-label);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-weight:var(--fw-semibold)}.att-daily tr.att-row td[data-label=Filial],.att-daily tr.att-row td[data-label=Holat],.att-daily tr.att-row td[data-label=Usul]{grid-column:1/-1;display:flex;align-items:center;gap:8px}.att-daily tr.att-row td[data-label=Filial]:before,.att-daily tr.att-row td[data-label=Holat]:before,.att-daily tr.att-row td[data-label=Usul]:before{content:attr(data-label) ":";font-size:11px;color:var(--ink-soft);font-weight:var(--fw-semibold);flex-shrink:0}.att-daily tr.att-row td:last-child{position:absolute;top:12px;right:12px;width:auto;padding:0}.att-daily tr.att-detail-row{display:block;margin:-6px 0 10px}.att-daily tr.att-detail-row td{display:block;padding:0;border:none}}.dialog-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.32);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:att-expand .14s ease}.dialog-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);width:100%;max-width:480px;max-height:calc(100vh - 48px);overflow-y:auto;display:flex;flex-direction:column}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--line);gap:var(--space-3)}.dialog-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);margin:0;line-height:1.3}.dialog-close{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;color:var(--ink-soft);flex-shrink:0;transition:background .12s}.dialog-close:hover{background:var(--surface-soft)}.dialog-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.dialog-foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:var(--space-3)}.dialog-callout{background:var(--yellow-soft);border:1px solid var(--yellow);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--ink-soft);line-height:1.5}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--ink)}.form-label.required:after{content:" *";color:var(--red)}.form-input{padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;background:var(--surface);color:var(--ink);transition:border-color .12s;width:100%}.form-input:focus{outline:none;border-color:var(--ink-soft)}.form-input:disabled{background:var(--surface-soft);color:var(--ink-faint)}.form-error{font-size:var(--text-xs);color:var(--red)}.dir-segment{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-strong);border-radius:var(--radius-md);overflow:hidden}.dir-segment input[type=radio]{position:absolute;opacity:0;pointer-events:none}.dir-segment label{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:10px 16px;cursor:pointer;font-weight:var(--fw-medium);font-size:var(--text-sm);color:var(--ink-soft);transition:background .12s,color .12s;border-right:1px solid var(--line-strong);-webkit-user-select:none;user-select:none}.dir-segment label:last-child{border-right:none}.dir-segment input[type=radio]:checked+label{background:var(--dark);color:#fff}.dir-segment input[type=radio]:focus-visible+label{outline:2px solid var(--ink);outline-offset:-2px}@media (max-width:640px){.dialog-panel{border-radius:var(--radius-lg)}}.page-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5) 0 var(--space-2)}.page-nav-info{font-size:var(--text-sm);color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:60px;text-align:center}.page-nav .btn[aria-disabled=true]{opacity:.38;pointer-events:none;cursor:default}.limit-notice{font-size:var(--text-sm);color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}@keyframes sk-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--line) 25%,var(--surface-soft) 50%,var(--line) 75%);background-size:200% 100%;animation:sk-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm);display:block}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--line)}}.skeleton-line{height:14px;width:100%;margin-bottom:var(--space-2)}.skeleton-line.w-3{width:30%}.skeleton-line.w-4{width:40%}.skeleton-line.w-5{width:50%}.skeleton-line.w-6{width:60%}.skeleton-line.w-7{width:70%}.skeleton-line.tall{height:20px}.skeleton-row{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);align-items:center}.skeleton-row .sk-cell{flex:1 1;height:14px;border-radius:var(--radius-sm)}.skeleton-row .sk-cell.narrow{flex:0 0 80px}.skeleton-row .sk-cell.wide{flex:2 1}.skeleton-row .sk-avatar{flex:0 0 32px;width:32px;height:32px;border-radius:var(--radius-full)}.skeleton-kpi{background:var(--surface);border:1px solid var(--line);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);min-height:72px}.skeleton-block,.skeleton-kpi{border-radius:var(--radius-md)}.skeleton-block{width:100%}.tree-toolbar{display:flex;justify-content:flex-end;padding:10px 16px;border-bottom:1px solid var(--line)}.tree-expand-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:var(--text-sm);font-weight:600;padding:5px 12px;border-radius:var(--radius-sm);cursor:pointer}.tree-expand-btn:hover{background:var(--surface-soft);color:var(--ink)}.tree-cell{display:flex;align-items:center;gap:7px}.tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;padding:0;border-radius:var(--radius-sm)}.tree-toggle:hover{background:var(--surface-soft);color:var(--ink)}.tree-toggle-spacer{display:inline-block;width:18px;flex:none}table.data.org-tree tr.tree-group:hover>td,table.data.org-tree tr.tree-group>td{background:var(--surface-soft)}.tree-label{font-weight:600}table.data.org-tree tr.tree-brand>td{font-size:var(--text-base)}table.data.org-tree tr.tree-brand .tree-label{font-weight:700}.tree-emp{display:flex;align-items:center;gap:9px}.tree-emp-meta{display:flex;flex-direction:column;line-height:1.25}.tree-emp-name{font-weight:500}.tree-emp-phone{font-size:var(--text-xs);color:var(--ink-soft)}.tree-group-stats{display:inline-flex;align-items:center;gap:8px;margin-left:8px;font-size:var(--text-sm)}.tree-group-stats .badge{font-size:var(--text-xs);padding:2px 8px}.stage-tabs{margin-bottom:var(--space-3);max-width:100%;overflow-x:auto;flex-wrap:nowrap}.stage-tabs a{flex-shrink:0;gap:8px}.stage-tab-count{font-size:var(--text-xs);color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stage-tabs a.active .stage-tab-count{color:var(--green)}.att-filters input[type=number]{padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;color:var(--ink);background:var(--surface);width:66px;outline:none;transition:border-color .14s,box-shadow .14s}.att-filters input[type=number]:hover{border-color:var(--ink-faint)}.cand-age{display:inline-flex;align-items:center;gap:6px}.cand-age .muted{font-size:var(--text-sm);white-space:nowrap}.audience-picker{display:flex;flex-direction:column;gap:var(--space-2)}.audience-tabs{display:flex;flex-wrap:wrap;gap:6px}.audience-tab{padding:6px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--ink-soft);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color .14s,background .14s,color .14s}.audience-tab:hover{border-color:var(--ink-faint)}.audience-tab.active{background:var(--yellow-soft);border-color:var(--yellow-deep);color:var(--ink);font-weight:var(--fw-medium)}.audience-panel{gap:var(--space-2)}.audience-list,.audience-panel{display:flex;flex-direction:column}.audience-list{gap:2px;max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2)}.audience-opt{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm)}.audience-opt:hover{background:var(--surface-soft)}button.audience-opt{width:100%;border:none;background:transparent;text-align:left;font-family:inherit;justify-content:space-between}.audience-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.audience-chip{gap:6px;padding:4px 6px 4px 10px;border-radius:var(--radius-full);background:var(--surface-soft);border:1px solid var(--line);font-size:var(--text-xs);color:var(--ink)}.audience-chip,.audience-chip button{display:inline-flex;align-items:center}.audience-chip button{justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:transparent;color:var(--ink-faint);cursor:pointer;font-size:14px;line-height:1}.video-embed{position:relative;width:100%;padding-top:56.25%;background:var(--dark);border-radius:var(--radius-md);overflow:hidden}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.progress-bar{display:flex;align-items:center;gap:8px;min-width:90px}.progress-bar-track{flex:1 1;height:6px;border-radius:var(--radius-full);background:#eceae2;overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--yellow)}.progress-bar-fill.complete{background:var(--green)}.audience-chip button:hover{background:var(--line-strong);color:var(--ink)}.skew-banner{position:fixed;left:50%;bottom:var(--space-4);transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:var(--space-3);max-width:min(560px,calc(100vw - 2 * var(--space-4)));padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md,10px);background:var(--surface,#fff);box-shadow:0 8px 24px rgb(0 0 0/18%);font-size:var(--text-sm)}.skew-banner button{flex-shrink:0}