:root{
  --ink:#162033;
  --muted:#667085;
  --muted-2:#98A2B3;
  --line:#E6EAF0;
  --line-strong:#D7DDE7;
  --surface:#ffffff;
  --surface-soft:#F9FAFC;
  --red:#BF3543;
  --red-dark:#982934;
  --red-soft:#FBECEF;
  --green:#23835B;
  --green-soft:#E9F8F1;
  --amber:#A87708;
  --amber-soft:#FFF7DF;
  --blue:#5E78C8;
  --blue-soft:#EDF1FC;
  --shadow:0 24px 70px rgba(22,32,51,.07);
}
*{box-sizing:border-box}
html{background:#F5F7FB}
body{margin:0;background:#F5F7FB;color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.team-shell{min-height:100vh;background:linear-gradient(180deg,#fff 0,#fff 68%,#fcfcfc 100%)}
.team-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(28px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}


.team-header-actions{display:flex;align-items:center;gap:22px}
.quiet-link,.quiet-button{font-size:13px;color:#686868;text-decoration:none;background:none;border:0;padding:8px 0}
.quiet-link:hover,.quiet-button:hover{color:var(--red-dark)}
.team-main{width:min(1320px,calc(100% - 56px));margin:0 auto;padding:54px 0 80px}
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:end;gap:40px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.eyebrow{margin:0 0 10px;color:var(--red-dark);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}
h1,h2,p{margin-top:0}
h1{margin-bottom:12px;font-size:clamp(38px,5vw,58px);line-height:1.02;letter-spacing:-.05em;font-weight:820}
h2{margin-bottom:8px;font-size:24px;letter-spacing:-.025em}
.hero-copy,.section-copy,.invite-copy p,.dialog-head p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.7}
.team-switcher label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:700}
.team-switcher select,.search-field input,.role-add-row input{width:100%;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:12px 13px;color:#333;outline:none}
.team-switcher select:focus,.search-field input:focus,.role-add-row input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(200,31,43,.10)}
.quota-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}
.quota-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px 22px;min-height:128px}
.quota-card span{display:block;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.04em}
.quota-card strong{display:block;margin:8px 0 2px;font-size:34px;line-height:1;font-weight:820;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.quota-card small{color:var(--muted-2);font-size:11px}
.quota-card-accent{background:var(--red-soft);border-color:#f2d5d8}
.quota-card-accent strong,.quota-card-accent span{color:var(--red-dark)}
.invite-panel{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(360px,1.28fr);gap:34px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:25px 28px;background:var(--surface-soft);margin-bottom:38px}
.invite-copy h2{margin-bottom:4px}
.invite-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.invite-control input{min-width:0;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:12px 13px;color:#555;outline:none}
.primary-button,.secondary-button{min-height:42px;border-radius:10px;padding:10px 16px;font-weight:750;font-size:13px;white-space:nowrap}
.primary-button{border:1px solid var(--red);background:var(--red);color:#fff}
.primary-button:hover{background:var(--red-dark);border-color:var(--red-dark)}
.secondary-button{border:1px solid var(--line-strong);background:#fff;color:#444}
.secondary-button:hover{background:#f7f7f7}
.inline-note{grid-column:2;margin:2px 0 0;color:var(--muted);font-size:11px;min-height:17px}
.members-section{padding-top:4px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}
.section-head h2{font-size:28px;margin-bottom:5px}
.member-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:min(100%,470px)}
.search-field{flex:1}
.data-state{border:1px dashed var(--line-strong);border-radius:12px;padding:24px;color:var(--muted);text-align:center;background:#fff}
.member-table-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.member-table{width:100%;border-collapse:collapse;table-layout:fixed}
.member-table th,.member-table td{text-align:left;padding:16px 18px;border-bottom:1px solid #efefef;vertical-align:middle}
.member-table th{background:#fafafa;color:#777;font-size:11px;font-weight:750;letter-spacing:.02em}
.member-table th:nth-child(1){width:31%}.member-table th:nth-child(2){width:14%}.member-table th:nth-child(3){width:18%}.member-table th:nth-child(4){width:29%}.member-table th:nth-child(5){width:8%}
.member-table tr:last-child td{border-bottom:0}
.member-name{font-weight:760;color:#272727}
.member-contact{margin-top:3px;color:var(--muted-2);font-size:11px}
.run-count{font-variant-numeric:tabular-nums;font-weight:730;color:#3c3c3c}
.status-stack{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pill-v24{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:750;white-space:nowrap}
.pill-completed{background:var(--green-soft);color:var(--green)}
.pill-reserved{background:var(--amber-soft);color:var(--amber)}
.pill-basic{background:#f3f3f3;color:#5f5f5f}
.pill-deep{background:var(--red-soft);color:var(--red-dark)}
.latest-result{display:flex;align-items:center;gap:9px;min-width:0}
.style-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:#b8b8b8}
.style-dot.d{background:#e85d5d}.style-dot.i{background:#e6b84b}.style-dot.s{background:#53b987}.style-dot.c{background:#5e78c8}
.latest-result-copy{min-width:0}
.latest-result-copy strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.latest-result-copy span{display:block;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.expand-button{border:0;background:none;color:#777;font-size:12px;font-weight:750;padding:8px;white-space:nowrap}
.expand-button:hover{color:var(--red-dark)}
.detail-row td{padding:0!important;background:#fcfcfc}
.member-detail{padding:18px 22px 22px 42px;border-bottom:1px solid #efefef}
.run-list{display:grid;gap:9px}
.run-item{display:grid;grid-template-columns:90px minmax(170px,1fr) 110px 130px auto;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 14px}
.run-index{color:var(--muted);font-size:11px;font-weight:750}
.run-role{font-weight:720;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.run-meta{color:var(--muted);font-size:11px}
.run-result{font-size:11px;color:#555}
.release-button{border:0;background:none;color:var(--red-dark);font-size:11px;font-weight:750;padding:6px 0;justify-self:end}
.release-button:hover{text-decoration:underline}
.run-overflow{margin:10px 0 0;color:var(--amber);font-size:11px}
.empty-runs{color:var(--muted);font-size:12px}
.member-cards{display:none;gap:12px}
.member-card{border:1px solid var(--line);border-radius:14px;padding:17px;background:#fff}
.member-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.member-card .member-detail{padding:15px 0 0;border:0}
.member-card .run-item{grid-template-columns:1fr auto;gap:8px}
.member-card .run-index,.member-card .run-role{grid-column:1}.member-card .status-stack,.member-card .release-button{grid-column:2;grid-row:1 / span 2}.member-card .run-meta,.member-card .run-result{grid-column:1}
.role-dialog{width:min(620px,calc(100% - 28px));border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:var(--shadow);color:var(--ink)}
.role-dialog::backdrop{background:rgba(20,20,20,.28);backdrop-filter:blur(2px)}
.dialog-shell{padding:26px}
.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.dialog-head h2{margin-bottom:5px}
.icon-button{border:1px solid var(--line);background:#fff;border-radius:9px;width:36px;height:36px;font-size:22px;line-height:1;color:#777}
.role-list{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 14px;min-height:56px}
.role-chip-v24{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:999px;padding:7px 10px 7px 12px;background:#fff;font-size:12px}
.role-chip-v24 button{border:0;background:none;color:#aaa;padding:0;font-size:14px}
.role-chip-v24 button:hover{color:var(--red-dark)}
.role-add-row{display:grid;grid-template-columns:1fr auto;gap:9px}
.role-dialog .inline-note{grid-column:auto;margin-top:8px}
.dialog-actions{display:flex;justify-content:flex-end;padding-top:20px}
.toast-v24{position:fixed;right:24px;bottom:24px;z-index:50;max-width:min(420px,calc(100vw - 48px));background:#171717;color:#fff;border-radius:10px;padding:12px 16px;font-size:12px;box-shadow:0 18px 48px rgba(0,0,0,.18)}
.auth-panel{width:min(560px,calc(100% - 32px));margin:70px auto!important}
.auth-panel.panel{border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:none!important;background:#fff!important;padding:28px!important}
.auth-panel h2{font-size:22px}.auth-panel p{color:var(--muted)}
.auth-panel input{border-color:var(--line-strong)!important;border-radius:10px!important}
.auth-panel button{border-radius:10px!important}.auth-panel button:not(.secondary){background:var(--red)!important;border-color:var(--red)!important}.auth-panel button:not(.secondary):hover{background:var(--red-dark)!important}
@media(max-width:900px){
  .team-main{width:min(100% - 34px,1320px);padding-top:36px}.dashboard-hero{grid-template-columns:1fr;align-items:start}.team-switcher{max-width:440px}.quota-grid{grid-template-columns:repeat(2,1fr)}.invite-panel{grid-template-columns:1fr}.inline-note{grid-column:1}.section-head{align-items:flex-start;flex-direction:column}.member-tools{width:100%;min-width:0;justify-content:stretch}.member-table-wrap{display:none!important}.member-cards{display:grid!important}.run-item{grid-template-columns:1fr auto}
}
@media(max-width:600px){
  .team-header{height:74px;padding:0 17px}.team-header-actions{gap:14px}.quiet-link{display:none}.team-main{width:calc(100% - 28px);padding:30px 0 54px}h1{font-size:40px}.quota-grid{gap:9px}.quota-card{padding:16px;min-height:112px}.quota-card strong{font-size:30px}.invite-panel{padding:20px}.invite-control{grid-template-columns:1fr}.member-tools{flex-direction:column;align-items:stretch}.role-add-row{grid-template-columns:1fr}.role-add-row .secondary-button{width:100%}.member-card .status-stack{justify-content:flex-end}.toast-v24{right:14px;bottom:14px;max-width:calc(100vw - 28px)}
}
@media print{.team-header,.team-switcher,.invite-panel,.member-tools,.expand-button,.role-dialog,.toast-v24,.auth-panel{display:none!important}.team-main{width:100%;padding:0}.dashboard-hero{display:block}.quota-grid{grid-template-columns:repeat(4,1fr)}.member-table-wrap{display:block!important}.member-cards{display:none!important}.detail-row{display:table-row!important}}

/* V4.0.2 — recruitment campaigns inside Team Admin */
.campaign-section{margin:22px 0;padding:24px;border:1px solid #e7e7e7;border-radius:16px;background:#fff}.campaign-section .section-head{margin-bottom:14px}.campaign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campaign-card{border:1px solid #e5e5e5;border-radius:13px;padding:15px;background:#fff}.campaign-card-main{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.campaign-card h3{margin:7px 0 3px;font-size:17px}.campaign-card p{margin:0;color:#727272;font-size:12px}.campaign-status{display:inline-flex;padding:3px 8px;border-radius:999px;background:#edf7f0;color:#287144;font-size:10px;font-weight:800}.campaign-status.paused{background:#fff5e6;color:#9a641c}.campaign-status.closed{background:#f1f1f1;color:#666}.campaign-numbers{text-align:right}.campaign-numbers strong{display:block;font-size:27px;line-height:1;color:#c81f2b}.campaign-numbers span{font-size:10px;color:#888}.campaign-link-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:13px}.campaign-link-row input{margin:0;min-width:0;padding:9px 10px;border:1px solid #ddd;border-radius:8px;background:#fafafa;font-size:11px}.campaign-link-row button{white-space:nowrap}.campaign-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px;color:#777;font-size:10.5px}.campaign-dialog .dialog-shell{max-width:720px}.campaign-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px}.campaign-form-grid label{display:grid;gap:5px;font-size:12px;font-weight:700}.campaign-form-grid input,.campaign-form-grid select{width:100%;min-height:42px;padding:9px 10px;border:1px solid #d7d7d7;border-radius:8px}.campaign-form-grid .campaign-reminder{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:600}.campaign-form-grid .campaign-reminder input{width:auto;min-height:auto}.campaign-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:820px){.campaign-list{grid-template-columns:1fr}.campaign-form-grid{grid-template-columns:1fr}.campaign-form-grid .campaign-reminder{grid-column:auto}}\n