:root {
  --ink: #151a18; --ink-soft: #242b28; --paper: #f4f2eb; --card: #fbfaf6; --white: #fff;
  --muted: #68716c; --line: #daddd8; --accent: #df292f; --accent-soft: #f9e8e8;
  --good: #2d8a62; --good-soft: #e4f3eb; --warn: #b77916; --warn-soft: #fff1d7; --bad: #c53b42; --bad-soft: #fae4e5;
  --radius: 16px; --shadow: 0 18px 55px rgba(9, 15, 12, .18);
  font-family: Inter, Manrope, "Segoe UI", Arial, sans-serif; color: var(--paper); background: var(--ink);
}
* { box-sizing: border-box; }
html { min-width: 320px; }
body { min-height: 100vh; margin: 0; background: var(--ink); }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
a { color: inherit; }
[hidden] { display: none !important; }
.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; }
.topbar { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(255,255,255,.12); background: rgba(21,26,24,.94); backdrop-filter: blur(15px); }
.topbar__inner { width: min(1540px, 100%); min-height: 68px; margin: auto; padding: 10px clamp(18px, 4vw, 56px); display: flex; align-items: center; gap: 34px; }
.brand { display: flex; align-items: center; gap: 9px; text-decoration: none; }
.brand__mark { width: 28px; height: 28px; display: grid; grid-template-columns: repeat(3,1fr); gap: 3px; transform: skew(-12deg); }
.brand__mark i { background: var(--accent); }.brand__mark i:nth-child(2){height:70%;align-self:end}.brand__mark i:nth-child(3){height:42%;align-self:end}
.brand__name { font-size: 18px; font-weight: 900; letter-spacing: -.04em; }.brand__division { padding: 4px 6px; color: #fff; background: var(--accent); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.main-nav { display: flex; gap: 4px; margin: 0 auto; }
.main-nav a { padding: 9px 12px; border-radius: 7px; color: #9fa7a2; font-size: 13px; font-weight: 750; text-decoration: none; }
.main-nav a:hover { color: #fff; }.main-nav a.is-active { color: #fff; background: rgba(255,255,255,.09); box-shadow: inset 0 -2px var(--accent); }
.sync-state { display: flex; align-items: center; gap: 10px; }.sync-state i { width: 7px; height: 7px; border-radius: 50%; background: #bd8125; box-shadow: 0 0 0 5px rgba(189,129,37,.12); }.sync-state i.is-ready { background: #84a092; box-shadow: 0 0 0 5px rgba(132,160,146,.1); }
.sync-state small,.sync-state strong { display:block }.sync-state small { margin-bottom: 2px; color: #818b85; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }.sync-state strong { font-size: 11px; }
.shell { width: min(1540px,100%); margin: auto; padding: 34px clamp(18px,4vw,56px) 80px; }
.page-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 27px; }
.eyebrow { margin: 0 0 8px; color: #8d9691; font-size: 10px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.page-head h1 { margin: 0; font-size: clamp(34px,4vw,54px); line-height: .95; letter-spacing: -.055em; }.page-head > div > p:last-child { margin: 10px 0 0; color: #aab1ad; font-size: 14px; }
.page-total { font-size: 46px; letter-spacing: -.06em; }.page-total::after { content:" записей"; display:block; color:#8d9691; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.period { display: flex; align-items: end; gap: 8px; padding: 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; background: rgba(255,255,255,.035); }
.period__presets { display: flex; gap: 4px; }.period button { height: 36px; padding: 0 11px; border: 1px solid #46504b; border-radius: 7px; color: #d5d9d6; background: transparent; font-size: 11px; font-weight: 750; cursor:pointer; }.period button.is-active{color:var(--ink);border-color:#fff;background:var(--card)}
.period label { color: #8f9893; font-size: 9px; font-weight: 800; text-transform: uppercase; }.period input { display:block; width: 126px; height:36px; margin-top:3px; padding:0 8px; border:1px solid #46504b; border-radius:7px; color:#fff; background:#202623; color-scheme:dark; font-size:11px; }
.primary-button,.secondary-button { min-height: 38px; display: inline-flex; align-items:center; justify-content:center; padding: 0 14px; border: 1px solid var(--accent); border-radius: 8px; color:#fff; background:var(--accent); font-size:12px; font-weight:850; text-decoration:none; cursor:pointer; }.secondary-button { color:var(--ink); border-color:var(--line); background:#fff; }
.owner-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 35px; }
.summary-card { display:grid; grid-template-columns:1fr auto; gap:3px 18px; padding:16px 18px; border-left:4px solid #88918c; border-radius:10px; color:var(--ink); background:var(--card); }.summary-card--attention{border-color:var(--bad)}.summary-card--good{border-color:var(--good)}.summary-card span{font-size:13px;font-weight:800}.summary-card strong{grid-row:span 2;font-size:30px}.summary-card small{color:var(--muted);font-size:11px}
.team-section { padding-top: 25px; border-top:1px solid rgba(255,255,255,.13); }.section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:15px; }.section-head h2 { margin:0; font-size:24px; letter-spacing:-.04em; }.section-head > p,.section-head a { margin:0;color:#a2aaa5;font-size:11px }.section-head a{padding:7px 9px;border:1px solid #4b5550;border-radius:7px;text-decoration:none}
.manager-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.manager-card { overflow:hidden; border-top:4px solid #838b87; border-radius:var(--radius); color:var(--ink); background:var(--card); }.manager-card--attention{border-color:var(--bad)}.manager-card--good{border-color:var(--good)}
.manager-card > header { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; padding:17px 19px; border-bottom:1px solid var(--line); }.manager-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#dfe5df;color:#47524c;font-weight:900}.manager-card h3{margin:0 0 4px;font-size:19px;letter-spacing:-.035em}.manager-card header p{margin:0;color:var(--muted);font-size:11px}.health{padding:5px 8px;border-radius:99px;background:#edf0ed;color:#58615c;font-size:9px;font-weight:850;text-transform:uppercase}.manager-card--attention .health{color:var(--bad);background:var(--bad-soft)}.manager-card--good .health{color:var(--good);background:var(--good-soft)}
.manager-outcome { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }.manager-outcome > div{padding:14px 19px}.manager-outcome > div+div{border-left:1px solid var(--line)}.manager-outcome span,.manager-outcome small{display:block}.manager-outcome span{color:var(--muted);font-size:10px;text-transform:uppercase}.manager-outcome strong{display:block;margin:5px 0 2px;font-size:23px}.manager-outcome small{color:#89918c;font-size:10px}
.manager-kpis { display:grid; grid-template-columns:repeat(4,1fr); background:var(--line); gap:1px }.manager-kpis div{min-width:0;padding:12px;background:#f5f4ef}.manager-kpis span,.manager-kpis strong{display:block}.manager-kpis span{min-height:25px;color:var(--muted);font-size:9px;line-height:1.35}.manager-kpis strong{margin-top:3px;font-size:15px}
.manager-card footer { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 19px }.manager-card footer p{margin:0;color:var(--muted);font-size:10px}.manager-card footer div{display:flex;gap:6px}.manager-card footer button,.manager-card footer a{padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.manager-card footer button:hover,.manager-card footer a:hover{border-color:var(--ink)}
.team-lower { display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:22px;margin-top:32px;padding-top:25px;border-top:1px solid rgba(255,255,255,.13)}.panel{min-width:0}
.activity-chart { max-width:700px;padding:13px;border-radius:12px;color:var(--ink);background:var(--card)}.activity-tabs{display:flex;gap:4px;overflow:auto;margin-bottom:10px}.activity-tabs button{flex:0 0 auto;padding:6px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#fff;font-size:9px;font-weight:800;cursor:pointer}.activity-tabs button.is-active{color:#fff;border-color:var(--ink);background:var(--ink)}.activity-bars{height:145px;display:grid;grid-template-columns:repeat(7,minmax(32px,56px));justify-content:center;gap:8px}.activity-day{display:grid;grid-template-rows:20px 1fr 22px;text-align:center}.activity-day strong{font-size:10px}.activity-day>span{display:flex;align-items:end;justify-content:center;border-bottom:1px solid #ced2ce}.activity-day i{width:20px;min-height:2px;border-radius:3px 3px 0 0;background:#353c38}.activity-day small{padding-top:6px;color:var(--muted);font-size:9px;white-space:nowrap}
.recent-calls{display:grid;gap:6px}.recent-call{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--card)}.recent-call__row{width:100%;display:grid;grid-template-columns:auto 1fr auto 16px;align-items:center;gap:11px;padding:10px 42px 10px 11px;border:0;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.recent-call__row>span:nth-child(2){min-width:0}.recent-call__row strong,.recent-call__row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-call__row strong{font-size:12px}.recent-call__row small{margin-top:3px;color:var(--muted);font-size:9px}.recent-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px}.recent-meta b{color:var(--ink)}.recent-meta em{padding:3px 5px;border-radius:5px;color:#fff;background:var(--ink-soft);font-style:normal;font-weight:850}.recent-call__row>i{transition:transform .2s}.recent-call.is-open .recent-call__row>i{transform:rotate(180deg)}.recent-call__details{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:13px 15px;border-top:1px solid var(--line);background:#f1f1ed}.recent-call__details h4{margin:0 0 6px;font-size:10px;text-transform:uppercase}.recent-call__details .primary-button{align-self:end}.insights{display:grid;gap:5px;margin:0;padding-left:17px;color:#47514c;font-size:11px;line-height:1.4}
.avatar{position:relative;width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:10px;color:#506058;background:#dbe4dc;font-size:11px;font-weight:900}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hh-link{position:absolute;right:9px;top:50%;z-index:2;width:24px;height:24px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid #c7cbc7;border-radius:6px;color:#858c88;background:#f3f3f0;text-decoration:none;transition:.15s}.hh-link b{font-size:11px;letter-spacing:-.08em}.hh-link:hover{color:#fff;border-color:var(--accent);background:var(--accent)}.hh-link--full{position:static;width:auto;height:38px;display:inline-flex;gap:7px;padding:0 12px;transform:none;color:#68706c;background:#fff}.hh-link--full span{font-size:11px;font-weight:800}
.funnel{display:flex;gap:6px;overflow-x:auto;margin-bottom:18px;padding-bottom:3px}.funnel button{min-width:132px;flex:1 0 132px;padding:13px 14px;border:1px solid #3c4641;border-radius:10px;color:#d6d9d7;background:#222825;text-align:left;cursor:pointer}.funnel button:hover{border-color:#78817c}.funnel button.is-active{color:var(--ink);border-color:#fff;background:var(--card)}.funnel strong,.funnel span{display:block}.funnel strong{font-size:23px}.funnel span{margin-top:4px;font-size:10px}
.filters{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:8px;margin-bottom:16px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.035)}.filters label>span{display:block;margin-bottom:5px;color:#929a95;font-size:9px;font-weight:800;text-transform:uppercase}.filters input,.filters select{width:100%;height:38px;padding:0 10px;border:1px solid #48524d;border-radius:7px;color:#fff;background:#222825;font-size:11px;color-scheme:dark}.filters>button{height:38px;padding:0 13px;border:1px solid #545e59;border-radius:7px;color:#d4d8d5;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.filters--calls{grid-template-columns:minmax(210px,1.4fr) repeat(5,minmax(120px,.7fr))}
.candidate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.candidate-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--card)}.candidate-card>button{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:11px 43px 11px 12px;border:0;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.candidate-card:hover{border-color:#8f9892;box-shadow:0 7px 18px rgba(0,0,0,.1)}.candidate-card>button>span:nth-child(2){min-width:0}.candidate-card strong,.candidate-card small,.candidate-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-card strong{font-size:13px}.candidate-card small{margin:3px 0;color:var(--muted);font-size:10px}.candidate-card em{color:#8b928e;font-size:9px;font-style:normal}.stage{display:inline-flex;padding:5px 7px;border-radius:99px;color:#59625d;background:#e9ece8;font-size:9px;font-weight:800}.candidate-card__activity{color:#929994;font-size:8px}.load-more{display:block;margin:16px auto 0;padding:10px 18px;border:1px solid #55605a;border-radius:8px;color:#fff;background:transparent;font-size:11px;font-weight:800;cursor:pointer}
.calls-workspace{height:calc(100dvh - 245px);min-height:600px;display:grid;grid-template-columns:340px 1fr;overflow:hidden;border-radius:14px;color:var(--ink);background:var(--card)}.call-browser{min-height:0;display:grid;grid-template-rows:1fr auto;border-right:1px solid var(--line);background:#eeede8}.call-list{min-height:0;overflow:auto}.call-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:13px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:transparent;text-align:left;cursor:pointer}.call-row:hover{background:#fff}.call-row.is-active{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.play{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:8px}.call-row>span:nth-child(2){min-width:0}.call-row strong,.call-row small,.call-row em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-row strong{font-size:11px}.call-row small{margin:3px 0;color:var(--muted);font-size:9px}.call-row em{color:#929994;font-size:8px;font-style:normal}.call-row>span:last-child{display:grid;justify-items:end;gap:3px;color:var(--muted);font-size:8px}.call-row>span:last-child b{color:var(--ink)}.call-row>span:last-child i{padding:3px 5px;border-radius:5px;color:#fff;background:var(--ink);font-style:normal;font-weight:850}
.call-detail{min-width:0;overflow:auto}.empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.empty-state h2{margin:12px 0 5px}.empty-state p{margin:0;color:var(--muted);font-size:12px}.empty-state>b{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:10px}.loader{width:30px;height:30px;border:3px solid #dfe2dd;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.call-detail__head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;border-bottom:1px solid var(--line);background:rgba(251,250,246,.95);backdrop-filter:blur(12px)}.call-detail__head h2{margin:0 0 5px;font-size:24px;letter-spacing:-.04em}.call-detail__head>div>p:last-child{margin:0;color:var(--muted);font-size:10px}.call-score{width:68px;height:68px;display:grid;place-items:center;border:6px solid #e6b3b5;border-radius:50%;font-size:22px}.call-score small{font-size:9px;color:var(--muted)}.call-detail__body{padding:20px 23px 40px}.audio{padding:12px;border-radius:11px;background:var(--ink-soft)}.audio audio{width:100%;height:36px;color-scheme:dark}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.analysis-card{padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}.analysis-card.primary{border-left:5px solid var(--accent)}.analysis-card h3{margin:0 0 10px;font-size:13px}.criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.criteria span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:7px;color:var(--ink);background:#fff}.criteria small{font-size:9px}.criteria b{font-size:11px}.criteria--detail{margin-top:10px}.criteria--detail span{border:1px solid var(--line)}.candidate-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.transcript{margin-top:17px;border:1px solid var(--line);border-radius:10px;background:#fff}.transcript summary{padding:13px 15px;font-size:12px;font-weight:850;cursor:pointer}.transcript-dialogue{display:grid;gap:7px;padding:0 15px 17px}.transcript-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px 12px}.transcript-toolbar strong{font-size:10px;color:var(--muted)}.transcript-toolbar button{padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;font-size:9px;font-weight:850;cursor:pointer}.speech{max-width:88%;padding:10px;border-radius:8px;background:#f0f1ed}.speech.hr{margin-left:auto;background:var(--accent-soft)}.speech.candidate{margin-right:auto;background:#e7eee9}.speech b{font-size:9px;text-transform:uppercase}.speech p{margin:5px 0 0;color:#46504b;font-size:12px;line-height:1.5;white-space:pre-line}.mobile-back{display:none}
.vacancy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vacancy-card{padding:19px;border:1px solid transparent;border-radius:13px;color:var(--ink);background:var(--card);text-decoration:none}.vacancy-card:hover{border-color:var(--accent);transform:translateY(-1px)}.vacancy-card header{display:flex;justify-content:space-between;gap:15px}.vacancy-card header span{color:var(--good);font-size:9px;font-weight:850;text-transform:uppercase}.vacancy-card time,.vacancy-card p{color:var(--muted);font-size:10px}.vacancy-card h2{margin:22px 0 7px;font-size:21px}.vacancy-card>div{display:flex;align-items:end;gap:28px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.vacancy-card>div strong{font-size:23px}.vacancy-card>div small{display:block;color:var(--muted);font-size:9px;font-weight:500}.vacancy-card>div i{margin-left:auto;color:var(--accent);font-size:10px;font-style:normal;font-weight:850}
dialog{padding:0;border:0;color:var(--ink);background:transparent}dialog::backdrop{background:rgba(5,9,7,.7);backdrop-filter:blur(6px)}.drawer{width:min(760px,100vw);height:100dvh;max-height:none;margin:0 0 0 auto}.drawer__panel{height:100%;overflow:auto;background:var(--card)}.drawer__panel>header{position:sticky;top:0;z-index:5;height:56px;display:flex;justify-content:end;padding:8px 16px;background:rgba(251,250,246,.95)}dialog button[data-close-dialog]{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#fff;font-size:23px;cursor:pointer}#candidateBody{padding:0 28px 45px}.candidate-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:17px;padding:3px 0 23px;border-bottom:1px solid var(--line)}.candidate-hero .avatar{width:74px;height:82px;border-radius:14px}.candidate-hero h2{margin:0 0 6px;font-size:29px;letter-spacing:-.05em}.candidate-hero>div>p:not(.eyebrow){margin:0 0 9px;color:var(--muted);font-size:11px}.detail-section{margin-top:27px}.detail-section>h3{margin:0 0 11px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line)}.contact-grid>div{padding:12px;background:#fff}.contact-grid span,.contact-grid a,.contact-grid strong{display:block}.contact-grid span{margin-bottom:4px;color:var(--muted);font-size:8px;text-transform:uppercase}.contact-grid a,.contact-grid strong{font-size:12px}.applications,.experience,.comments{display:grid;gap:7px}.applications article,.experience article,.comments article{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.applications article{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.applications strong,.applications span{font-size:11px}.applications small{grid-column:1/-1;color:var(--muted);font-size:9px}.experience header,.comments header{display:flex;justify-content:space-between;gap:14px}.experience strong,.comments strong{font-size:12px}.experience time,.comments time{color:var(--muted);font-size:9px}.experience p{margin:5px 0;color:var(--muted);font-size:11px}.experience small{color:#59635d;font-size:10px;line-height:1.5;white-space:pre-line}.comments p{margin:8px 0 0;font-size:12px;line-height:1.5;white-space:pre-line}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{padding:5px 7px;border-radius:6px;background:#eceeea;font-size:9px}.chat{max-height:500px;display:grid;gap:7px;overflow:auto;padding:12px;border-radius:10px;background:#eeeee9}.chat article{max-width:85%;padding:10px 11px;border-radius:10px;background:#fff}.chat article.employer{justify-self:end;background:#e4f1ec}.chat header{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:8px}.chat p{margin:6px 0 0;font-size:11px;line-height:1.45;white-space:pre-line}
.modal{width:min(1000px,calc(100vw - 40px));max-width:none}.modal__panel{max-height:calc(100dvh - 40px);overflow:auto;border-radius:17px;background:var(--card)}.modal__panel>header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);background:rgba(251,250,246,.96)}.modal__panel>header h2{margin:0 0 5px;font-size:26px}.modal__panel>header p:last-child{margin:0;color:var(--muted);font-size:10px}.manager-period{display:flex;align-items:center;gap:7px;margin-left:auto}.manager-period>div{display:flex;gap:3px;padding:3px;border-radius:8px;background:#ecece7}.manager-period button{height:31px;padding:0 9px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:9px;font-weight:850;cursor:pointer}.manager-period button.is-active{color:#fff;background:var(--ink)}.manager-period input{width:122px;height:37px;padding:0 7px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;font-size:10px}#managerBody{display:grid;gap:24px;padding:24px}.manager-detail-lead{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:19px;border-radius:12px;color:#fff;background:var(--ink-soft)}.manager-detail-lead>div:first-child{display:grid;align-content:center;justify-items:center;border-right:1px solid #4b544f}.manager-detail-lead>div:first-child span,.manager-detail-lead>div:first-child small{color:#adb4b0;font-size:9px;text-transform:uppercase}.manager-detail-lead>div:first-child strong{margin:7px 0;font-size:43px}.manager-detail-lead h3{margin:0}.manager-detail-lead p{color:#d4d8d6;font-size:12px;line-height:1.5}.manager-detail-section h3{margin:0 0 10px}.all-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.all-metrics div{padding:11px;border-left:3px solid #85908a;border-radius:7px;background:#fff}.all-metrics span,.all-metrics small{display:block}.all-metrics span{min-height:25px;color:var(--muted);font-size:9px}.all-metrics strong{display:block;margin:3px 0;font-size:17px}.all-metrics small{color:#929994;font-size:8px}.manager-detail-actions{display:flex;gap:8px}
.toast-region{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:6px}.toast{max-width:340px;padding:12px 14px;border-left:3px solid var(--accent);border-radius:7px;color:#fff;background:#2b322f;box-shadow:var(--shadow);font-size:11px}
@media(max-width:1100px){.team-lower{grid-template-columns:1fr}.filters--calls{grid-template-columns:repeat(3,1fr)}.calls-workspace{height:700px}.manager-kpis{grid-template-columns:repeat(2,1fr)}.sync-state span{display:none}}
@media(max-width:760px){.topbar__inner{flex-wrap:wrap;gap:10px 18px}.brand{margin-right:auto}.main-nav{order:3;width:100%;overflow:auto}.main-nav a{flex:0 0 auto}.shell{padding-top:22px}.page-head{align-items:start;flex-direction:column}.page-head h1{font-size:40px}.period{width:100%;flex-wrap:wrap}.period__presets{width:auto}.period label{flex:1}.period input{width:100%}.owner-summary,.manager-grid,.candidate-list,.vacancy-grid{grid-template-columns:1fr}.team-lower{display:block}.panel+.panel{margin-top:30px}.summary-card{padding:13px}.manager-outcome{grid-template-columns:1fr 1fr}.manager-card footer{align-items:start;flex-direction:column}.recent-call__row{grid-template-columns:auto 1fr 16px}.recent-meta{grid-column:2;justify-content:start}.recent-call__details{grid-template-columns:1fr}.filters,.filters--calls{grid-template-columns:1fr 1fr}.filters .search{grid-column:1/-1}.calls-workspace{height:auto;min-height:calc(100dvh - 250px);display:block}.call-browser{height:calc(100dvh - 250px);border:0}.call-detail{display:none;position:fixed;inset:110px 0 0;z-index:15;background:var(--card)}.call-detail.is-selected{display:block}.mobile-back{display:inline-flex;margin-bottom:12px;border:0;color:var(--accent);background:transparent;font-size:11px;font-weight:800}.call-detail__head{align-items:start;flex-wrap:wrap}.call-detail__head>div{width:calc(100% - 80px)}.analysis-grid{grid-template-columns:1fr}.criteria{grid-template-columns:1fr 1fr}.drawer__panel{border-radius:0}#candidateBody{padding:0 18px 35px}.contact-grid{grid-template-columns:1fr}.modal{width:100vw;height:100dvh;max-height:none}.modal__panel{height:100%;max-height:none;border-radius:0}.modal__panel>header{align-items:flex-start;flex-wrap:wrap}.manager-period{order:3;width:100%;margin-left:0;flex-wrap:wrap}.manager-period label{flex:1}.manager-period input{width:100%}.manager-detail-lead{grid-template-columns:1fr}.manager-detail-lead>div:first-child{padding-bottom:15px;border-right:0;border-bottom:1px solid #4b544f}.all-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.filters,.filters--calls{grid-template-columns:1fr}.manager-outcome{grid-template-columns:1fr}.manager-outcome>div+div{border-left:0;border-top:1px solid var(--line)}.manager-kpis{grid-template-columns:1fr 1fr}.candidate-card>button{grid-template-columns:auto 1fr}.candidate-card .stage,.candidate-card__activity{grid-column:2;justify-self:start}.activity-bars{gap:4px}.activity-day i{width:14px}.criteria,.all-metrics{grid-template-columns:1fr}.candidate-hero h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}

/* Interactive performance states */
.team-section { padding-top: 3px; border-top: 0; }
.manager-card { cursor: pointer; transition: transform .16s ease, box-shadow .16s ease; }
.manager-card:hover { transform: translateY(-2px); box-shadow: 0 13px 34px rgba(0,0,0,.24); }
.metric--neutral { --metric:#89918c; --metric-soft:#f2f3f0; }
.metric--bad { --metric:var(--bad); --metric-soft:var(--bad-soft); }
.metric--warn { --metric:var(--warn); --metric-soft:var(--warn-soft); }
.metric--good { --metric:var(--good); --metric-soft:var(--good-soft); }
.manager-outcome > div { display:block; padding:14px 19px; color:var(--ink); background:#f5f4ef; }
.manager-outcome strong { color:var(--metric,var(--ink)); }
.manager-kpis { grid-template-columns:repeat(3,1fr); }
.manager-kpis > div { min-width:0; padding:12px; color:var(--ink); background:#f5f4ef; }
.manager-kpis strong { color:var(--metric,var(--ink)); }
.manager-card footer > span { color:var(--accent); font-size:10px; font-weight:850; white-space:nowrap; }
.activity-day { position:relative; grid-template-rows:1fr 22px; }
.activity-day output { position:absolute; left:50%; top:2px; z-index:2; opacity:0; transform:translate(-50%,5px); padding:4px 6px; border-radius:5px; color:#fff; background:var(--ink); box-shadow:0 5px 13px rgba(0,0,0,.2); font-size:9px; font-weight:850; white-space:nowrap; pointer-events:none; }
.activity-day:hover output, .activity-day:focus output { opacity:1; transform:translate(-50%,0); }
.activity-day i { transition:width .12s ease,background .12s ease,filter .12s ease; }
.activity-day:hover i, .activity-day:focus i { width:26px; background:var(--accent); filter:drop-shadow(0 0 5px rgba(223,41,47,.25)); }
.hh-link--full i { font-size:11px; font-style:normal; }
.filters--calls { grid-template-columns:minmax(210px,1.4fr) repeat(4,minmax(120px,.7fr)); }
.call-row > span:last-child i { color:var(--metric,#fff); background:var(--metric-soft,var(--ink)); }
.recent-meta em { color:var(--metric,#fff); background:var(--metric-soft,var(--ink-soft)); }
.call-score { position:relative; border:0; color:var(--metric); background:conic-gradient(var(--metric) var(--score),#e3e6e2 0); }
.call-score::before { content:""; position:absolute; inset:6px; border-radius:50%; background:var(--card); }
.call-score > span { position:relative; }
.insights strong { color:var(--ink); font-weight:850; }
.criteria span { border-left:3px solid var(--metric,#89918c); background:var(--metric-soft,#fff); }
.criteria b { color:var(--metric,var(--ink)); }
.manager-detail-lead > div:first-child { border-right:5px solid var(--metric,#89918c); border-radius:9px; background:color-mix(in srgb,var(--metric,#89918c) 15%,transparent); }
.manager-detail-lead > div:first-child strong { color:var(--metric,#fff); }
.all-metrics > a, .all-metrics > div { display:block; padding:11px; border-left:4px solid var(--metric,#89918c); border-radius:7px; color:var(--ink); background:var(--metric-soft,#fff); text-decoration:none; }
.all-metrics > a:hover { filter:brightness(.97); }
.all-metrics strong { color:var(--metric,var(--ink)); }
.drilldown-context { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px 18px; margin:-10px 0 16px; padding:14px 16px; border-left:4px solid var(--accent); border-radius:9px; color:var(--ink); background:var(--card); }
.drilldown-context strong { font-size:14px; }.drilldown-context span{color:var(--muted);font-size:11px}.drilldown-context small{color:var(--muted);font-size:9px;white-space:nowrap}
.detail-spoiler { margin-top:27px; border:1px solid var(--line); border-radius:10px; background:#fff; }.detail-spoiler summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;list-style:none;font-size:11px;font-weight:850;cursor:pointer}.detail-spoiler summary::-webkit-details-marker{display:none}.detail-spoiler summary span{transition:transform .2s}.detail-spoiler[open] summary span{transform:rotate(180deg)}.detail-spoiler .experience{padding:0 12px 12px}
@media(max-width:760px){.filters--calls{grid-template-columns:1fr 1fr}.filters--calls .search{grid-column:1/-1}.calls-workspace{min-width:0;width:100%}.call-detail{width:100vw;max-width:100vw}.call-detail__body,.analysis-card,.insights{min-width:0}.analysis-card{overflow-wrap:anywhere}.drilldown-context{grid-template-columns:1fr}.drilldown-context small{white-space:normal}}
@media(max-width:430px){.filters--calls{grid-template-columns:1fr}}

/* Calendar and accounts */
.account-menu { flex:0 0 auto; width:34px; height:34px; border:1px solid #46504b; border-radius:50%; color:#fff; background:#242b28; font-size:10px; font-weight:900; cursor:pointer; }
.account-popover { position:fixed; z-index:40; right:28px; top:60px; min-width:210px; padding:13px; border:1px solid #39423e; border-radius:10px; color:var(--ink); background:var(--card); box-shadow:var(--shadow); }
.account-popover strong,.account-popover small { display:block; }.account-popover small{margin:3px 0 10px;color:var(--muted);font-size:10px}.account-popover a,.account-popover button{width:100%;display:block;padding:8px;border:0;border-top:1px solid var(--line);color:var(--ink);background:transparent;text-align:left;text-decoration:none;font-size:11px;cursor:pointer}
.calendar-head .primary-button { border:0; }.calendar-modes{display:flex;gap:5px;margin:-8px 0 16px}.calendar-modes button{padding:8px 12px;border:1px solid #46504b;border-radius:7px;color:#aeb5b1;background:transparent;font-size:10px;font-weight:800;cursor:pointer}.calendar-modes button.is-active{color:var(--ink);border-color:#fff;background:var(--card)}
.calendar-toolbar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; margin-bottom:12px; }
.calendar-toolbar>div { display:flex; gap:5px; }.calendar-toolbar button { min-height:34px; padding:0 11px; border:1px solid #46504b; border-radius:7px; color:#fff; background:transparent; font-size:11px; cursor:pointer; }.calendar-toolbar h2{margin:0;font-size:17px}.calendar-toolbar label{justify-self:end}.calendar-toolbar label span{display:block;margin-bottom:4px;color:#8d9691;font-size:8px;text-transform:uppercase}.calendar-toolbar select{height:34px;padding:0 9px;border:1px solid #46504b;border-radius:7px;color:#fff;background:#222825;font-size:10px}
.week-calendar,.team-calendar { min-width:850px; overflow:hidden; border:1px solid #414945; border-radius:12px; color:var(--ink); background:var(--card); touch-action:none; }
.calendar-grid-head { display:grid; grid-template-columns:58px repeat(var(--columns),minmax(110px,1fr)); height:58px; border-bottom:1px solid var(--line); }.calendar-grid-head>div{display:flex;align-items:center;justify-content:center;gap:7px;border-left:1px solid var(--line)}.calendar-grid-head small{color:var(--muted);font-size:9px;text-transform:uppercase}.calendar-grid-head strong{font-size:13px}.calendar-grid-head .is-today strong{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent)}.calendar-grid-head .account-avatar{width:29px;height:29px;font-size:8px}
.calendar-grid-body { display:grid; grid-template-columns:58px repeat(var(--columns),minmax(110px,1fr)); height:768px; overflow:auto; }.time-axis{display:grid;grid-template-rows:repeat(12,64px);color:var(--muted);background:#f2f1ed}.time-axis span{padding:5px 7px 0 0;border-bottom:1px solid var(--line);font-size:8px;text-align:right}.day-column{position:relative;display:grid;grid-template-rows:repeat(12,64px);border-left:1px solid var(--line);cursor:crosshair}.calendar-hour{border-bottom:1px solid var(--line);background:linear-gradient(to bottom,transparent 25%,#eef0ec 25%,#eef0ec calc(25% + 1px),transparent calc(25% + 1px),transparent 50%,#eef0ec 50%,#eef0ec calc(50% + 1px),transparent calc(50% + 1px),transparent 75%,#eef0ec 75%,#eef0ec calc(75% + 1px),transparent calc(75% + 1px))}.day-column:hover .calendar-hour{background-color:rgba(223,41,47,.018)}
.calendar-event{position:absolute;z-index:2;left:4px;right:4px;top:var(--top);height:var(--height);overflow:hidden;padding:5px 6px;border-left:3px solid #527ac8;border-radius:5px;color:#17325e;background:#dce8ff;text-align:left;cursor:grab;user-select:none}.calendar-event.status--planned{color:#17325e;border-color:#527ac8;background:#dce8ff}.calendar-event.status--completed{color:#1f6041;border-color:#2d8a62;background:#dff2e7}.calendar-event.status--no_show{color:#7a5006;border-color:#cf8a18;background:#fff0c9}.calendar-event.status--cancelled{color:#7b3438;border-color:#be4b52;background:#f8dfe1;text-decoration:line-through}.calendar-event.is-dragging{z-index:5;opacity:.75;cursor:grabbing;box-shadow:0 8px 20px rgba(0,0,0,.2)}.calendar-event time,.calendar-event strong,.calendar-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event time{font-size:8px}.calendar-event strong{margin:2px 0;font-size:10px}.calendar-event small{font-size:8px}.event-resize{position:absolute;left:2px;right:2px;bottom:0;height:8px;cursor:ns-resize}.event-resize::after{content:"";position:absolute;left:35%;right:35%;bottom:2px;border-top:2px solid currentColor;opacity:.45}.calendar-selection{position:absolute;z-index:4;left:3px;right:3px;top:var(--top);height:var(--height);border:1px solid var(--accent);border-radius:5px;background:rgba(223,41,47,.14);pointer-events:none}.calendar-selection b{position:absolute;right:4px;bottom:3px;color:var(--accent);font-size:8px}
.calendar-list{display:grid;gap:7px}.calendar-list-card{width:100%;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:12px 15px;border:0;border-left:4px solid #527ac8;border-radius:10px;color:var(--ink);background:var(--card);text-align:left;cursor:pointer}.calendar-list-card.status--completed{border-color:var(--good)}.calendar-list-card.status--no_show{border-color:var(--warn)}.calendar-list-card.status--cancelled{border-color:var(--bad);opacity:.65}.calendar-list-card>time{display:grid;place-items:center;padding-right:12px;border-right:1px solid var(--line)}.calendar-list-card>time b{font-size:24px}.calendar-list-card>time span,.calendar-list-card small{color:var(--muted);font-size:9px}.calendar-list-card>span strong,.calendar-list-card>span small{display:block}.calendar-list-card>span:last-child{text-align:right}.calendar-list-card>span:last-child b{font-size:11px}
.event-dialog,.account-dialog{width:min(520px,calc(100vw - 28px));max-width:none}.event-form,.account-form{display:grid;gap:14px;max-height:calc(100dvh - 28px);overflow:auto;padding:20px;border-radius:14px;background:var(--card)}.event-form header,.account-form header{display:flex;justify-content:space-between;gap:15px}.event-form h2,.account-form h2{margin:0;font-size:25px}.event-form label>span,.account-form label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.event-form input,.event-form select,.event-form textarea,.account-form input,.account-form select{width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font-size:12px}.date-time-field{cursor:pointer}.date-time-field input{cursor:pointer}.event-form textarea{resize:vertical}.event-form__row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.event-result{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.event-form footer,.account-form footer{display:grid;grid-template-columns:auto 1fr auto auto;gap:7px;align-items:center;padding-top:5px}.danger-button{height:38px;padding:0 12px;border:1px solid #d8a1a4;border-radius:8px;color:var(--bad);background:#fff;cursor:pointer}.event-candidate{position:relative}.event-candidate-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff;text-decoration:none}.event-candidate-card strong,.event-candidate-card small{display:block}.event-candidate-card small{margin-top:3px;color:var(--muted);font-size:9px}.event-candidate-card>b{color:var(--accent);font-size:9px}.event-candidate-avatar .avatar{width:38px;height:38px}.candidate-suggestions{position:absolute;z-index:10;left:0;right:0;top:65px;max-height:290px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow)}.candidate-suggestions button{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:9px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:#fff;text-align:left;cursor:pointer}.candidate-suggestions button:hover{background:#f2f3ef}.candidate-suggestions strong,.candidate-suggestions small{display:block}.candidate-suggestions strong{font-size:11px}.candidate-suggestions small{color:var(--muted);font-size:9px}.candidate-suggestions p{padding:10px;color:var(--muted);font-size:11px}
.admin-note{margin-bottom:14px;padding:12px 14px;border-left:3px solid #7d8781;border-radius:7px;color:#b5bcb8;background:rgba(255,255,255,.04);font-size:11px}.accounts-list{display:grid;gap:7px}.account-row{display:grid;grid-template-columns:auto 1fr minmax(180px,.6fr) auto auto;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;color:var(--ink);background:var(--card)}.account-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#dfe5df;font-size:10px;font-weight:900}.account-row strong,.account-row small{display:block}.account-row strong{font-size:12px}.account-row small,.account-link{margin-top:3px;color:var(--muted);font-size:9px}.account-status{padding:5px 7px;border-radius:99px;color:var(--bad);background:var(--bad-soft);font-size:8px;font-weight:800}.account-status.is-active{color:var(--good);background:var(--good-soft)}.account-row button{padding:7px 9px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;font-size:9px;cursor:pointer}.account-form small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.account-active{font-size:11px}.account-active input{width:auto;min-height:0;margin-right:6px}
.login-page{display:grid;place-items:center;padding:20px;background:var(--ink)}.login-card{width:min(410px,100%);display:grid;gap:38px;padding:30px;border-radius:18px;color:var(--ink);background:var(--card);box-shadow:var(--shadow)}.login-card>.brand{color:var(--ink)}.login-card h1{margin:0;font-size:44px;letter-spacing:-.06em}.login-card>div>p:last-child{color:var(--muted);font-size:12px}.login-card form{display:grid;gap:13px}.login-card label span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;text-transform:uppercase}.login-card input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:8px}.login-error{min-height:15px;margin:0;color:var(--bad);font-size:10px}.login-card .primary-button{border:0}
@media(max-width:760px){.account-menu{margin-left:auto}.calendar-toolbar{grid-template-columns:1fr auto}.calendar-toolbar h2{grid-row:1;grid-column:2}.calendar-toolbar label{grid-column:1/-1;justify-self:stretch}.calendar-toolbar select{width:100%}.week-calendar,.team-calendar{overflow-x:auto}.calendar-head{flex-direction:row}.calendar-modes{overflow:auto}.calendar-modes button{flex:0 0 auto}.calendar-list-card{grid-template-columns:48px 1fr}.calendar-list-card>span:last-child{grid-column:2;text-align:left}.event-dialog,.account-dialog{width:100vw;height:100dvh;max-height:none}.event-form,.account-form{min-height:100%;max-height:none;border-radius:0}.account-row{grid-template-columns:auto 1fr auto}.account-link{grid-column:2}.account-status{grid-column:2;justify-self:start}.account-row button{grid-row:1;grid-column:3}.event-form__row{grid-template-columns:1fr}.account-popover{right:12px;top:65px}}
.week-calendar,.team-calendar{min-width:0;width:100%}.week-calendar .calendar-grid-head,.week-calendar .calendar-grid-body{min-width:850px}.team-calendar .calendar-grid-head,.team-calendar .calendar-grid-body{min-width:max(100%,calc(var(--columns) * 180px + 58px))}
.event-form footer button[data-close-dialog],.account-form footer button[data-close-dialog]{width:auto;height:38px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:850}
.event-form footer>span,.account-form footer>span{grid-column:2}.event-form footer>.danger-button{grid-column:1}.event-form footer>button[data-close-dialog],.account-form footer>button[data-close-dialog]{grid-column:3}.event-form footer>button[type=submit],.account-form footer>button[type=submit]{grid-column:4}