@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&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;--neutral-000: #ffffff;--neutral-025: #fafafa;--neutral-050: #f1f1f1;--neutral-100: #e6e7e8;--neutral-200: #d4d6d8;--neutral-300: #b8bcbf;--neutral-400: #8a8f93;--neutral-500: #63686d;--neutral-600: #474c50;--neutral-900: #0f1215;--fg-1: var(--neutral-900);--fg-2: var(--neutral-600);--fg-3: var(--neutral-500);--fg-muted: var(--neutral-400);--fg-accent: var(--brand-gold-600);--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;--shadow-xs: 0 1px 2px rgba(2, 47, 49, .05);--shadow-sm: 0 1px 2px rgba(2, 47, 49, .06), 0 2px 6px rgba(2, 47, 49, .04);--shadow-md: 0 2px 4px rgba(2, 47, 49, .06), 0 6px 16px rgba(2, 47, 49, .06);--shadow-lg: 0 6px 12px rgba(2, 47, 49, .07), 0 16px 40px rgba(2, 47, 49, .1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--font-sans: "Google Sans", "Google Sans Text", "Product Sans", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Google Sans", "Google Sans Text", "Product Sans", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Google Sans", "Google Sans Text", "Product Sans", "Roboto", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--neutral-050);color:var(--fg-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.t-h1{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.035em;line-height:1.1;margin:.4rem 0 1rem}.t-h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:.2rem 0}.t-h3,h2{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--brand-teal-900);margin:1.4rem 0 .7rem}h1{font-family:var(--font-display);letter-spacing:-.03em}.t-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.muted{color:var(--fg-3)}.center{text-align:center}.strong{font-weight:700}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem}.link{color:var(--brand-teal);text-decoration:none;font-weight:700;font-size:.85rem}.link:hover{color:var(--brand-teal-600);text-decoration:underline}.alert{background:var(--danger-bg);color:var(--danger);border:1px solid #f3c9c9;padding:.7rem 1rem;border-radius:var(--radius-sm);margin:.8rem 0}.notice{background:var(--brand-teal-100);color:var(--brand-teal-900);border:1px solid var(--brand-teal-050);border-left:3px solid var(--brand-teal);padding:.6rem 1rem;margin:.6rem 0}.page{max-width:920px;margin:0 auto;padding:0 1.4rem 4rem}.page.wide{max-width:1280px}.brand-logo{height:36px;width:auto;display:block}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;margin:0 -1.4rem 1.2rem;padding:0 1.4rem;background:var(--neutral-000);border-bottom:1px solid var(--border-default)}.topbar-right{display:flex;align-items:center;gap:1.1rem}.topbar-user{font-size:.85rem;color:var(--fg-2);font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;padding:.6rem 1.1rem;font-family:var(--font-sans);font-size:.85rem;font-weight:700;border:1px solid var(--border-default);background:var(--neutral-000);color:var(--fg-1);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){border-color:var(--brand-teal)}.btn.primary{background:var(--brand-teal);border-color:var(--brand-teal);color:#fff}.btn.primary:hover:not(:disabled){background:var(--brand-teal-600)}.btn.ghost{background:transparent}.btn.sm{padding:.4rem .8rem;font-size:.8rem}.btn:disabled{opacity:.55;cursor:default}.splash{display:grid;place-items:center;height:100vh}.spinner{width:38px;height:38px;border:4px solid var(--neutral-100);border-top-color:var(--brand-teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(150deg,var(--brand-teal-800) 0%,var(--brand-teal-900) 100%);padding:1rem}.login-card{background:var(--neutral-000);border-radius:var(--radius-md);padding:2.6rem 2.2rem;width:100%;max-width:380px;text-align:center;box-shadow:var(--shadow-lg)}.login-logo{width:260px;max-width:86%;height:auto;display:block;margin:0 auto 2rem}.google-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;width:100%;padding:.72rem 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}.google-btn:hover{background:#f7f8f8;box-shadow:var(--shadow-xs)}.current-card{background:var(--neutral-000);border:1px solid var(--border-subtle);border-top:3px solid var(--brand-teal);padding:1.6rem;margin:1.2rem 0;text-align:center;box-shadow:var(--shadow-sm)}.current-status{font-family:var(--font-display);font-size:1.9rem;font-weight:700;letter-spacing:-.03em;margin:.3rem 0 .1rem}.current-timer{font-family:var(--font-mono);font-size:3.2rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--brand-teal-900);line-height:1.1}.buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;margin:1rem 0}.status-btn{padding:.95rem .5rem;border:1.5px solid;border-radius:var(--radius-sm);background:var(--neutral-000);font-family:var(--font-sans);font-size:.95rem;font-weight:700;cursor:pointer;transition:transform 80ms ease,box-shadow .12s ease}.status-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.status-btn:disabled{opacity:.55;cursor:default}.phone-note{text-align:center;margin:-.3rem 0 .4rem}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.7rem}.kpi{background:var(--neutral-000);border:1px solid var(--border-subtle);padding:.9rem 1rem;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.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:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.kpi-val{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--brand-teal-900);font-variant-numeric:tabular-nums;margin-top:.3rem}.login-times{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:.9rem;color:var(--fg-2);font-size:.9rem}.table-wrap{overflow-x:auto;border:1px solid var(--border-default);background:var(--neutral-000);box-shadow:var(--shadow-xs)}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{padding:.55rem .75rem;text-align:left;white-space:nowrap}thead th{background:var(--neutral-050);color:var(--fg-3);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border-strong);position:sticky;top:0}tbody td{border-bottom:1px solid var(--border-subtle)}tbody tr:hover{background:var(--brand-teal-050)}tbody tr.offline{color:var(--fg-muted)}.agent-name{font-weight:700}.status-pill{display:inline-block;color:#fff;padding:.18rem .6rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.6rem 0 1.1rem}.filters{display:flex;flex-wrap:wrap;gap:.4rem}.tz-select{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap}.tz-select select{font-family:var(--font-sans);font-size:.85rem;font-weight:700;text-transform:none;letter-spacing:0;color:var(--fg-1);padding:.4rem .6rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--neutral-000);cursor:pointer}.tz-select select:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px #0065682e}.filter-btn{padding:.4rem .85rem;border:1px solid var(--border-default);background:var(--neutral-000);border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:700;font-size:.82rem;color:var(--fg-2);cursor:pointer}.filter-btn:hover{border-color:var(--brand-teal);color:var(--brand-teal)}.filter-btn.active{background:var(--brand-teal);border-color:var(--brand-teal);color:#fff}.headcount{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1.2rem}.hc-chip{display:flex;align-items:center;gap:.45rem;background:var(--neutral-000);border:1px solid var(--border-default);border-left:3px solid var(--neutral-300);padding:.4rem .8rem;font-weight:700;font-size:.82rem;box-shadow:var(--shadow-xs)}.hc-dot{width:9px;height:9px;border-radius:50%}.hc-label{color:var(--fg-2)}.hc-count{font-family:var(--font-mono);background:var(--brand-teal-900);color:#fff;border-radius:var(--radius-sm);min-width:22px;text-align:center;padding:0 .35rem;font-variant-numeric:tabular-nums}.hc-chip.total{border-left-color:var(--brand-gold)}.roster-form{background:var(--neutral-000);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);padding:1.1rem 1.3rem;margin:.6rem 0 1.4rem}.roster-form h2{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;align-items:end}.form-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.7rem;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:.55rem .65rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem}.form-grid input:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px #0065682e}.form-grid label.checkbox{flex-direction:row;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0;font-size:.9rem}.form-actions{display:flex;gap:.6rem;margin-top:.9rem}.row-actions{display:flex;gap:.9rem}.row-actions .link{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-weight:700;color:var(--brand-teal)}.danger-link{color:var(--danger)!important}.current-card,.kpi,.table-wrap,.roster-form,.alert,.notice{border-radius:var(--radius-md)}.login-card{border-radius:var(--radius-lg)}.hc-chip,.hc-count,.status-pill{border-radius:var(--radius-pill)}.notice{border-left-width:4px}.select-field{display:inline-flex;flex-direction:column;gap:.35rem;font-size:.66rem;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);padding:.6rem .85rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--neutral-000);cursor:pointer;min-width:0}.select-field select{padding-right:2.2rem;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%2363686d'%20d='M3%204.5h6L6%209z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:.7rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-field select:focus,.select-field input[type=date]:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px #0065682e}.status-control{display:flex;align-items:flex-end;gap:.9rem;margin:1.2rem 0 .3rem}.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}.table-wrap{overflow:hidden;overflow-x:auto}@media (max-width: 820px){.board-toolbar{flex-direction:column;align-items:stretch}.select-field.push-right{margin-left:0}.select-field,.select-field select,.select-field input[type=date]{width:100%}}@media (max-width: 640px){.page{padding:0 1rem 3rem}.topbar{height:auto;flex-wrap:wrap;gap:.5rem .9rem;padding:.7rem 1rem;margin:0 -1rem 1rem}.topbar-right{gap:.8rem;flex-wrap:wrap}.brand-logo{height:28px}.t-h1{font-size:1.5rem}.current-card{padding:1.2rem 1rem}.current-status{font-size:1.5rem}.current-timer{font-size:2.5rem}.status-control{flex-direction:column;align-items:stretch;gap:.4rem}.status-saving{padding-bottom:0}th,td{padding:.45rem .55rem}}@media (max-width: 420px){.topbar-user{display:none}.current-timer{font-size:2.1rem}}