.interviews-page{max-width:1700px;margin:auto;padding:32px}.interviews-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.interviews-heading p{margin-top:6px}.interview-connection{border:1px solid var(--line);background:var(--surface);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:14px 16px;display:flex}.interview-connection>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.interview-connection small,.interview-agenda-row small,.interview-recording small{margin-top:4px;display:block}.interview-calendar-toolbar,.interview-calendar-toolbar>div{align-items:center;gap:8px;display:flex}.interview-calendar-toolbar{justify-content:space-between;margin:24px 0 16px}.interview-calendar-toolbar h2{margin-left:12px}.interview-calendar-scroll{border:1px solid var(--line);border-radius:10px;overflow:auto}.interview-calendar{grid-template-columns:repeat(7,minmax(0,1fr));min-width:700px;display:grid}.calendar-weekday{text-align:center;color:var(--muted);background:var(--surface);padding:13px;font-size:.8rem}.calendar-day{border-top:1px solid var(--line);border-right:1px solid var(--line);min-height:128px;padding:8px}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{color:#9da7b5;background:#fafbfd}.calendar-day.today{background:#f1f6ff}.calendar-date{justify-content:center;align-items:center;width:25px;height:25px;font-size:.8rem;display:inline-flex}.today .calendar-date{background:var(--blue);color:#fff;border-radius:50%}.calendar-event{border-left:3px solid var(--blue);background:#e8f0ff;border-radius:4px;margin-top:7px;overflow:hidden}.calendar-event>a,.calendar-event>button{color:#21467e;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:7px;font-size:.72rem;display:flex}.calendar-event strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.calendar-event .event-details{border-top:1px solid #d3e1f5;padding:4px 7px;font-size:.65rem}.calendar-event.cancelled{opacity:.65;border-left-color:var(--muted);background:#eef0f3}.calendar-event.cancelled strong{text-decoration:line-through}.interview-agenda{margin-top:26px}.interview-agenda h2{margin-bottom:12px}.interview-agenda-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.interview-agenda-row>div:last-child{align-items:center;gap:15px;display:flex}.interview-agenda-row a,.interview-recording a{align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.interview-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:35px;display:flex}.interview-details{flex-direction:column;gap:16px;display:flex}.interview-attendee{overflow-wrap:anywhere;justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.interview-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.interview-button{border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.875rem;display:inline-flex}.interview-recording{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.interview-recording>div{flex:1}.interviewer-picker{border:1px solid var(--line);border-radius:8px;margin:20px 0;padding:12px}.interviewer-picker label{align-items:center;gap:10px;margin:10px 0;font-size:.875rem;display:flex}.interviewer-picker input{flex-shrink:0;width:17px;height:17px}.interviewer-picker span{overflow-wrap:anywhere}.interview-notice{color:#21467e;background:#eef6ff;border-radius:7px;margin:12px 0;padding:10px 14px}@media (max-width:800px){.interviews-page{padding:20px 16px}.interviews-heading,.interview-connection{flex-direction:column;align-items:flex-start}.interview-calendar-toolbar{flex-wrap:wrap}.interview-calendar-toolbar h2{margin-left:4px;font-size:1rem}.interview-agenda-row{flex-direction:column;align-items:flex-start}.interview-attendee{flex-direction:column;gap:4px}.interview-recording{flex-wrap:wrap}.interview-recording a{width:100%;margin-left:33px}}.interview-time-grid{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr));gap:10px;display:grid}.interview-time-grid .field{gap:5px;min-width:0;margin:0}.interview-time-grid input,.interview-time-grid select{min-height:38px;padding:8px 9px;font-size:.8125rem}.interview-timezone{margin-top:5px;display:block}@media (max-width:500px){.interview-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.interview-time-grid .field:first-child{grid-column:1/-1}}.interviews-page{scrollbar-gutter:stable;flex:1;width:100%;min-height:0;margin:0 auto;overflow-y:auto}@media (max-width:720px){.interview-calendar-scroll{display:none}.interview-agenda{margin-top:12px}.interviews-heading{margin-bottom:12px}.interviews-heading p,.interview-connection small{display:none}.interview-connection{flex-direction:row;align-items:center;margin:12px 0;padding:10px 12px}.interview-connection strong{overflow-wrap:anywhere}}.candidate-picker{position:relative}.candidate-picker input{width:100%}.candidate-picker [role=listbox]{z-index:10;border:1px solid var(--line);background:#fff;border-radius:8px;max-height:280px;font-weight:400;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0d1d311f}.candidate-picker [role=option]{cursor:pointer;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.candidate-picker [role=option].active{background:var(--surface)}.candidate-picker [role=option] small,.candidate-picker [role=listbox] p{color:var(--muted);overflow-wrap:anywhere}.candidate-picker [role=listbox] p{margin:0;padding:10px 12px}
.recordings-body{padding-top:24px}.recording-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.recording-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.recording-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #15243b14}.recording-thumb{aspect-ratio:16/9;color:#fff;background:radial-gradient(circle at 30% 20%,#2f5fb8 0,#0000 55%),linear-gradient(135deg,#0f1d33,#1b3561);border:0;border-radius:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative}.recording-play,.recording-length{z-index:1}.recording-thumb:disabled{cursor:default;color:var(--muted);background:linear-gradient(135deg,#eef2f8,#e2e8f2)}.recording-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a122073;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding-left:3px;transition:transform .15s,background .15s;display:flex;position:relative}.recording-thumb:not(:disabled):hover .recording-play{background:var(--blue);border-color:var(--blue);transform:scale(1.08)}.recording-pending{align-items:center;gap:8px;font-size:.8rem;display:flex}.recording-length{color:#fff;background:#0a1220bf;border-radius:5px;padding:3px 7px;font-size:.72rem;font-weight:600;position:absolute;bottom:10px;right:10px}.recording-thumb:disabled .recording-length{color:var(--muted);background:#fff}.recording-body{flex-direction:column;gap:3px;min-width:0;padding:14px 16px 12px;display:flex}.recording-body strong{font-size:.95rem}.recording-body span,.recording-body small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.recording-body small{font-size:.75rem}.recording-links{border-top:1px solid #f0f3f8;gap:14px;margin-top:10px;padding-top:10px;display:flex}.recording-links button,.recording-links a{color:var(--blue);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:.8rem;font-weight:600;display:inline-flex}.recording-player{aspect-ratio:16/9;background:#0a1220;border-radius:10px;width:100%;overflow:hidden}.recording-player iframe,.recording-player video{border:0;width:100%;height:100%;display:block}.recording-loading{color:#fff;justify-content:center;align-items:center;height:100%;display:flex}.recording-note{color:var(--muted);margin-top:18px;font-size:.8rem}.recording-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;max-width:440px;margin:auto;padding:60px 20px;display:flex}.recording-empty h3{color:var(--text)}.recording-empty.compact{padding:30px 16px}.candidate-recordings{padding:18px 0}.candidate-recordings .recording-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.recording-transcript{max-height:45vh;padding:16px 4px;line-height:1.6;overflow:auto}.recording-transcript p{margin:12px 0}.recording-transcript small{color:var(--muted)}
.metrics-page{flex:1;width:100%;min-width:0;max-width:1600px;min-height:0;margin:auto;padding:32px;overflow-y:auto}.metrics-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.metrics-heading h1{letter-spacing:-.8px;font-size:28px}.metrics-heading p{color:var(--muted);margin-top:5px;font-size:14px}.metrics-filters{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:20px;padding:20px}.metrics-periods{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.metrics-periods>span{color:var(--muted);margin-right:6px;font-size:12px;font-weight:600}.metrics-periods button{padding:5px 10px;font-size:12px}.metrics-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metrics-field{flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:600;display:flex}.metrics-field input,.metrics-field select{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#fff;border-radius:6px;padding:9px;font-size:13px}.metrics-caption{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}.metrics-activity-panel{margin-bottom:20px}.metrics-activity{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.metrics-stat-action{text-align:left;font:inherit;color:inherit;align-items:stretch}.metrics-stat-action:not(:disabled):hover,.metrics-stat-action.active{border-color:var(--blue)}.metrics-daily{max-height:420px}.metrics-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.metrics-stat{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:9px;padding:20px;display:flex}.metrics-stat>span{color:var(--muted);font-size:13px;font-weight:600}.metrics-stat>strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:32px;line-height:1.2}.metrics-stat>small{color:var(--muted);font-size:11px;line-height:1.5}.metrics-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.metrics-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:22px}.metrics-panel h2{letter-spacing:-.25px;font-size:16px}.metrics-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.metrics-panel-heading>span{color:var(--muted);font-size:11px}.metrics-bars{flex-direction:column;gap:14px;margin-top:22px;display:flex}.metrics-bar-row{text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(90px,1fr) minmax(45px,1.2fr) 36px 36px;align-items:center;gap:9px;padding:0;font-size:12px;font-weight:400;display:grid}button.metrics-bar-row:hover{background:var(--surface)}.metrics-bar-label{overflow-wrap:anywhere;line-height:1.4}.metrics-bar-row strong,.metrics-share{text-align:right;font-variant-numeric:tabular-nums}.metrics-share{color:var(--muted);font-size:11px}.metrics-bar-track{background:#edf1f7;border-radius:2px;height:9px;overflow:hidden}.metrics-bar-track>span{background:var(--blue);border-radius:2px;min-width:0;height:100%;display:block}.metrics-trend{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top, transparent 0, transparent 42px, var(--line) 43px, transparent 44px);align-items:flex-end;gap:3px;height:175px;margin-top:28px;display:flex}.metrics-trend-column{flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.metrics-trend-column>span{background:var(--blue);border-radius:2px 2px 0 0;width:100%;display:block}.metrics-axis{color:var(--muted);justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.metrics-volume-table{color:var(--muted);margin-top:18px;font-size:12px}.metrics-volume-table summary{cursor:pointer}.metrics-volume-table>div{max-height:220px;margin-top:10px;overflow:auto}.metrics-page table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.metrics-page th{color:var(--muted);white-space:nowrap;font-weight:600}.metrics-page th,.metrics-page td{border-bottom:1px solid var(--line);padding:12px 8px}.metrics-table-scroll{overflow:auto}.metrics-candidate{text-align:left;color:var(--blue);background:0 0;border:0;justify-content:flex-start;padding:0;font-size:12px}.metrics-pagination{justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.metrics-pagination>span{color:var(--muted);margin-right:auto}.metrics-empty{color:var(--muted);padding:32px 0;font-size:13px;line-height:1.6}@media (min-width:1450px){.metrics-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1100px){.metrics-activity,.metrics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-charts{grid-template-columns:1fr}.metrics-page{padding:24px}}@media (max-width:600px){.metrics-page{padding:16px}.metrics-heading{flex-wrap:wrap;align-items:flex-start}.metrics-heading h1{font-size:25px}.metrics-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-filters,.metrics-panel{padding:16px}.metrics-summary{gap:10px}.metrics-stat{padding:14px}.metrics-stat>strong{font-size:28px}.metrics-bar-row{grid-template-columns:minmax(90px,1fr) minmax(40px,1fr) 30px 30px;gap:6px}}