@font-face{font-family:LatoLocal;src:url("/static/Lato-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:LatoLocal;src:url("/static/Lato-Semibold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:HackLocal;src:url("/static/Hack-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Akira;src:url("/static/Akira_Expanded.otf") format("opentype");font-weight:800;font-display:swap}

:root{
  --bg:#0d0f0d;--surface:#141713;--surface-2:#1a1e19;--surface-3:#20251e;
  --text:#f1f4ed;--muted:#969e91;--quiet:#6f776a;--accent:#b9f34a;
  --accent-ink:#172008;--danger:#ff766f;--warning:#e6bd67;--line:rgba(231,241,222,.095);
  --shadow:0 22px 70px rgba(3,8,2,.34);--radius-card:1.125rem;--radius-control:.75rem;
  --curve:cubic-bezier(.32,.72,0,1);--rail:15.5rem;--topbar:4.75rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:LatoLocal,"Avenir Next",sans-serif;font-size:15px;line-height:1.5}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{outline:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px rgba(185,243,74,.32),0 0 0 1px var(--accent)}
.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}
.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:60;background:var(--accent);color:var(--accent-ink);padding:.65rem .9rem;border-radius:var(--radius-control);transform:translateY(-180%);transition:transform 180ms var(--curve)}
.skip-link:focus{transform:translateY(0)}

.app-shell{min-height:100dvh;display:grid;grid-template-columns:var(--rail) minmax(0,1fr)}
.side-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);display:flex;flex-direction:column;padding:1.35rem;background:#10130f;border-right:1px solid var(--line);z-index:20}
.brand{display:flex;align-items:center;gap:.75rem;min-width:0}
.brand-mark{display:grid;place-items:center;width:2.45rem;height:2.45rem;flex:0 0 auto;border-radius:.72rem;background:var(--accent);color:var(--accent-ink);font:800 .9rem Akira,sans-serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.brand strong{display:block;font-family:Akira,LatoLocal,sans-serif;font-size:.78rem;letter-spacing:-.02em;white-space:nowrap}
.brand small{display:block;margin-top:.08rem;color:var(--muted);font-size:.72rem;letter-spacing:.04em}
.rail-nav{display:grid;gap:.35rem;margin-top:3rem}
.nav-item{display:flex;align-items:center;padding:.78rem .8rem;border-radius:var(--radius-control);color:var(--muted);transition:color 180ms var(--curve),background 180ms var(--curve),transform 180ms var(--curve)}
.nav-item:hover{color:var(--text);background:rgba(255,255,255,.035);transform:translateX(2px)}
.nav-item:active{transform:scale(.98)}
.nav-item.is-active{background:var(--accent);color:var(--accent-ink);font-weight:600}
.rail-foot{display:grid;gap:.7rem;margin-top:auto;padding:.9rem .75rem;color:var(--muted);font-size:.84rem}
.rail-foot a,.text-button{width:max-content;color:inherit;background:none;border:0;padding:0;cursor:pointer;transition:color 160ms var(--curve)}
.rail-foot a:hover,.text-button:hover{color:var(--text)}
.workspace{grid-column:2;min-width:0}
.topbar{position:sticky;top:0;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(1rem,3vw,2.4rem);background:rgba(13,15,13,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);z-index:15}
.topbar>div:first-child{display:grid}.topbar-label{color:var(--quiet);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.topbar strong{font-size:.9rem}
.topbar-actions{display:flex;align-items:center;gap:.75rem}.quick-search input{width:min(27vw,21rem)}
.main-content{width:min(100%,94rem);margin:0 auto;padding:clamp(1.35rem,3vw,2.8rem) clamp(1rem,3vw,2.6rem) 5rem}
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:2.2rem}
.page-heading h1{margin:.15rem 0 0;font-size:clamp(2rem,4vw,3.75rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.page-heading p{max-width:40rem;margin:.7rem 0 0;color:var(--muted);font-size:1rem}
.kicker,.section-code{margin:0;color:var(--accent);font:400 .68rem HackLocal,monospace;letter-spacing:.12em;text-transform:uppercase}
.heading-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.68rem 1rem;border:0;border-radius:var(--radius-control);font-weight:600;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:transform 160ms var(--curve),background 160ms var(--curve),color 160ms var(--curve),box-shadow 160ms var(--curve)}
.button:active{transform:scale(.975)}.button-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px rgba(125,171,33,.12)}
.button-secondary{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.button-danger{background:rgba(255,118,111,.12);color:#ffaaa5;box-shadow:inset 0 0 0 1px rgba(255,118,111,.22)}
.button-wide{width:100%}.compact{min-height:2.4rem;padding:.48rem .8rem;font-size:.84rem}
.text-link{color:var(--accent);font-weight:600;touch-action:manipulation}
@media(hover:hover) and (pointer:fine){
  .button-primary:hover{background:#c7ff58;transform:translateY(-1px)}
  .button-secondary:hover{background:#293026}
  .text-link:hover{text-decoration:underline;text-underline-offset:.25rem}
}

input,select,textarea{width:100%;border:0;border-radius:var(--radius-control);background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);padding:.78rem .86rem;transition:box-shadow 160ms var(--curve),background 160ms var(--curve)}
input::placeholder,textarea::placeholder{color:#788071}input:hover,select:hover,textarea:hover{background:#242a22}textarea{min-height:7rem;resize:vertical}select{appearance:auto}
label{display:grid;gap:.46rem;color:#cbd1c5;font-size:.78rem;font-weight:600}.field-help{color:var(--quiet);font-weight:400}
.stack-form{display:grid;gap:1.05rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.form-grid .span-2{grid-column:1/-1}
.form-section{padding:1.35rem;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.form-section+.form-section{margin-top:1rem}.form-section h2{margin:0 0 1.1rem;font-size:1rem}.form-actions{position:sticky;bottom:1rem;display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem;padding:.7rem;border-radius:calc(var(--radius-card) + .2rem);background:rgba(20,23,19,.92);box-shadow:inset 0 0 0 1px var(--line),0 12px 38px rgba(3,8,2,.36);backdrop-filter:blur(16px);z-index:10}
.inline-error{margin-bottom:1rem;padding:.85rem 1rem;border-radius:var(--radius-control);background:rgba(255,118,111,.1);color:#ffaaa5;box-shadow:inset 0 0 0 1px rgba(255,118,111,.2)}
.flash{position:fixed;right:1.2rem;top:5.7rem;z-index:30;display:flex;align-items:center;gap:1rem;max-width:min(28rem,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:var(--radius-control);background:#252b22;color:var(--text);box-shadow:var(--shadow),inset 0 0 0 1px var(--line)}
.flash-success{box-shadow:var(--shadow),inset 3px 0 0 var(--accent)}.flash-error{box-shadow:var(--shadow),inset 3px 0 0 var(--danger)}.flash button{border:0;background:none;color:var(--muted);cursor:pointer}

.metric-layout{display:grid;grid-template-columns:1.6fr repeat(2,minmax(10rem,.75fr));gap:.8rem;margin-bottom:1.4rem}
.metric{position:relative;min-height:9.2rem;padding:1.15rem;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.metric-primary{grid-row:span 2;min-height:19.2rem;display:flex;flex-direction:column;justify-content:space-between;background:var(--accent);color:var(--accent-ink);box-shadow:0 30px 80px rgba(76,102,17,.18)}
.metric-label{display:block;color:var(--muted);font-size:.75rem}.metric-primary .metric-label{color:rgba(23,32,8,.68)}
.metric-value{display:block;margin-top:.5rem;font:400 clamp(2.3rem,5vw,5.4rem)/.95 HackLocal,monospace;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.metric:not(.metric-primary) .metric-value{font-size:2.1rem}
.metric-note{color:var(--muted);font-size:.8rem}.metric-primary .metric-note{color:rgba(23,32,8,.68)}
.metric-word{font-family:Akira,LatoLocal,sans-serif;font-size:clamp(1rem,2vw,1.65rem);line-height:1.2;max-width:14ch}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(18rem,.75fr);gap:1rem}
.panel{border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem}.panel-header h2{margin:0;font-size:1rem}.panel-header p{margin:.2rem 0 0;color:var(--quiet);font-size:.78rem}
.data-list{list-style:none;padding:0;margin:0}.data-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.95rem 1.2rem;border-top:1px solid var(--line)}
.data-list strong{display:block;font-size:.9rem}.data-list small{display:block;margin-top:.15rem;color:var(--muted)}
.status{display:inline-flex;align-items:center;min-height:1.65rem;padding:.28rem .55rem;border-radius:.45rem;background:var(--surface-3);color:#cbd2c5;font-size:.7rem;text-transform:capitalize;white-space:nowrap}.status-onboarded{background:rgba(185,243,74,.12);color:var(--accent)}.status-overdue{background:rgba(255,118,111,.1);color:#ffaaa5}
.empty-state{padding:3rem 1.25rem;text-align:center}.empty-state strong{display:block;font-size:1rem}.empty-state p{max-width:28rem;margin:.5rem auto 0;color:var(--muted)}

.leader-mini{counter-reset:rank}.leader-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.9rem 1.15rem;border-top:1px solid var(--line)}.rank{font:400 .8rem HackLocal,monospace;color:var(--quiet)}.leader-name strong{display:block}.leader-name small{color:var(--muted)}.leader-score{font:400 1.25rem HackLocal,monospace;color:var(--accent);font-variant-numeric:tabular-nums}

.filter-shell{margin-bottom:1rem;padding:.7rem;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.filter-grid{display:grid;grid-template-columns:minmax(12rem,1.8fr) repeat(4,minmax(8rem,1fr)) auto;gap:.55rem;align-items:center}.filter-grid input,.filter-grid select{min-height:2.75rem}.filter-actions{display:flex;gap:.4rem}
.table-shell{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.data-table{width:100%;border-collapse:collapse;min-width:70rem}.data-table th{text-align:left;padding:.8rem .95rem;color:var(--quiet);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;white-space:nowrap;background:var(--surface)}.data-table td{padding:.85rem .95rem;border-top:1px solid var(--line);vertical-align:middle;font-size:.85rem}.data-table tbody tr{transition:background 160ms var(--curve)}.data-table tbody tr:hover{background:rgba(255,255,255,.018)}.data-table strong{display:block}.data-table small{color:var(--muted)}.feedback-text{display:block;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.82rem}.status-interest-yes{background:rgba(185,243,74,.12);color:var(--accent)}.status-interest-maybe{background:rgba(230,189,103,.12);color:var(--warning)}.status-interest-no{background:rgba(255,118,111,.1);color:#ffaaa5}.mobile-cards{display:none}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;color:var(--muted)}.pagination div{display:flex;gap:.5rem}.record-count{color:var(--muted);font-size:.85rem}

.detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(19rem,.75fr);gap:1rem}.identity-panel{padding:1.35rem}.identity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.identity-head h1{margin:.25rem 0 0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.04em}.identity-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.4rem}.meta-block{padding:.8rem;border-radius:var(--radius-control);background:var(--surface-2)}.meta-block span{display:block;color:var(--quiet);font-size:.7rem}.meta-block strong{display:block;margin-top:.28rem;font-size:.9rem}.credit-block{margin-top:.75rem}.detail-stack{display:grid;gap:1rem}.inline-form{display:grid;gap:.85rem;padding:1.2rem}.inline-form h2{margin:0;font-size:1rem}.inline-form .form-grid{gap:.8rem}.section-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.timeline{list-style:none;padding:0 1.2rem 1.2rem;margin:0}.timeline li{display:grid;grid-template-columns:.7rem 1fr;gap:.75rem;padding:.75rem 0}.timeline-marker{width:.42rem;height:.42rem;margin-top:.45rem;border-radius:50%;background:var(--accent)}.timeline strong{display:block;font-size:.84rem}.timeline small{color:var(--muted)}

/* --- Advanced Team Leaderboard --- */
.period-switch{display:flex;align-items:center;align-self:flex-start;gap:.25rem;padding:.3rem;border-radius:var(--radius-control);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.period-switch a{padding:.5rem .85rem;border-radius:.55rem;color:var(--muted);font-size:.78rem;font-weight:500;text-decoration:none;transition:color 150ms var(--curve),background 150ms var(--curve)}
.period-switch a:hover{color:var(--text)}
.period-switch a.is-active{background:var(--surface-3);color:var(--accent);font-weight:600}

.leaderboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.metric-kpi{display:flex;flex-direction:column;justify-content:space-between;padding:1.1rem 1.25rem;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:transform 180ms var(--curve),background 180ms var(--curve)}
.metric-kpi:hover{transform:translateY(-2px);background:var(--surface-2)}
.metric-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.kpi-icon{font-size:1.15rem}
.metric-kpi .metric-value{font:400 2.2rem Akira,sans-serif;letter-spacing:-.03em;color:var(--text);margin:.4rem 0}
.metric-kpi .metric-note{font-size:.76rem;color:var(--muted);line-height:1.35}

.leaderboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.metric-switch{display:flex;align-items:center;gap:.35rem;padding:.25rem;border-radius:var(--radius-control);background:var(--surface-2)}
.switch-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:.55rem;font-size:.78rem;font-weight:500;color:var(--muted);text-decoration:none;transition:background 150ms var(--curve),color 150ms var(--curve)}
.switch-pill:hover{color:var(--text)}
.switch-pill.is-active{background:var(--accent);color:var(--accent-ink);font-weight:700}

.leaderboard-list{display:grid;gap:.75rem}
.leaderboard-card-adv{display:grid;grid-template-columns:3.8rem minmax(13rem,1.2fr) minmax(20rem,2fr) minmax(12rem,1.1fr);align-items:center;gap:1.25rem;padding:1.2rem 1.4rem;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:transform 180ms var(--curve),box-shadow 180ms var(--curve),background 180ms var(--curve)}
.leaderboard-card-adv:hover{transform:translateY(-2px);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line),0 8px 24px rgba(0,0,0,.25)}
.leaderboard-card-adv.is-me{box-shadow:inset 3px 0 0 var(--accent),inset 0 0 0 1px var(--line)}

.rank-col{display:flex;align-items:center;justify-content:center}
.rank-badge{width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:50%;font:700 1.15rem HackLocal,monospace;color:var(--muted);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.rank-badge.rank-1{background:rgba(255,215,0,.12);color:#ffd700;box-shadow:inset 0 0 0 1.5px rgba(255,215,0,.45),0 0 16px rgba(255,215,0,.18);font-size:1.4rem}
.rank-badge.rank-2{background:rgba(226,232,240,.1);color:#e2e8f0;box-shadow:inset 0 0 0 1.5px rgba(226,232,240,.35);font-size:1.35rem}
.rank-badge.rank-3{background:rgba(205,127,50,.12);color:#cd7f32;box-shadow:inset 0 0 0 1.5px rgba(205,127,50,.35);font-size:1.3rem}

.person-col{display:flex;flex-direction:column;gap:.35rem}
.person-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.person-name{font-size:1.05rem;color:var(--text);letter-spacing:-.01em}
.badge-accent{background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:.4rem}
.person-meta{display:flex;align-items:center;gap:.5rem;font-size:.74rem}
.last-active-text{color:var(--muted)}
.badge-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-top:.15rem}

/* --- HR Anti-Slacking Productivity Badges --- */
.hr-status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:2rem;font-size:.74rem;line-height:1.2;white-space:nowrap}
.hr-badge-inactive{background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.35);color:#ff7a7a}
.hr-badge-low{background:rgba(230,189,103,.12);border:1px solid rgba(230,189,103,.35);color:var(--warning)}
.hr-badge-active{background:rgba(185,243,74,.1);border:1px solid rgba(185,243,74,.3);color:var(--accent)}
.hr-badge-velocity{background:rgba(147,112,219,.14);border:1px solid rgba(147,112,219,.4);color:#c084fc}

.stats-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.stat-pill{display:flex;flex-direction:column;justify-content:center;padding:.55rem .75rem;border-radius:var(--radius-control);background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.stat-pill.stat-pill-highlight{background:rgba(185,243,74,.07);box-shadow:inset 0 0 0 1px rgba(185,243,74,.22)}
.stat-pill.stat-pill-highlight .stat-pill-label{color:var(--accent);font-weight:600}
.stat-pill.stat-pill-highlight .stat-pill-value{color:var(--accent)}
.stat-pill.stat-pill-daily{background:rgba(185,243,74,.08);box-shadow:inset 0 0 0 1px rgba(185,243,74,.22)}
.stat-pill.stat-pill-daily .stat-pill-label{color:var(--accent);font-weight:600}
.stat-pill.stat-pill-daily .stat-pill-value{color:var(--accent)}
.stat-pill-label{font-size:.65rem;color:var(--quiet);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.stat-pill-value{font:600 1.25rem HackLocal,monospace;color:var(--text);margin-top:.15rem}

.wins-col{display:flex;flex-direction:column;gap:.35rem;border-left:1px solid var(--line);padding-left:1.15rem}
.wins-label{font-size:.68rem;color:var(--quiet);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.wins-list{display:flex;flex-direction:column;gap:.3rem}
.win-item{display:flex;align-items:center;gap:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:18rem}
.win-bullet{font-size:.78rem}
.wins-empty{color:var(--quiet);font-size:.78rem;font-style:italic}

.activity-list{display:grid;gap:.55rem}.activity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem 1.1rem;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.activity-row p{margin:0}.activity-row small{color:var(--muted)}.activity-time{text-align:right;white-space:nowrap}
.import-zone{padding:clamp(1.4rem,4vw,3rem);border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:center}.import-zone input[type=file]{max-width:34rem;margin:1rem auto;background:var(--surface-2)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.result-item{padding:1rem;border-radius:var(--radius-control);background:var(--surface-2)}.result-item strong{display:block;font:400 1.8rem HackLocal,monospace;color:var(--accent)}
.staff-layout{display:grid;grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr);gap:1rem}.staff-list{display:grid;gap:.6rem}.staff-row{padding:1rem;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.staff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.staff-head p{margin:0}.staff-head small{color:var(--muted)}.staff-actions{display:flex;gap:.6rem;align-items:end;margin-top:.85rem}.staff-actions form{display:flex;gap:.45rem;align-items:end;flex:1}.staff-actions input{min-width:0}.staff-actions .button{flex:0 0 auto}
.danger-zone{margin-top:1rem;padding:1rem;border-radius:var(--radius-card);background:rgba(255,118,111,.06);box-shadow:inset 0 0 0 1px rgba(255,118,111,.16)}.account-form{max-width:34rem}
.error-page{min-height:60dvh;display:grid;place-items:center;text-align:center}.error-page h1{margin:.4rem 0;font-size:clamp(3rem,9vw,7rem);font-family:HackLocal,monospace;color:var(--accent)}.error-page p{color:var(--muted)}

.auth-body{min-height:100dvh}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(24rem,.9fr)}.auth-story{position:relative;display:flex;flex-direction:column;padding:clamp(1.4rem,4vw,3.5rem);overflow:hidden;background:#11140f}.auth-story::after{content:"";position:absolute;right:-10%;bottom:-18%;width:min(48vw,38rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(185,243,74,.34),rgba(185,243,74,.06) 46%,transparent 70%);opacity:.8}.auth-copy{position:relative;z-index:1;margin:auto 0;max-width:52rem}.auth-copy h1{max-width:10ch;margin:.75rem 0 1rem;font-family:Akira,LatoLocal,sans-serif;font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.045em}.auth-copy>p:last-child{max-width:34rem;color:#b0b7aa;font-size:1.05rem}.auth-rule{height:1px;background:var(--line)}.auth-panel{display:grid;place-items:center;padding:1.2rem;background:var(--bg)}.auth-card{width:min(100%,29rem);padding:clamp(1.3rem,4vw,2.2rem);border-radius:calc(var(--radius-card) + .3rem);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}.auth-heading h2{margin:.45rem 0 0;font-size:2rem;letter-spacing:-.04em}.auth-heading p{margin:.45rem 0 1.4rem;color:var(--muted)}.auth-note{margin:1rem 0 0;color:var(--quiet);font-size:.76rem;text-align:center}

.js .reveal{opacity:0;transform:translateY(8px);filter:blur(3px)}.js body.is-ready .reveal{opacity:1;transform:translateY(0);filter:blur(0);transition:opacity 240ms var(--curve),transform 240ms var(--curve),filter 240ms var(--curve)}
.mobile-nav{display:none}

/* --- Live Sync and Real-Time Presence --- */
.live-indicator{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:9999px;background:rgba(185,243,74,.08);color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.04em;border:1px solid rgba(185,243,74,.22)}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:live-blink 2s infinite ease-in-out}
@keyframes live-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}

@keyframes live-pulse{
  0%{background-color:rgba(185,243,74,.32);box-shadow:inset 0 0 0 2px var(--accent)}
  50%{background-color:rgba(185,243,74,.18)}
  100%{background-color:transparent;box-shadow:none}
}
.live-updated{animation:live-pulse 3s ease-out forwards}

/* --- Smart Feedback Chips Bar --- */
.tag-chips-bar{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.4rem 0;margin-bottom:.9rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tag-chips-bar::-webkit-scrollbar{display:none}
.tag-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:9999px;background:var(--surface);color:var(--muted);border:1px solid var(--line);font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;transition:all 160ms var(--curve)}
.tag-chip:hover{background:var(--surface-2);color:var(--text);transform:translateY(-1px)}
.tag-chip.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 16px rgba(185,243,74,.2)}
.tag-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .38rem;border-radius:9999px;background:var(--surface-3);color:var(--text);font-size:.68rem;font-variant-numeric:tabular-nums}
.tag-chip.is-active .tag-chip-count{background:rgba(23,32,8,.2);color:var(--accent-ink)}

/* --- Smart Feedback Badges --- */
.smart-tags-list{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.25rem}
.tag-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .45rem;border-radius:.35rem;font-size:.68rem;font-weight:600;white-space:nowrap;line-height:1.2}
.badge-whatsapp{background:rgba(37,211,102,.12);color:#3be87b}
.badge-callback{background:rgba(74,185,243,.14);color:#5ac7ff}
.badge-callcut{background:rgba(230,189,103,.14);color:#ffc85a}
.badge-noanswer{background:rgba(150,158,145,.14);color:#aab3a4}
.badge-ownapp{background:rgba(185,120,243,.14);color:#c988ff}
.badge-positive{background:rgba(185,243,74,.14);color:var(--accent)}
.badge-negative{background:rgba(255,118,111,.14);color:#ff908a}
.badge-owner{background:rgba(243,150,74,.14);color:#ffa65a}
.badge-pricing{background:rgba(243,215,74,.14);color:#ffe05a}

/* --- Advanced Activity Timeline & Rich Diffs --- */
.activity-diffs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}
.diff-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:.35rem;background:var(--surface-2);font-size:.76rem;border:1px solid var(--line)}
.diff-label{color:var(--quiet);font-weight:600}
.diff-old{color:var(--danger);text-decoration:line-through;opacity:.75}
.diff-arrow{color:var(--quiet);font-size:.7rem}
.diff-new{color:var(--accent);font-weight:600}
.action-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:.35rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.action-badge-contact{background:rgba(74,185,243,.15);color:#5ac7ff}
.action-badge-onboarding{background:rgba(185,243,74,.15);color:var(--accent)}
.action-badge-created{background:rgba(37,211,102,.15);color:#3be87b}
.action-badge-updated{background:rgba(230,189,103,.15);color:#ffc85a}
.action-badge-archived{background:rgba(255,118,111,.15);color:#ff908a}
.action-badge-restored{background:rgba(185,120,243,.15);color:#c988ff}

/* --- Live Floating Toast --- */
.live-toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:999;display:flex;flex-direction:column;gap:.6rem;pointer-events:none}
.live-toast{pointer-events:auto;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.15rem;border-radius:var(--radius-control);background:rgba(20,23,19,.94);border:1px solid var(--accent);box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 20px rgba(185,243,74,.22);backdrop-filter:blur(16px);color:var(--text);animation:liveToastIn 250ms cubic-bezier(.16,1,.3,1);max-width:24rem}
@keyframes liveToastIn{from{transform:translateY(24px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.live-toast-dismiss{background:none;border:none;color:var(--muted);cursor:pointer;margin-left:auto;font-size:1.1rem;padding:0 .2rem}
/* --- Leaderboard Date Picker & Nav --- */
.leaderboard-nav-wrapper{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}
.date-picker-form{margin:0}
.date-picker-box{display:inline-flex;align-items:center;gap:.5rem;padding:.32rem .75rem;border-radius:var(--radius-control);background:var(--surface-2);border:1px solid var(--line);font-size:.82rem;transition:border-color 150ms var(--curve),box-shadow 150ms var(--curve)}
.date-picker-box:hover{border-color:var(--quiet)}
.date-picker-box.is-active{border-color:var(--accent);background:rgba(185,243,74,.05);box-shadow:0 0 16px rgba(185,243,74,.18)}
.date-picker-label{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-weight:600;font-size:.78rem;cursor:pointer}
.date-picker-input{background:transparent;border:none;color:var(--text);font-family:var(--mono);font-size:.82rem;outline:none;cursor:pointer;color-scheme:dark}
.date-picker-input:focus{outline:none}
.date-clear-pill{display:inline-flex;align-items:center;font-size:.7rem;padding:.15rem .45rem;border-radius:.3rem;background:rgba(255,107,107,.18);color:#ff8585;text-decoration:none;font-weight:700;transition:background 150ms var(--curve)}
.date-clear-pill:hover{background:rgba(255,107,107,.3)}

/* --- Leaderboard Staff Proof-of-Work Drilldown --- */
.staff-drilldown{grid-column:1/-1;width:100%;border-top:1px solid var(--line);margin-top:.6rem;padding-top:.6rem}
.drilldown-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;user-select:none;padding:.5rem .75rem;border-radius:.55rem;background:rgba(255,255,255,.02);border:1px solid transparent;transition:background 160ms var(--curve),border-color 160ms var(--curve)}
.drilldown-summary::-webkit-details-marker{display:none}
.drilldown-summary:hover{background:rgba(255,255,255,.04);border-color:var(--line)}
.drilldown-title{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem}
.drilldown-badge{font-size:.72rem;font-weight:normal;color:var(--muted);font-family:var(--mono);background:rgba(255,255,255,.04);padding:.15rem .5rem;border-radius:.35rem}
.drilldown-toggle-text{font-size:.76rem;color:var(--accent);font-weight:700;letter-spacing:.02em}
details[open] .drilldown-toggle-text{color:var(--muted)}
.drilldown-body{padding:.9rem .1rem .2rem}
.drilldown-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.1rem;align-items:start}
.drilldown-sidebar-sections{display:flex;flex-direction:column;gap:1.1rem}
.drilldown-section{background:rgba(20,23,19,.5);border-radius:.75rem;border:1px solid var(--line);padding:.95rem}
.drilldown-section-header{margin-bottom:.85rem;border-bottom:1px solid var(--line);padding-bottom:.55rem}
.drilldown-section-header h4{margin:0;font-size:.88rem;display:flex;align-items:center;gap:.45rem;color:var(--text)}
.drilldown-section-header .counter{color:var(--accent);font-family:var(--mono);font-size:.8rem}
.drilldown-section-header small{color:var(--muted);font-size:.73rem;display:block;margin-top:.2rem}
.drilldown-calls-list{display:flex;flex-direction:column;gap:.6rem;max-height:26rem;overflow-y:auto;padding-right:.3rem}
.call-log-item{padding:.75rem;border-radius:.55rem;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:.45rem}
.call-log-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;flex-wrap:wrap}
.call-log-title{display:inline-flex;align-items:baseline;gap:.4rem}
.call-academy-link{font-weight:700;color:var(--text);text-decoration:none;font-size:.84rem}
.call-academy-link:hover{color:var(--accent);text-decoration:underline}
.call-district{color:var(--muted);font-size:.74rem}
.call-log-meta{display:inline-flex;align-items:center;gap:.45rem}
.call-time{font-family:var(--mono);font-size:.7rem;color:var(--quiet)}
.call-feedback-box{background:rgba(10,12,10,.6);border-left:3px solid var(--accent);border-radius:0 .45rem .45rem 0;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.4rem}
.feedback-entry{display:flex;flex-direction:column;gap:.15rem}
.feedback-tag{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700}
.feedback-text{margin:0;font-size:.79rem;color:#e1e7df;line-height:1.4}
.feedback-empty-note{font-size:.73rem;color:var(--quiet);font-style:italic}
.call-followup-pill{display:inline-flex;align-items:center;font-size:.73rem;color:#ffc85a;background:rgba(255,200,90,.1);padding:.2rem .5rem;border-radius:.35rem;width:fit-content}
.drilldown-sourced-list,.drilldown-onboard-list{display:flex;flex-direction:column;gap:.45rem;max-height:18rem;overflow-y:auto;padding-right:.2rem}
.sourced-log-item,.onboard-log-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:.45rem;background:var(--surface);border:1px solid var(--line);font-size:.78rem}
.sourced-main,.onboard-main{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.onboard-note-text{font-size:.72rem;color:var(--muted);font-style:italic;width:100%;margin-top:.15rem}
.drilldown-empty{margin:0;color:var(--quiet);font-size:.78rem;font-style:italic;padding:.4rem 0}
.drilldown-slacking-alert{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.15rem;border-radius:.6rem;background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.25);color:#ff908a}
.drilldown-slacking-alert .slacking-alert-icon{font-size:1.4rem}
.drilldown-slacking-alert strong{display:block;font-size:.88rem;color:#ff6b6b;margin-bottom:.15rem}
.drilldown-slacking-alert p{margin:0;font-size:.78rem;opacity:.9}

@media (max-width:1050px){
  :root{--rail:12.5rem}.quick-search input{width:15rem}.metric-layout{grid-template-columns:1.4fr 1fr}.metric-primary{grid-row:span 2}.metric-layout .metric:nth-child(4),.metric-layout .metric:nth-child(5){grid-column:auto}.dashboard-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr 1fr}.filter-grid>*:first-child{grid-column:1/-1}.filter-actions{grid-column:1/-1}.staff-layout{grid-template-columns:1fr}.leaderboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-card-adv{grid-template-columns:3.4rem minmax(10rem,1fr) minmax(18rem,1.8fr)}.leaderboard-card-adv .wins-col{display:none}.drilldown-grid{grid-template-columns:1fr}}
@media (max-width:767px){
  :root{--topbar:4.2rem}.app-shell{display:block}.side-rail{display:none}.workspace{min-width:0}.topbar{height:var(--topbar);padding:0 1rem}.topbar-label{display:none}.topbar-actions{gap:.5rem}.quick-search{display:none}.topbar strong{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{padding:1.25rem 1rem calc(7rem + env(safe-area-inset-bottom))}.page-heading{align-items:flex-start;display:grid;margin-bottom:1.4rem}.page-heading h1{font-size:2.35rem}.heading-actions{justify-content:flex-start}.heading-actions .button{flex:1}.metric-layout{grid-template-columns:1fr 1fr;gap:.6rem}.metric{min-height:7.7rem;padding:1rem}.metric-primary{grid-column:1/-1;grid-row:auto;min-height:12rem}.metric-value{font-size:3.25rem}.metric:not(.metric-primary) .metric-value{font-size:1.8rem}.metric-word{font-size:1rem}.dashboard-grid{grid-template-columns:1fr}.data-list li{padding:.85rem 1rem}.filter-shell{padding:.65rem}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid>*:first-child{grid-column:1/-1}.filter-grid .button{width:100%}.data-table{display:none}.table-shell{background:transparent;box-shadow:none;overflow:visible}.mobile-cards{display:grid;gap:.65rem}.mobile-record{padding:1rem;border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.mobile-record-head{display:flex;justify-content:space-between;gap:1rem}.mobile-record h2{margin:0;font-size:1rem}.mobile-record p{margin:.3rem 0;color:var(--muted);font-size:.8rem}.mobile-record-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--line)}.pagination{align-items:stretch}.pagination div{display:grid;grid-template-columns:1fr 1fr;flex:1}.pagination .button{width:100%}.detail-layout{grid-template-columns:1fr}.identity-meta{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.form-actions{bottom:calc(5.4rem + env(safe-area-inset-bottom))}.form-actions .button{flex:1}.period-switch{width:100%;justify-content:space-between}.period-switch a{flex:1;text-align:center}.leaderboard-nav-wrapper{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.date-picker-box{width:100%;justify-content:space-between}.leaderboard-kpi-grid{grid-template-columns:1fr 1fr}.leaderboard-card-adv{grid-template-columns:1fr;gap:1rem;padding:1rem}.rank-col{justify-content:flex-start}.stats-col{grid-template-columns:repeat(3,1fr)}.leaderboard-card-adv .wins-col{display:none}.activity-row{grid-template-columns:1fr}.activity-time{text-align:left}.result-grid{grid-template-columns:1fr}.staff-actions,.staff-actions form{align-items:stretch;display:grid}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:38dvh;padding:1.3rem}.auth-copy{margin:auto 0 0}.auth-copy h1{font-size:clamp(2.55rem,13vw,4.25rem)}.auth-copy>p:last-child,.auth-rule{display:none}.auth-panel{align-items:start;padding:1rem;margin-top:-1rem;position:relative;z-index:2}.auth-card{padding:1.25rem}.mobile-nav{position:fixed;left:.65rem;right:.65rem;bottom:calc(.65rem + env(safe-area-inset-bottom));z-index:25;display:grid;grid-template-columns:1fr 1fr 3.25rem 1fr 1fr;align-items:center;min-height:4.15rem;padding:.4rem;border-radius:1rem;background:rgba(28,33,26,.94);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 18px 50px rgba(3,8,2,.45);backdrop-filter:blur(18px)}.mobile-nav a{display:grid;place-items:center;min-height:3rem;border-radius:.7rem;color:var(--muted);font-size:.68rem;transition:color 160ms var(--curve),background 160ms var(--curve),transform 160ms var(--curve)}.mobile-nav a:active{transform:scale(.96)}.mobile-nav a.is-active{color:var(--text);background:rgba(255,255,255,.055)}.mobile-nav .mobile-add{width:3rem;height:3rem;margin:auto;border-radius:.8rem;background:var(--accent);color:var(--accent-ink);font-size:1.55rem;box-shadow:none}.flash{left:1rem;right:1rem;top:4.8rem}.panel-header{padding:1rem}}
@media (max-width:430px){.metric-layout{grid-template-columns:1fr}.metric-primary{grid-column:auto}.identity-meta{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr}.filter-grid>*:first-child{grid-column:auto}.leaderboard-kpi-grid{grid-template-columns:1fr}.stats-col{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-transparency:reduce){.topbar,.mobile-nav,.form-actions{background:var(--surface);backdrop-filter:none}}

/* Shared workspace design: quiet green accents, readable lists, stable mobile shell. */
:root,html[data-theme=dark]{
  color-scheme:dark;--bg:#0b141a;--surface:#111b21;--surface-2:#18252d;--surface-3:#22313a;
  --text:#e9edef;--muted:#a0b0b9;--quiet:#8b9da7;--accent:#46c99b;--accent-ink:#072b20;
  --danger:#ff938f;--warning:#e2bd79;--line:rgba(180,205,215,.12);--shadow:0 10px 35px rgba(0,12,18,.16);
  --radius-card:.9rem;--radius-control:.65rem;
}
html[data-theme=light]{
  color-scheme:light;--bg:#f0f2f5;--surface:#fff;--surface-2:#f5f7f8;--surface-3:#e9edef;
  --text:#182b35;--muted:#536772;--quiet:#607580;--accent:#087d60;--accent-ink:#fff;
  --danger:#b93838;--warning:#875a12;--line:rgba(35,65,80,.12);--shadow:0 10px 35px rgba(35,65,80,.06);
}
html{height:100%;overflow:hidden;scroll-behavior:auto;overscroll-behavior-y:none;overscroll-behavior-x:auto}
body{height:100%;overflow:hidden;touch-action:manipulation}
body::before{display:none}
.app-shell{height:100dvh;min-height:0}
.workspace{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.side-rail{background:var(--surface);overflow-y:auto}
.topbar{position:relative;flex:none;background:var(--surface);backdrop-filter:none;min-width:0}
.main-content{flex:1;min-height:0;max-width:none;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;overscroll-behavior-x:auto;scrollbar-gutter:stable;padding-bottom:2rem;-webkit-overflow-scrolling:touch}
.main-content>*{max-width:100%;min-width:0}
h1,h2,h3,p,strong,small,.draft-value{overflow-wrap:anywhere}
.page-heading h1{font-family:LatoLocal,sans-serif;line-height:1.12;font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.035em}
.workspace-status{display:flex!important;align-items:center;gap:.7rem!important;min-width:0}
.workspace-status>div{min-width:0}
.workspace-status strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-indicator{background:var(--surface-2);color:var(--accent);border-color:var(--line);letter-spacing:0}
.live-dot{animation:none;box-shadow:none!important}
.live-indicator.is-offline{color:var(--muted)}
.live-indicator.is-offline .live-dot{background:var(--muted)}
label{color:var(--text)}
@media(hover:hover) and (pointer:fine){
  input:hover,select:hover,textarea:hover,.button-secondary:hover{background:var(--surface-2)}
  .button-primary:hover{background:var(--accent);filter:brightness(1.08)}
}
input::placeholder,textarea::placeholder{color:var(--quiet)}
.button-primary,.tag-chip.is-active{box-shadow:none}
.button-danger,.inline-error{color:var(--danger)}
.form-actions,.flash{background:var(--surface);backdrop-filter:none}
.feedback-text,.date-picker-input{color:var(--text);color-scheme:inherit}
.drilldown-section,.call-feedback-box{background:var(--surface-2)}
.auth-story{background:var(--surface);color:var(--text)}
.auth-story::after{display:none}
.auth-copy>p:last-child{color:var(--muted)}
.auth-body{height:100dvh;overflow:auto}
.auth-layout{min-height:100dvh}
.auth-card>.theme-toggle{display:flex;margin:0 0 1.2rem auto}
.utility-menu{position:relative;font-size:.82rem;flex:none}
.utility-menu>summary{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.6rem .8rem;border-radius:var(--radius-control);background:var(--surface-3);cursor:pointer;list-style:none;color:var(--text);white-space:nowrap;font-weight:600}
.utility-menu>summary::-webkit-details-marker{display:none}
.utility-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.utility-menu[open]>summary{color:var(--accent)}
.utility-popover{position:absolute;top:calc(100% + .6rem);right:0;width:19rem;max-width:calc(100vw - 2rem);max-height:min(65dvh,32rem);overflow:auto;background:var(--surface);border-radius:var(--radius-card);box-shadow:0 8px 32px rgba(0,20,25,.16),inset 0 0 0 1px var(--line);padding:1rem;z-index:30}
.utility-popover h2{font-size:1rem;margin:0 0 .5rem}
.presence-note{font-size:.75rem;color:var(--muted);margin:0 0 1rem}
.team-roster{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.team-roster li{display:flex;align-items:center;gap:.65rem;min-height:3rem}
.team-roster strong{flex:1;white-space:normal}
.team-roster small{color:var(--muted);font-size:.75rem}
.team-avatar{position:relative;display:grid;place-items:center;width:2rem;height:2rem;flex:none;border-radius:50%;background:var(--surface-3);color:var(--muted);font-weight:600}
.team-avatar::after{content:'';position:absolute;right:0;bottom:0;width:.6rem;height:.6rem;background:var(--quiet);border:2px solid var(--surface);border-radius:50%}
.team-avatar.online::after{background:var(--accent)}
.quick-access-links{display:grid;gap:.2rem}
.quick-access-links a{display:flex;align-items:center;min-height:2.75rem;padding:.5rem .65rem;border-radius:.5rem}
.quick-access-links a:hover{background:var(--surface-2);color:var(--accent)}
.district-guide{padding:clamp(1.2rem,4vw,2.5rem);max-width:44rem}
.district-guide h2{font-size:clamp(1.3rem,2.5vw,1.9rem);margin:.5rem 0}
.district-guide>p{color:var(--muted);max-width:38rem}
.district-picker{display:grid;gap:1rem;margin:1.5rem 0;max-width:32rem}
.guide-context{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 1rem;font-size:.85rem;color:var(--muted)}
.record-attribution{display:block;font-size:.73rem!important;color:var(--muted)!important;font-weight:400;white-space:normal;margin:.3rem 0}
.attribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.attribution-grid small{color:var(--muted)}
.draft-panel{margin-top:1.5rem;padding:1.3rem}
.draft-panel .meta-block{padding:.65rem 0;border-bottom:1px solid var(--line)}
.draft-value{white-space:pre-wrap;margin:.25rem 0}
.sync-notice{position:fixed;bottom:1rem;left:calc(var(--rail) + 1rem);right:1rem;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:var(--surface);box-shadow:var(--shadow),inset 0 0 0 1px var(--accent);border-radius:var(--radius-control);font-size:.84rem}
.sync-notice[hidden]{display:none}
.badge-whatsapp,.badge-positive,.action-badge-created,.action-badge-onboarding{color:var(--accent)}
html[data-theme=light] .badge-callback,html[data-theme=light] .action-badge-contact{color:#21658b}
html[data-theme=light] .badge-callcut,html[data-theme=light] .badge-pricing,html[data-theme=light] .action-badge-updated,html[data-theme=light] .call-followup-pill{color:#875a12}
html[data-theme=light] .badge-ownapp,html[data-theme=light] .action-badge-restored{color:#765095}
html[data-theme=light] .badge-negative,html[data-theme=light] .action-badge-archived{color:var(--danger)}
html[data-theme=light] .badge-owner{color:#975616}
html[data-theme=light] .badge-noanswer{color:var(--muted)}
.live-toast{background:var(--surface);box-shadow:var(--shadow)}
.status{white-space:normal}
.data-table .status{white-space:nowrap}
.stats-col,.rank-col,.identity-head,.mobile-record-head,.data-list li>*{min-width:0}
.data-list small,.activity-diffs,.call-log-title,.diff-pill{overflow-wrap:anywhere;min-width:0}
.diff-pill{flex-wrap:wrap}
.live-updated{animation:none}
@media(min-width:768px){.topbar-actions{min-width:0}.quick-search input{width:min(18vw,16rem)}.team-menu .utility-popover{left:0;right:auto}.topbar-actions .button{font-size:.8rem}}
@media(min-width:768px) and (max-width:1150px){.quick-search{display:none}.workspace-status{gap:.4rem!important}.topbar{padding:0 1rem;gap:.5rem}.topbar-actions{gap:.4rem}}
@media(max-width:767px){
  :root{--topbar:calc(7rem + env(safe-area-inset-top, 0px))}
  .app-shell{height:100dvh}
  .workspace{height:100dvh;padding-bottom:calc(4.4rem + env(safe-area-inset-bottom))}
  .topbar{height:var(--topbar);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.4rem;padding:calc(.5rem + env(safe-area-inset-top, 0px)) 1rem .5rem}
  .workspace-status{width:100%;gap:.55rem!important;justify-content:space-between}
  .workspace-status>div{flex:1;max-width:45%}
  .workspace-status strong{max-width:100%;font-size:.9rem}
  .live-indicator{font-size:.7rem;padding:.25rem .4rem}
  .team-menu{font-size:.73rem}
  .team-menu>summary{padding:.4rem .55rem;min-height:2.25rem}
  .team-menu .utility-popover{position:fixed;top:3.5rem;right:1rem;left:1rem;width:auto}
  .topbar-actions{justify-content:space-between;gap:.5rem;width:100%}
  .topbar-actions>.theme-toggle,.quick-access{flex:1}
  .topbar-actions>.theme-toggle,.quick-access>summary{min-height:2.75rem;font-size:.8rem}
  .desktop-add{display:none}
  .quick-access .utility-popover{position:fixed;top:7rem;left:1rem;right:1rem;width:auto;max-height:calc(100dvh - 13rem)}
  .main-content{padding:1.2rem 1rem 1.5rem;scrollbar-gutter:auto}
  .mobile-nav{left:0;right:0;bottom:0;min-height:calc(4.4rem + env(safe-area-inset-bottom));padding:.35rem .4rem calc(.35rem + env(safe-area-inset-bottom));border-radius:0;background:var(--surface);box-shadow:inset 0 1px 0 var(--line);backdrop-filter:none;grid-template-columns:1fr 1fr 3.25rem 1fr 1fr}
  .mobile-nav a{gap:.1rem;min-height:3.4rem;font-size:.68rem;align-content:center;color:var(--muted)}
  .mobile-nav a.is-active{color:var(--accent);background:var(--surface-2)}
  .mobile-nav-icon{display:block;line-height:1.15;font-size:1.35rem;font-family:LatoLocal,sans-serif}
  .mobile-nav .mobile-add{height:2.9rem;min-height:2.9rem;border-radius:50%}
  .page-heading{gap:1rem;margin-bottom:1.3rem}
  .page-heading h1{font-size:2rem;line-height:1.12}
  .page-heading p{font-size:.9rem}
  .heading-actions{width:100%;gap:.4rem}
  .heading-actions .button{white-space:normal;font-size:.8rem}
  .form-actions{bottom:0;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:.5rem;gap:.4rem}
  input,select,textarea{font-size:16px;max-width:100%}
  button,a,input,select,textarea,.tag-chip,.switch-pill{touch-action:manipulation}
  .filter-grid{grid-template-columns:1fr}
  .filter-actions{display:flex;gap:.5rem}
  .mobile-record{background:var(--surface);padding:1rem;border-radius:.7rem;cursor:pointer;-webkit-tap-highlight-color:rgba(185,243,74,.12);touch-action:manipulation;transition:transform 120ms var(--curve),background 120ms var(--curve),box-shadow 300ms var(--curve)}
  .mobile-record:active{transform:scale(.985);background:var(--surface-2)}
  .mobile-record.just-viewed{box-shadow:inset 0 0 0 2px var(--accent),0 0 20px rgba(185,243,74,.15)}
  .mobile-record-head{flex-wrap:wrap;gap:.5rem}
  .mobile-record-head>div{width:100%}
  .mobile-record h2{font-size:1.08rem;line-height:1.4}
  .mobile-record-foot{flex-wrap:wrap}
  .mobile-record-foot .text-link{display:flex;align-items:center;min-height:2.75rem}
  .sync-notice{left:.75rem;right:.75rem;bottom:calc(5rem + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:.5rem}
  .live-toast-container{bottom:calc(5rem + env(safe-area-inset-bottom));left:1rem;right:1rem}
  .attribution-grid{grid-template-columns:1fr}
  .flash{top:7.5rem}
  .identity-head{flex-wrap:wrap}
  .metric-primary{min-height:10rem}
  .stat-pill-label{white-space:normal}
  .leaderboard-card-adv{gap:.75rem}
  .staff-head{flex-wrap:wrap}
  .data-list li{flex-wrap:wrap;gap:.5rem}
  .auth-story{min-height:30dvh}
  .auth-copy h1{font-family:LatoLocal,sans-serif;font-size:2.6rem;line-height:1.1;max-width:15ch}
  .auth-panel{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.live-dot,.live-updated{animation:none!important}}
.activity-filters{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)) auto}
.academy-refine{margin-bottom:1rem}
.academy-refine>summary{list-style:none;cursor:pointer;padding:.8rem 1rem;border-radius:var(--radius-control);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;color:var(--accent);min-height:2.75rem}
.academy-refine>summary::-webkit-details-marker{display:none}
.academy-refine>summary span{display:block;font-size:.75rem;color:var(--muted);font-weight:400}
.academy-refine[open]>summary{margin-bottom:.65rem}
.academy-refine>summary:focus-visible{outline:2px solid var(--accent)}
.metric-switch,.period-switch{flex-wrap:wrap;min-width:0;max-width:100%}
.switch-pill{white-space:normal;min-height:2.75rem}
@media(min-width:768px) and (max-width:1200px){
 .leaderboard-card-adv{grid-template-columns:3.4rem minmax(0,1fr)}
 .leaderboard-card-adv .stats-col{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
 .leaderboard-card-adv .wins-col{display:none}
 .detail-layout{grid-template-columns:1fr}
}
@media(max-width:1050px){.activity-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.activity-filters{grid-template-columns:1fr}.metric-switch{width:100%}.switch-pill{flex:1 1 100%;justify-content:flex-start}.period-switch a{min-height:2.75rem;display:grid;place-items:center}}
html[data-theme=light] .status-interest-no{color:var(--danger)}
html[data-theme=light] .rank-badge.rank-1{color:#82620a;box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme=light] .rank-badge.rank-2{color:#526471}
.status{color:var(--text)}
.status-onboarded,.status-interest-yes{color:var(--accent)}
.status-interest-maybe{color:var(--warning)}
.status-interest-no,.status-overdue{color:var(--danger)}
.metric-primary{box-shadow:none}
.metric-primary .metric-label,.metric-primary .metric-note{color:var(--accent-ink);opacity:.88}
.metric-word{font-family:LatoLocal,sans-serif;font-size:1.4rem;line-height:1.3;max-width:22ch;font-weight:600}
html[data-theme=light] .hr-badge-inactive,html[data-theme=light] .drilldown-slacking-alert,html[data-theme=light] .drilldown-slacking-alert strong{color:var(--danger)}
html[data-theme=light] .hr-badge-velocity{color:#765095}
@media(max-width:767px){.metric-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-primary{grid-column:1/-1}.metric{min-height:8rem}.metric-word{font-size:1.2rem}.stats-col{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:360px) and (max-width:767px){.identity-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.team-menu>summary,.tag-chip{min-height:2.75rem}.district-guide>.text-link,.data-list .text-link{display:inline-flex;align-items:center;min-height:2.75rem}}

.duplicate-warning{padding:.85rem 1rem;margin:.75rem 0;border-radius:var(--radius-control);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--warning);color:var(--text);font-size:.88rem}
.duplicate-warning[hidden]{display:none}
.duplicate-warning .text-link{display:inline-flex;align-items:center;min-height:2rem;margin-left:.2rem}

.result-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:767px){.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.import-insights{margin:1rem 0;padding:1.2rem}
.import-insights h2{margin:.25rem 0 .85rem}
.import-insight-tags{display:flex;flex-wrap:wrap;gap:.5rem}
.import-insight-tags .tag-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;cursor:default}
.duplicate-merge-panel{margin-bottom:1rem;padding:1.25rem}
.duplicate-merge-panel h2{margin:.2rem 0 .65rem}
.duplicate-id-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:.75rem;margin-top:1rem}
.duplicate-id-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem}
.duplicate-id-form input{width:100%;min-width:0}
.duplicate-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
.duplicate-preview article,.duplicate-group{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)}
.duplicate-preview h3,.duplicate-group h3{margin:.3rem 0 1rem;overflow-wrap:anywhere}
.duplicate-preview dl{margin:0 0 1rem}
.duplicate-preview dl div{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--line)}
.duplicate-preview dt{color:var(--muted)}
.duplicate-preview dd{margin:0;text-align:right;overflow-wrap:anywhere}
.duplicate-groups{display:grid;gap:.75rem;margin-top:1rem}
.duplicate-options{display:grid;gap:.5rem}
.duplicate-options>div{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;padding:.55rem 0;border-bottom:1px solid var(--line)}
.duplicate-options span{color:var(--muted)}
.duplicate-options .text-link{margin-left:auto}
.duplicate-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
@media(max-width:767px){.duplicate-id-form,.duplicate-preview{grid-template-columns:1fr}.duplicate-options .text-link{margin-left:0}.duplicate-actions .button,.duplicate-id-form .button{width:100%}}