@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--brand-teal: #006568;--brand-teal-600: #00787b;--brand-teal-500: #0a8a8d;--brand-teal-100: #e1f1f1;--brand-teal-050: #f0f8f8;--brand-teal-800: #00474a;--brand-teal-900: #022f31;--brand-gold: #c9a62f;--brand-gold-600: #b99323;--bg-page: #eef1f2;--surface: #ffffff;--surface-2: #f4f6f7;--surface-3: #eef1f2;--fg-1: #0f1215;--fg-2: #474c50;--fg-3: #63686d;--fg-muted: #8a8f93;--border-subtle: rgba(15, 18, 21, .06);--border-default: rgba(15, 18, 21, .1);--border-strong: rgba(15, 18, 21, .18);--success: #1f8a5a;--warning: #b97d10;--danger: #b32b2b;--danger-bg: #fbe6e6;--danger-border: #f3c9c9;--primary: var(--brand-teal);--primary-dark: var(--brand-teal-800);--primary-light: var(--brand-teal-100);--secondary: var(--brand-gold);--nav-bg: rgba(255, 255, 255, .82);--notice-bg: var(--brand-teal-100);--notice-fg: var(--brand-teal-900);--row-hover: var(--brand-teal-050);--hero-grad: linear-gradient(135deg, #022f31 0%, #00474a 52%, #006568 100%);--shadow-xs: 0 1px 2px rgba(2, 47, 49, .05);--shadow-sm: 0 1px 2px rgba(2, 47, 49, .05), 0 2px 8px rgba(2, 47, 49, .05);--shadow: 0 4px 12px rgba(2, 47, 49, .07);--shadow-md: 0 6px 16px rgba(2, 47, 49, .08), 0 2px 6px rgba(2, 47, 49, .05);--shadow-lg: 0 12px 32px rgba(2, 47, 49, .12), 0 4px 10px rgba(2, 47, 49, .06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: var(--font-sans);--font-num: var(--font-sans);--container: 1280px;--pad-x: clamp(16px, 4vw, 40px);--nav-h: 76px;--scrollbar-thumb: rgba(99, 104, 109, .45);--scrollbar-thumb-hover: rgba(99, 104, 109, .75);color-scheme:light}:root[data-theme=dark]{--bg-page: #0a1012;--surface: #121a1c;--surface-2: #16201f;--surface-3: #1c2726;--fg-1: #e9eded;--fg-2: #b6bdbd;--fg-3: #8c9596;--fg-muted: #6c7677;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--danger: #f08a8a;--danger-bg: rgba(179, 43, 43, .18);--danger-border: rgba(179, 43, 43, .4);--primary-light: rgba(10, 138, 141, .2);--brand-teal-050: rgba(10, 138, 141, .12);--brand-teal-100: rgba(10, 138, 141, .16);--nav-bg: rgba(12, 18, 20, .8);--notice-bg: rgba(10, 138, 141, .16);--notice-fg: #bfe6e6;--row-hover: rgba(10, 138, 141, .12);--scrollbar-thumb: rgba(180, 187, 189, .28);--scrollbar-thumb-hover: rgba(180, 187, 189, .55);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-md: 0 6px 16px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55), 0 4px 10px rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{margin:0;background:var(--bg-page);color:var(--fg-1);font-family:var(--font-sans);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .25s ease}:where(.num,.mono,.kpi-val,.current-timer,.hc-count,.gauge-score,.dash-stat-value,td.mono){font-variant-numeric:tabular-nums}.t-h1{font-size:2.1rem;font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:1.2rem 0 1rem}.t-h2{font-size:1.55rem;font-weight:800;letter-spacing:-.025em;margin:.2rem 0}.t-h3,h2{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--fg-1);margin:1.7rem 0 .8rem}h1{letter-spacing:-.03em}.t-eyebrow{display:inline-block;background:var(--primary-light);color:var(--primary-dark);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:var(--radius-pill)}:root[data-theme=dark] .t-eyebrow{color:#8fd6d6}.muted{color:var(--fg-3)}.center{text-align:center}.strong{font-weight:700}.mono{font-family:var(--font-num);font-size:.85rem}.link{color:var(--brand-teal-500);text-decoration:none;font-weight:600;font-size:.85rem;transition:color .15s ease}.link:hover{color:var(--brand-teal-600);text-decoration:underline}:root[data-theme=dark] .link{color:#6fc9cb}.alert{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);padding:.7rem 1rem;border-radius:var(--radius-md);margin:.8rem 0}.notice{background:var(--notice-bg);color:var(--notice-fg);border:1px solid transparent;border-left:4px solid var(--brand-teal);padding:.65rem 1rem;margin:.6rem 0;border-radius:var(--radius-md)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--pad-x)}.page-main{padding-top:1.8rem;padding-bottom:4rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.page-main>*{animation:fadeUp .55s cubic-bezier(.16,1,.3,1) both}.page-main>*:nth-child(2){animation-delay:.05s}.page-main>*:nth-child(3){animation-delay:.1s}.page-main>*:nth-child(4){animation-delay:.15s}.page-main>*:nth-child(5){animation-delay:.2s}.page-main>*:nth-child(6){animation-delay:.25s}.page-main>*:nth-child(n+7){animation-delay:.3s}.nav{position:sticky;top:0;z-index:200;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--border-subtle)}.nav-inner{max-width:var(--container);margin:0 auto;padding:0 var(--pad-x);height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-left{display:flex;align-items:center;gap:18px}.nav-right{display:flex;align-items:center;gap:10px}.nav-brand{display:inline-flex;align-items:center;justify-content:center}.brand-logo{height:42px;width:auto;display:block}.brand-logo-dark,.login-logo-dark{display:none}:root[data-theme=dark] .brand-logo-light,:root[data-theme=dark] .login-logo-light{display:none}:root[data-theme=dark] .brand-logo-dark{display:block}:root[data-theme=dark] .login-logo-dark{display:block}.nav-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--fg-2);padding:8px 13px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--primary-light);color:var(--primary-dark)}:root[data-theme=dark] .nav-link:hover{color:#8fd6d6}.nav-link.active{background:var(--brand-teal);color:#fff}.nav-link.active:hover{background:var(--brand-teal-600);color:#fff}.topbar-user{font-size:.82rem;color:var(--fg-3);font-weight:600;padding-left:4px}.theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface);color:var(--fg-2);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.theme-toggle:hover{border-color:var(--brand-teal);color:var(--brand-teal-500)}.btn{display:inline-flex;align-items:center;gap:8px;padding:.55rem 1.05rem;font-family:var(--font-sans);font-size:.85rem;font-weight:700;border:1px solid var(--border-default);background:var(--surface);color:var(--fg-1);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.btn:hover:not(:disabled){border-color:var(--brand-teal);box-shadow:var(--shadow-xs)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--brand-teal);border-color:var(--brand-teal);color:#fff}.btn.primary:hover:not(:disabled){background:var(--brand-teal-600);box-shadow:0 4px 14px #0065684d}.btn.ghost{background:transparent}.btn.sm{padding:.4rem .8rem;font-size:.8rem}.btn:disabled{opacity:.55;cursor:default}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface);color:var(--fg-2);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.icon-btn:hover:not(:disabled){border-color:var(--brand-teal);color:var(--brand-teal-500);background:var(--primary-light)}.icon-btn:active:not(:disabled){transform:translateY(1px)}.icon-btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.icon-btn:disabled{opacity:.45;cursor:default}.splash{display:grid;place-items:center;height:100vh}.spinner{width:38px;height:38px;border:4px solid var(--surface-3);border-top-color:var(--brand-teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{position:relative;min-height:100vh;display:grid;place-items:center;padding:1rem;background:var(--hero-grad);overflow:hidden}.login-wrap:before,.login-wrap:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;pointer-events:none}.login-wrap:before{top:-220px;right:-200px;background:radial-gradient(circle,rgba(10,138,141,.4) 0%,transparent 70%)}.login-wrap:after{bottom:-240px;left:-200px;background:radial-gradient(circle,rgba(201,166,47,.22) 0%,transparent 70%)}.login-card{position:relative;z-index:1;background:var(--surface);border-radius:var(--radius-xl);padding:2.8rem 2.3rem;width:100%;max-width:392px;text-align:center;box-shadow:var(--shadow-lg);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.login-logo{width:340px;max-width:92%;height:auto;display:block;margin:0 auto .8rem}.login-sub{margin:0 0 1.9rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}.google-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;width:100%;padding:.78rem 1.2rem;border-radius:var(--radius-sm);background:#fff;border:1px solid #dadce0;color:#3c4043;font-family:var(--font-sans);font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.google-btn:hover{background:#f7f8f8;box-shadow:var(--shadow);transform:translateY(-1px)}.hero{position:relative;overflow:hidden;background:var(--hero-grad);color:#fff;padding:2.8rem 0 3rem}.hero:before{content:"";position:absolute;top:-200px;right:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(10,138,141,.35) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-240px;left:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(201,166,47,.16) 0%,transparent 70%);pointer-events:none}.hero .container{position:relative;z-index:1}.hero .t-eyebrow{background:#ffffff1f;color:#ffffffd9}.agent-hero{text-align:center}.current-status{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:.6rem 0 .1rem;text-shadow:0 1px 12px rgba(0,0,0,.25)}.current-timer{font-family:var(--font-num);font-size:3.6rem;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.12;text-shadow:0 2px 24px rgba(0,0,0,.3)}.agent-hero .muted{color:#ffffffa8}.dash-hero-inner{display:grid;grid-template-columns:1fr 220px;gap:2.4rem;align-items:center}.dash-hero-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:.7rem 0 .3rem}.dash-hero-sub{color:#ffffffa8;font-size:.95rem;margin-bottom:1.4rem}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.dash-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.85rem .9rem}.dash-stat-value{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;line-height:1}.dash-stat-label{display:block;margin-top:.35rem;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff9}.gauge{position:relative;width:200px;height:200px;margin:0 auto}.gauge-svg{width:200px;height:200px;display:block}.gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.gauge-score{font-size:2.7rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff}.gauge-pct{font-size:1.1rem;font-weight:700;color:#ffffff8c;margin-left:2px}.gauge-label{margin-top:.3rem;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff9}.status-control{display:flex;align-items:flex-end;gap:.9rem;margin:1.4rem 0 .3rem;position:relative;z-index:30}.status-select{flex:1}.status-select select{width:100%;font-size:1.1rem;font-weight:700;border-width:2px;padding:.85rem 2.4rem .85rem 1rem}.status-saving{color:var(--fg-3);font-size:.85rem;font-weight:600;padding-bottom:.95rem;white-space:nowrap}.phone-note{text-align:center;margin:-.3rem 0 .4rem}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem}.kpi{background:var(--surface);border:1px solid var(--border-subtle);padding:1rem 1.1rem 1.05rem;position:relative;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-teal)}.kpi--gold:before{background:var(--brand-gold)}.kpi-lab{font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.kpi-val{font-family:var(--font-num);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--fg-1);margin-top:.35rem}.kpi-bar{margin-top:.7rem;height:5px;background:var(--surface-3);border-radius:var(--radius-pill);overflow:hidden}.kpi-bar-fill{height:100%;width:0;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--brand-teal-500),var(--brand-teal));animation:growBar 1.3s cubic-bezier(.16,1,.3,1) forwards}.kpi--gold .kpi-bar-fill{background:linear-gradient(90deg,#e0c468,var(--brand-gold))}@keyframes growBar{0%{width:0}to{width:var(--w, 0%)}}.login-times{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:.9rem;color:var(--fg-2);font-size:.9rem}.table-wrap{overflow:visible;background:transparent;border:none;border-radius:0;box-shadow:none}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{padding:.6rem .8rem;text-align:left;white-space:nowrap}thead th{background:var(--bg-page);color:var(--fg-3);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--border-strong);position:sticky;top:var(--nav-h);z-index:3}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--brand-teal-500)}tbody td{border-bottom:1px solid var(--border-subtle);color:var(--fg-1)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--row-hover)}tbody tr.offline,tbody tr.offline td{color:var(--fg-muted)}.agent-name{font-weight:700}.status-pill{display:inline-block;color:#fff;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.board-toolbar{display:flex;align-items:flex-end;gap:.9rem;flex-wrap:wrap;margin:.4rem 0 1.1rem;position:relative;z-index:30}.select-field{display:inline-flex;flex-direction:column;gap:.4rem;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);min-width:0}.select-field.push-right{margin-left:auto}.select-field select,.select-field input[type=date]{font-family:var(--font-sans);font-size:.92rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--fg-1);height:42px;padding:0 .95rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;min-width:0;transition:border-color .15s ease,box-shadow .15s ease}.select-field select{padding-right:2.4rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%230a8a8d'%20d='M2.5%204h7L6%208.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:.7rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-field select:hover,.select-field input[type=date]:hover{border-color:var(--brand-teal)}.select-field select:focus,.select-field input[type=date]:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px #00656833}.select-field input[type=date]{cursor:pointer}.select-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;filter:var(--cal-filter, none)}:root[data-theme=dark] .select-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.toolbar-btn{align-self:flex-end}.headcount{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1.2rem}.hc-chip{display:flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--border-default);border-left:3px solid var(--fg-muted);padding:.42rem .85rem;font-family:inherit;font-weight:700;font-size:.82rem;color:var(--fg-1);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.hc-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hc-chip.active{border-color:var(--brand-teal);background:var(--primary-light)}.hc-chip.active .hc-label{color:var(--primary-dark)}:root[data-theme=dark] .hc-chip.active .hc-label{color:#8fd6d6}.hc-dot{width:9px;height:9px;border-radius:50%}.hc-label{color:var(--fg-2)}.hc-count{font-family:var(--font-num);background:var(--brand-teal-900);color:#fff;border-radius:var(--radius-pill);min-width:22px;text-align:center;padding:0 .4rem}:root[data-theme=dark] .hc-count{background:var(--brand-teal-500)}.hc-chip.total{border-left-color:var(--brand-gold)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;align-items:end}.form-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.form-grid input[type=text],.form-grid input[type=email],.form-grid input:not([type]){padding:.62rem .7rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg-1);font-family:var(--font-sans);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.form-grid input:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px #00656833}.form-grid label.checkbox{flex-direction:row;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--fg-1)}.form-actions{display:flex;gap:.6rem;margin-top:1.2rem}.row-actions{display:flex;gap:.4rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;padding:1rem;background:#0218198c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlayIn .2s ease both}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.6rem 1.7rem 1.8rem;animation:modalIn .26s cubic-bezier(.16,1,.3,1) both}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.modal-head h2{margin:0}.modal-close{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface);color:var(--fg-2);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.modal-close:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.dd{position:relative;display:inline-flex;flex-direction:column;gap:.4rem;min-width:0}.dd.push-right{margin-left:auto}.dd-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.dd-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;height:44px;min-width:190px;padding:0 .95rem;font-family:var(--font-sans);font-size:.92rem;font-weight:600;color:var(--fg-1);background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.dd-trigger:hover:not(:disabled){border-color:var(--brand-teal)}.dd-trigger:focus-visible{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px #00656833}.dd-trigger:disabled{opacity:.6;cursor:default}.dd-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-value.placeholder{color:var(--fg-muted);font-weight:500}.dd-caret{display:inline-grid;place-items:center;flex:none;color:var(--fg-3);transition:transform .18s ease}.dd-caret[data-open=true]{transform:rotate(180deg)}.dd-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;z-index:300;background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;animation:ddIn .14s ease both}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dd-opt{display:block;width:100%;text-align:left;padding:.55rem .7rem;font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:var(--fg-1);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s ease,color .12s ease}.dd-opt:hover:not(.disabled){background:var(--primary-light);color:var(--primary-dark)}:root[data-theme=dark] .dd-opt:hover:not(.disabled){color:#8fd6d6}.dd-opt.selected{background:var(--brand-teal);color:#fff;font-weight:600}.dd-opt.disabled{color:var(--fg-muted);cursor:default}.dd-search{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--fg-1);font-family:var(--font-sans);font-size:.88rem;padding:.5rem .6rem;margin-bottom:4px;outline:none}.dd-search:focus{border-color:var(--brand-teal);box-shadow:0 0 0 2px #0065682e}.dd-options{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.dd-empty{padding:.55rem .7rem;color:var(--fg-muted);font-size:.85rem}.dd-panel.cal{padding:10px;min-width:286px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-title{font-weight:700;font-size:.92rem;color:var(--fg-1)}.cal-nav{width:30px;height:30px;border:none;background:transparent;color:var(--fg-2);font-size:1.2rem;line-height:1;border-radius:var(--radius-sm);cursor:pointer}.cal-nav:hover{background:var(--primary-light);color:var(--primary-dark)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-wd{margin-bottom:4px}.cal-wd-cell{text-align:center;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);padding:2px 0}.cal-cell{height:34px;border:none;background:transparent;color:var(--fg-1);font-family:var(--font-sans);font-size:.85rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease,color .12s ease}.cal-cell.empty{cursor:default}.cal-cell:hover:not(:disabled):not(.empty){background:var(--primary-light);color:var(--primary-dark)}.cal-cell.today{box-shadow:inset 0 0 0 1px var(--brand-teal)}.cal-cell.sel{background:var(--brand-teal);color:#fff;font-weight:700}.cal-cell:disabled{color:var(--fg-muted);opacity:.4;cursor:default}.cal-foot{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-default)}.cal-link{border:none;background:transparent;color:var(--brand-teal-500);font-family:inherit;font-weight:600;font-size:.82rem;cursor:pointer}:root[data-theme=dark] .cal-link{color:#6fc9cb}.cal-link:hover{text-decoration:underline}.name-trigger{min-width:0;gap:.5rem}.name-text{font-weight:700;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-panel{left:auto;right:0;min-width:170px}.dd-date,.dd-input{height:44px;min-width:190px;padding:0 .95rem;font-family:var(--font-sans);font-size:.92rem;font-weight:600;text-align:left;color:var(--fg-1);background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.dd-input{cursor:text;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dd-date:hover,.dd-input:hover{border-color:var(--brand-teal)}.dd-date:focus,.dd-input:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px #00656833}.dd-date{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.4rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%238c9596'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m6%209%206%206%206-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:.95rem}.dd-date::-webkit-calendar-picker-indicator{opacity:0}.dd-date::-webkit-date-and-time-value{text-align:left;margin:0}:root[data-theme=dark] .dd-date{color-scheme:dark}.dd-opt-check{display:flex;align-items:center;gap:.55rem}.dd-box{width:17px;height:17px;flex:none;border:1.5px solid var(--border-strong);border-radius:5px;display:inline-grid;place-items:center;color:#fff}.dd-box.on{background:var(--brand-teal);border-color:var(--brand-teal)}.form-grid .dd,.form-grid .dd .dd-trigger{width:100%}.status-control{align-items:flex-end}.status-control .dd{flex:1}.status-select .dd-trigger{width:100%;height:52px;font-size:1.05rem;font-weight:700;border-width:2px}input[type=checkbox]{accent-color:var(--brand-teal)}.active-check{width:17px;height:17px;cursor:pointer}.container.dash-wide{max-width:1760px}.board{font-size:.82rem}.board th,.board td{padding:.46rem .55rem}.board thead th{white-space:normal}.icon-btn.toggle:not(.on){color:var(--fg-muted)}.icon-btn.toggle.on{background:var(--brand-teal);border-color:var(--brand-teal);color:#fff}.icon-btn.toggle.on:hover:not(:disabled){background:var(--brand-teal-600);border-color:var(--brand-teal-600);color:#fff}.aux-filter-mobile{display:none;margin:.2rem 0 1.2rem;position:relative;z-index:25}.view-tabs{display:inline-flex;gap:4px;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:4px;margin:.2rem 0 1.2rem}.view-tabs button{border:none;background:transparent;color:var(--fg-2);font-family:inherit;font-weight:600;font-size:.85rem;padding:.45rem 1rem;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s ease,color .15s ease}.view-tabs button:hover{color:var(--fg-1)}.view-tabs button.active{background:var(--brand-teal);color:#fff}@media (max-width: 760px){.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}thead th{position:static}.board-toolbar{flex-direction:column;align-items:stretch;gap:.7rem}.board-toolbar .dd,.board-toolbar .dd-trigger,.board-toolbar .dd-date,.board-toolbar .dd-input{width:100%}.dd.push-right{margin-left:0}.headcount{display:none}.aux-filter-mobile{display:flex}.aux-filter-mobile .dd,.aux-filter-mobile .dd-trigger{width:100%}}@media (max-width: 820px){.dash-hero-inner{grid-template-columns:1fr;gap:1.6rem}.gauge,.gauge-svg{width:180px;height:180px}.dd.push-right{margin-left:0}}@media (max-width: 640px){.nav-inner{height:auto;flex-wrap:wrap;gap:.5rem .7rem;padding-top:.6rem;padding-bottom:.6rem}.nav-links{gap:2px}.nav-link{padding:7px 10px;font-size:.8rem}.brand-logo{height:28px}.t-h1,.dash-hero-title{font-size:1.6rem}.dash-stats{grid-template-columns:repeat(2,1fr)}.hero{padding:2rem 0 2.2rem}.current-status{font-size:1.6rem}.current-timer{font-size:2.7rem}.status-control{flex-direction:column;align-items:stretch;gap:.4rem}.status-saving{padding-bottom:0}.topbar-user{display:none}th,td{padding:.5rem .6rem}}@media (max-width: 420px){.current-timer{font-size:2.2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
