@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #e9ede4;--surface: #ffffff;--surface-elevated: #ffffff;--surface-alt: #f8faf6;--sidebar-bg: #0c100d;--sidebar-bg-elevated: #121713;--text: #10140f;--muted: #5e6a5c;--text-inverse: #f6f9f4;--muted-inverse: #a7b3a4;--border: #dee5da;--border-strong: #c6d0c0;--accent: #256c44;--accent-dark: #143c26;--accent-soft: #e3f1e8;--positive: #256c44;--positive-soft: #e3f1e8;--warning: #9c6a12;--warning-soft: #faf0da;--critical: #a83232;--critical-soft: #f9eaea;--info: #2b5f95;--info-soft: #e8f0f8;--neutral: #626d60;--neutral-soft: #eef1ec;--focus-ring: 0 0 0 3px rgba(37, 108, 68, .32);--shadow-sm: 0 1px 2px rgba(12, 16, 12, .09), 0 1px 1px rgba(12, 16, 12, .06);--shadow: 0 1px 2px rgba(16, 21, 18, .07), 0 14px 32px rgba(16, 21, 18, .14);--shadow-lg: 0 2px 4px rgba(12, 16, 12, .1), 0 28px 60px rgba(12, 16, 12, .22);--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space: 20px;--space-lg: 28px;--space-xl: 40px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14.5px;--font-size-lg: 17px;--font-size-xl: 22px;--control-height: 42px;--control-height-sm: 34px}@media(prefers-color-scheme:dark){:root{--bg: #12160f;--surface: #191f19;--surface-elevated: #1e251e;--surface-alt: #171d16;--text: #f2f5ee;--muted: #a4b0a1;--border: #2b332a;--border-strong: #3a453a;--accent: #57b57e;--accent-dark: #7fcf9c;--accent-soft: #1c3327;--positive: #57b57e;--positive-soft: #1c3327;--warning: #d9a441;--warning-soft: #3a2f14;--critical: #e07a7a;--critical-soft: #3a1e1e;--info: #6ea5da;--info-soft: #1c2c3a;--neutral: #a3ac9f;--neutral-soft: #232a22;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .32), 0 14px 32px rgba(0, 0, 0, .42);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 28px 60px rgba(0, 0, 0, .55)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 6% -10%,rgba(37,108,68,.07),transparent 32%),radial-gradient(circle at 96% 0%,rgba(37,108,68,.05),transparent 30%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-body);letter-spacing:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}button,input,select,textarea{font:inherit;color:var(--text)}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}a{color:inherit}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);align-items:center;gap:48px;padding:clamp(24px,6vw,72px)}.brand-block{display:grid;gap:8px}.brand-logo{display:block;height:40px;width:auto}.brand-product,.eyebrow,.panel-note,.fine-print{color:var(--muted);font-size:13px}.paw-mark{width:24px;height:24px;fill:var(--accent);flex:0 0 auto}.auth-panel{max-width:560px;padding:clamp(28px,5vw,52px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.auth-panel h1{margin:0;font-size:48px;line-height:1.02}.page-heading h1{margin:0;font-size:30px;line-height:1.15}.auth-panel p{color:var(--muted);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:0 20px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:var(--font-size-md);text-decoration:none;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease,transform 80ms ease}.button:hover:not(:disabled){box-shadow:var(--shadow-sm)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent-dark);color:#fff;box-shadow:0 8px 24px #256c443d}.button.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 10px 28px #256c4452}.button.critical{background:var(--critical);border-color:var(--critical);color:#fff}.button.critical:hover:not(:disabled){filter:brightness(1.08)}.button.secondary:hover:not(:disabled),.nav-item:hover{border-color:var(--accent);color:var(--accent-dark)}.app-shell{min-height:100vh;display:grid;grid-template-columns:216px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:var(--space-md) var(--space-sm);background:var(--sidebar-bg);color:var(--text-inverse);display:flex;flex-direction:column;gap:var(--space-md);border-right:1px solid rgba(255,255,255,.06);box-shadow:6px 0 32px #080a0838;z-index:2}.sidebar .brand-product,.sidebar .eyebrow{color:var(--muted-inverse)}.content{min-width:0;padding:clamp(22px,4vw,48px)}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:var(--space-lg)}.nav-list{list-style:none;display:grid;gap:3px;padding:0;margin:0}.nav-item{width:100%;min-height:var(--control-height);display:flex;align-items:center;gap:10px;border:1px solid transparent;border-left:3px solid transparent;border-radius:var(--radius-sm);background:transparent;color:inherit;text-align:left;padding:0 12px;font-weight:700;font-size:var(--font-size-md);transition:background-color .12s ease,border-color .12s ease}.nav-item svg{flex:0 0 auto;opacity:.85}.nav-item.active{background:#57b57e29;border-left-color:var(--accent);color:var(--text-inverse);font-weight:800}.nav-item.disabled{display:flex;align-items:center;color:#5c6659}.user-panel{padding:var(--space-sm) var(--space-md);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);display:grid;gap:4px}.user-panel strong{color:#bfe6ca;text-transform:capitalize}.page-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space);min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);min-width:0}.metric,.panel,.state-message,.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .16s ease,transform .16s ease}.panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric{padding:var(--space-md);display:grid;gap:8px;text-align:left}.metric span{color:var(--muted);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.metric strong{font-size:28px;line-height:1.1}.metric.positive strong{color:var(--positive)}.metric.warning strong{color:var(--warning)}.metric.critical strong{color:var(--critical)}.metric.accent strong{color:var(--accent)}.metric-button{width:100%;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.metric-button:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{padding:20px}.panel-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.panel h2,.state-message h2{margin:0;font-size:20px}.rank-list{list-style:none;display:grid;gap:10px;padding:0;margin:0}.rank-list li{display:flex;justify-content:space-between;gap:14px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-elevated)}.table-scroll{overflow-x:auto}.scorecard-table-wrap{max-height:68vh}table{width:100%;border-collapse:collapse;font-size:var(--font-size-md)}.scorecard-table-wrap table{min-width:640px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0;z-index:1;background:var(--surface);box-shadow:0 1px 0 var(--border)}tbody tr:hover{background:var(--surface-alt)}.subtext{display:block;color:var(--muted);font-size:var(--font-size-xs);margin-top:4px}.truncate-note{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;min-height:26px;align-items:center;border-radius:999px;padding:0 10px;background:var(--neutral-soft);border:1px solid var(--border);color:var(--neutral);font-weight:700;font-size:var(--font-size-xs)}.badge.green,.badge.complete,.badge.resolved,.badge.coached{color:var(--positive);background:var(--positive-soft)}.badge.red,.badge.confirmed-error,.badge.waiting-for-agent{color:var(--critical);background:var(--critical-soft)}.badge.pending,.badge.pending-review,.badge.action-plan-submitted,.badge.follow-up-needed{color:var(--warning);background:var(--warning-soft)}.badge-button{border:1px solid var(--border);cursor:pointer;font:inherit}.badge-button:hover{border-color:var(--accent);filter:brightness(.98)}.coaching-status-button{text-decoration:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.status-select-wrap{display:grid;gap:4px;justify-items:start}.status-select{max-width:110px;border-radius:999px;border:1px solid var(--border);padding:5px 8px;background:var(--neutral-soft);color:var(--muted);font:inherit;font-size:var(--font-size-xs);font-weight:700;cursor:pointer}.status-select:hover:not(:disabled){border-color:var(--accent)}.status-select:disabled{opacity:.55;cursor:progress}.status-select:focus-visible{outline:2px solid rgba(37,108,68,.42);outline-offset:1px}.status-select-green{color:var(--positive);background:var(--positive-soft);border-color:var(--positive)}.status-select-red{color:var(--critical);background:var(--critical-soft);border-color:var(--critical)}.status-select-pending{color:var(--warning);background:var(--warning-soft);border-color:var(--warning)}.status-select-off{color:var(--muted);background:var(--neutral-soft);border-color:var(--muted)}.status-saving{font-size:11px;color:var(--muted)}.filter-bar{padding:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-bar label{font-weight:900}.filter-bar input,.filter-bar select{min-height:42px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;background:var(--surface)}.filter-field{display:grid;gap:4px;min-width:0}.filter-field label{font-size:var(--font-size-xs);font-weight:700;color:var(--muted)}.filter-field input,.filter-field select{width:100%}.scorecard-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}.scorecard-filters .filter-field{align-self:end}.scorecard-filters input,.scorecard-filters select{width:100%}.link-button,.sort-button{border:0;background:transparent;color:var(--accent-dark);padding:0;font:inherit;font-weight:900;text-align:left;cursor:pointer}.sort-button{color:var(--muted);text-transform:uppercase;font-size:12px}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--surface-alt)}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px}.detail-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0a0e0a75}.detail-drawer{position:absolute;inset:0 0 0 auto;width:min(720px,100vw);overflow-y:auto;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);padding:var(--space-lg);display:grid;align-content:start;gap:var(--space)}.detail-drawer-wide{width:min(880px,100vw)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-header h2,.detail-header p,.detail-drawer h3,.detail-drawer h4{margin:0}.detail-header p{color:var(--muted);margin-top:4px}.detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.detail-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm)}.report-detail{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt)}.detail-section{padding-top:var(--space-sm);border-top:1px solid var(--border);display:grid;gap:var(--space-sm)}.definition-list{display:grid;gap:8px;margin:0}.definition-row{display:grid;grid-template-columns:minmax(120px,.85fr) 1.15fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:var(--font-size-sm)}.definition-row dt{color:var(--muted);font-weight:700}.definition-row dd{margin:0;color:var(--text);word-break:break-word}.confirm-dialog-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:41;display:grid;place-items:center;padding:var(--space-md);pointer-events:none}.confirm-dialog{pointer-events:auto;width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg);display:grid;gap:var(--space-sm)}.confirm-dialog h2{margin:0;font-size:var(--font-size-lg)}.confirm-dialog p{margin:0;color:var(--muted)}.confirm-dialog-actions{justify-content:flex-end;margin-top:var(--space-xs)}.filter-active-hint{font-size:var(--font-size-xs);font-weight:700;color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;padding:4px 10px}.history-strip{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));gap:8px;margin-top:12px}.history-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;display:grid;gap:4px}.history-item span{color:var(--muted);font-size:12px}.skeleton.compact{min-height:90px}.reports-filters,.attendance-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}.reports-filters .filter-field,.attendance-filters .filter-field{align-self:end}.schedule-cell{white-space:pre-line;color:var(--muted);font-size:var(--font-size-sm)}.management-form{margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border);display:grid;gap:var(--space-sm);max-width:420px}.management-form h3,.management-form h4{font-size:var(--font-size-md)}.management-form label{display:grid;gap:6px;font-weight:700;font-size:var(--font-size-sm);color:var(--muted)}.management-form input,.management-form select,.management-form textarea{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;background:var(--surface);color:var(--text);font:inherit}.management-form input:focus-visible,.management-form select:focus-visible,.management-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0}.management-form textarea{min-height:90px;resize:vertical}.bulk-preview{max-height:280px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.button-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.checkbox-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:var(--font-size-sm);font-weight:700;cursor:pointer}.chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.chip{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--surface-alt);border-radius:999px;padding:6px 14px;font-size:var(--font-size-sm);font-weight:700;color:var(--text)}.checkbox-pill:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.state-message.success{border-color:var(--positive)}.unsupported-list{display:grid;gap:10px;color:var(--muted)}.unsupported-list p{margin:0}.unsupported-list strong{color:var(--text)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,tr:focus-visible,.detail-drawer:focus-visible,.confirm-dialog:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:var(--focus-ring)}.empty-state,.coming-soon{min-height:150px;display:grid;place-items:center;text-align:center;color:var(--muted)}.state-message{padding:22px}.state-message.error{border-color:var(--critical)}.skeleton{min-height:120px;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-alt),var(--surface),var(--surface-alt));background-size:220% 100%;animation:pulse 1.2s linear infinite}.skeleton.hero{min-height:220px}.loader{width:44px;height:44px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}.mobile-bar,.drawer-layer{display:none}.icon-button{width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:grid;place-content:center;gap:4px}.icon-button span{display:block;width:18px;height:2px;background:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{background-position:-220% 0}}@keyframes fade-in{0%{opacity:0}}@keyframes drawer-slide-in{0%{transform:translate(24px);opacity:0}}@keyframes dialog-pop-in{0%{transform:translateY(8px) scale(.98);opacity:0}}@media(prefers-reduced-motion:no-preference){.detail-backdrop{animation:fade-in .16s ease both}.detail-drawer{animation:drawer-slide-in .22s cubic-bezier(.16,1,.3,1) both}.confirm-dialog{animation:dialog-pop-in .18s cubic-bezier(.16,1,.3,1) both}}@media(max-width:920px){.auth-screen,.app-shell,.grid-two{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.mobile-bar{display:flex;position:sticky;top:0;z-index:10;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border)}.mobile-bar span{display:block;color:var(--muted);font-size:12px}.drawer-layer{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0a0e0a80}.drawer{position:relative;width:min(340px,88vw);min-height:100%;padding:var(--space-md);background:var(--sidebar-bg);color:var(--text-inverse);display:flex;flex-direction:column;gap:var(--space-lg)}.drawer-close{align-self:end;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:transparent;color:var(--text-inverse);min-height:36px;padding:0 12px}.metric-grid,.scorecard-filters,.reports-filters,.attendance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:stretch}}@media(max-width:560px){.auth-screen,.content{padding:18px}.page-heading{flex-direction:column}.auth-panel h1{font-size:34px}.page-heading h1{font-size:26px}.metric-grid,.scorecard-filters,.reports-filters,.attendance-filters,.detail-metrics,.history-strip{grid-template-columns:minmax(0,1fr)}.detail-drawer{width:100vw;padding:18px}.detail-list li,.pagination{align-items:stretch;flex-direction:column}.definition-row{grid-template-columns:minmax(0,1fr);gap:2px}}