:root{font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:grid;grid-template-rows:1fr auto}.app-content{min-height:0}.app-footer{text-align:center;font-size:14px;color:#64748b;padding:14px 12px 20px}h1,h2,h3{margin:0 0 12px}p{margin:0 0 16px}.page{max-width:1200px;margin:0 auto;padding:32px}.app-footer{margin-top:24px;color:#64748b;font-size:13px}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.header-actions{display:flex;align-items:center;gap:12px}.primary,.secondary,.ghost,.danger{border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600}.primary{background:#2563eb;color:#fff}.secondary{background:#e2e8f0;color:#1e293b}.ghost{background:transparent;color:#1e293b}.logout-button{border:1px solid #f8fafc;color:#f8fafc;background:#0f172a5c}.logout-button:hover{background:#0f172a85}.logout-button:focus-visible{outline:2px solid #f8fafc;outline-offset:2px}.logout-button:active{background:#0f172a99}.danger{background:#fee2e2;color:#991b1b}.primary:disabled,.secondary:disabled{opacity:.6;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.dashboard-layout{display:grid;gap:16px}.dashboard-top-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:stretch}.dashboard-full-row{width:100%}.dashboard-bottom-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:stretch}.span-2{grid-column:1 / -1}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0f172a14}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.list-row{border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}.actions{display:flex;gap:8px}.badge{background:#e0f2fe;color:#0369a1;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.muted{color:#64748b;font-size:13px}.label{display:block;font-size:12px;color:#94a3b8}.stats{display:grid;gap:12px}.manager-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:12px}.admin-system-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}.admin-stat-tile{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;display:grid;gap:4px;background:#f8fafc}.admin-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-system-list{max-height:360px;overflow:auto}.admin-org-row{cursor:pointer}.admin-org-row:hover{border-color:#93c5fd}.admin-org-row.selected{border-color:#2563eb;background:#eff6ff}.manager-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.manager-calls-table .table-row{grid-template-columns:minmax(88px,1fr) minmax(90px,auto) minmax(110px,auto) minmax(112px,auto)}.table{display:grid;gap:8px}.table-row{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px}.table-row:not(.table-header){cursor:pointer}.table-row:not(.table-header):hover{border-color:#93c5fd}.table-row.selected{border-color:#2563eb;background:#eff6ff}.table-row.lead-table{grid-template-columns:1.05fr 1fr .75fr .8fr minmax(112px,auto)}.table-header{background:#f1f5f9;font-weight:600}.score-chip{background:#e0f2fe;color:#0369a1;border-radius:999px;padding:4px 10px;font-weight:600;width:fit-content}.call-audio-cell{display:flex;justify-content:flex-end}.call-audio-button{min-width:112px;padding:7px 10px;font-size:12px}.table-audio-player-row{border:1px solid #dbeafe;background:#eff6ff;border-radius:10px;padding:10px 12px;margin-top:-2px}.table-audio-player-row audio{width:100%}.table-audio-feedback{margin:-2px 0 0;border-radius:10px;font-size:12px;padding:8px 10px}.trend-chart{position:relative;display:grid;gap:8px}.trend-chart svg{width:100%;height:auto}.trend-axis-line{stroke:#cbd5f5;stroke-width:2}.trend-axis-tick{stroke:#94a3b8;stroke-width:1.25}.trend-axis-label{fill:#64748b;font-size:11px}.trend-line{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-chart circle{fill:#2563eb}.trend-point{stroke:#f8fafc;stroke-width:1.5}.trend-point-tooltip{position:absolute;min-width:240px;max-width:min(320px,calc(100vw - 48px));transform:translate(-50%,calc(-100% - 10px));background:#0f172af5;color:#f8fafc;border-radius:10px;padding:10px 12px;box-shadow:0 10px 30px #0f172a59;display:grid;gap:6px;z-index:10;pointer-events:none}.trend-point-tooltip-title{font-size:13px;font-weight:700}.trend-point-tooltip-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px}.trend-point-tooltip-row span{color:#cbd5e1}.trend-point-tooltip-row strong{text-align:right;font-weight:600}.trend-point-tooltip-call-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-all}.trend-labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;font-size:12px;color:#64748b}.trend-labels span{text-align:center}.trend-labels span:first-child{text-align:left}.trend-labels span:last-child{text-align:right}.manager-trend-legend{display:flex;flex-wrap:wrap;gap:8px 14px}.manager-trend-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#475569}.manager-trend-legend-dot{width:10px;height:10px;border-radius:999px}.criteria-filter{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;display:grid;gap:10px}.criteria-filter-actions{display:flex;justify-content:flex-end;gap:8px}.criteria-filter-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 12px}.criteria-filter-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--criteria-color, #1e293b);border:1px solid var(--criteria-color, #e2e8f0);border-radius:10px;padding:8px 10px;background:#f8fafc}.criteria-filter-item input{margin:0}.criteria-filter-item span{font-weight:600}.call-summary-controls{margin-bottom:12px}.call-summary-select{width:100%}.call-summary-meta{border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 12px;margin-bottom:12px}.call-summary-meta div{display:grid;gap:4px}.call-summary-meta span{font-size:12px;color:#64748b}.call-summary-meta strong{font-size:14px;color:#0f172a}.call-summary-criteria-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.call-summary-criteria-item{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#fff;display:grid;gap:5px}.call-summary-criteria-title{font-weight:700;font-size:14px;color:#0f172a}.call-summary-criteria-score{color:#334155;font-size:13px;font-weight:600}.call-summary-criteria-item p{margin:0;font-size:13px;color:#1e293b}.call-summary-total{margin-top:12px;border-top:1px solid #e2e8f0;padding-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.call-summary-total span{font-size:13px;color:#64748b}.call-summary-total strong{font-size:16px;color:#0f172a}.criteria-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.criteria-item{border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:grid;gap:6px}.criteria-header{display:flex;justify-content:space-between;gap:12px}.criteria-percent{color:#dc2626;font-weight:700}.criteria-recommendation{margin:0;color:#1e293b;font-size:14px}.rating-list{display:grid;gap:10px}.rating-row{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#fff;display:grid;grid-template-columns:32px 1fr 80px 80px;gap:8px;align-items:center;font-size:14px;cursor:pointer;text-align:left}.rating-row:hover{border-color:#93c5fd}.rating-row.selected{border-color:#2563eb;background:#eff6ff}.rating-rank{font-weight:700;color:#2563eb}.rating-percent{font-weight:700;color:#0f172a}.rating-calls{color:#64748b;font-size:12px}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.chart-filters{margin-top:12px;display:grid;gap:12px}.chart-filters-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.period-custom-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.period-custom-field{display:grid;gap:4px;font-size:12px;color:#475569}.period-custom-field input{min-width:142px;padding:7px 8px;font-size:13px}.selection-note{margin-top:0}.criteria-filter-toggle{margin-left:auto}.dev-banner{background:#fff7ed;color:#9a3412;padding:10px 12px;border-radius:10px;border:1px solid #fed7aa;margin-bottom:12px;font-size:13px}.range-hint{background:#ecfeff;border:1px solid #99f6e4;border-radius:10px;color:#155e75;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;padding:10px 12px}.range-hint .muted{color:#0f766e}.range-hint-actions{display:flex;gap:8px;flex-wrap:wrap}.login{min-height:100vh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:24px}.login .app-footer{margin-top:0;text-align:center}.login-card{width:min(420px,100%);background:#fff;padding:32px;border-radius:20px;box-shadow:0 20px 40px #0f172a1f}.login-card form{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:600}input{border-radius:10px;border:1px solid #e2e8f0;padding:10px 12px;font-size:14px}.error{padding:10px 12px;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:13px}.success{padding:10px 12px;background:#dcfce7;color:#166534;border-radius:8px;font-size:13px;margin-bottom:12px}.shell{display:flex;min-height:100vh}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;padding:20px;z-index:1000}.modal-card{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0f172a38;padding:20px}.manager-create-form{display:grid;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.sidebar{width:240px;background:#0f172a;color:#f8fafc;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.sidebar-top{display:grid;gap:6px}.sidebar-name{font-weight:600;margin-top:12px}.sidebar .muted{color:#f8fafcb3}.sidebar-bottom{display:grid;gap:12px}.avatar{width:48px;height:48px;border-radius:16px;background:#94a3b833;display:grid;place-items:center;font-weight:700;font-size:18px}.content{flex:1;display:flex;flex-direction:column;padding:32px}@media(max-width:1024px){.dashboard-top-row,.manager-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.dashboard-top-row,.dashboard-bottom-row,.admin-system-grid{grid-template-columns:1fr}.chart-filters-head{flex-direction:column;align-items:stretch}.period-custom-controls{width:100%}.period-custom-field{flex:1;min-width:120px}.period-custom-field input{min-width:0;width:100%}.criteria-filter-toggle{margin-left:0;align-self:flex-end}.manager-summary-stats,.manager-bottom-grid{grid-template-columns:1fr}.modal-overlay{padding:12px}.modal-card{width:100%;max-height:calc(100vh - 24px)}.modal-actions{flex-direction:column-reverse}.range-hint{flex-direction:column;align-items:flex-start}}