:root{color-scheme:light;--bg:#f5efe2;--bg-accent:#f0dcc4;--panel:rgba(255,250,242,0.92);--panel-strong:#fffdf8;--ink:#182127;--muted:#5c6770;--border:rgba(24,33,39,0.1);--ok:#11705f;--warn:#b55717;--chip:#ecdfc7;--shadow:0 20px 45px rgba(85,63,28,0.12);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--font-ui:"IBM Plex Sans","Segoe UI",sans-serif;--font-display:"Aptos Display","Trebuchet MS",sans-serif}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top right,rgba(241,122,53,.18),transparent 32%),radial-gradient(circle at left center,rgba(17,112,95,.14),transparent 38%),linear-gradient(180deg,#faf5eb 0,var(--bg) 48%,#f2eadb 100%)}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-ui)}a{color:inherit}button,input,select{font:inherit}.shell{width:min(1120px,calc(100% - 1.5rem));margin:0 auto;padding:1rem 0 3rem}.authShell{min-height:100vh;display:grid;place-items:center;padding:1rem}.authPanel{width:min(28rem,100%);padding:1.2rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.authPanel h1{margin:.9rem 0 .45rem;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.6rem);line-height:1}.authPanel p{margin:0;color:var(--muted)}.topNav{margin-top:.5rem;padding:.9rem 1rem;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:.75rem}.topNavIdentity{color:var(--muted)}.topNavIdentityWrap{display:grid;grid-gap:.2rem;gap:.2rem}.topNavCrumb{font-size:.75rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.topNavActions{display:flex;gap:.5rem;align-items:center}.mobileMenuButton,.mobileSectionButton{display:none;min-height:2.3rem;border-radius:999px;border:1px solid rgba(24,33,39,.14);background:var(--panel-strong);padding:0 .8rem;color:var(--ink);font-weight:600}.hero{position:relative;overflow:hidden;margin-top:1rem;padding:1.4rem;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(255,248,238,.95),rgba(245,230,205,.94));box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:auto -4rem -5rem auto;width:12rem;height:12rem;border-radius:999px;background:rgba(17,112,95,.1);filter:blur(10px)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:999px;background:rgba(24,33,39,.07);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.hero h1{margin:.9rem 0 .65rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.8rem);line-height:.95}.hero p{max-width:60ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.55}.employeeList,.filters,.summaryGrid{margin-top:1rem}.summaryGrid{display:grid;grid-gap:.85rem;gap:.85rem;grid-template-columns:repeat(4,minmax(0,1fr))}.employeeCard,.filters,.summaryCard{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.summaryCard{padding:1rem}.summaryLabel{color:var(--muted);font-size:.85rem}.summaryValue{margin-top:.3rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.summaryNote{margin-top:.35rem;color:var(--muted);font-size:.84rem}.filters{padding:1rem}.filtersBody{display:grid;grid-gap:.9rem;gap:.9rem}.liveStatus{display:flex;flex-wrap:wrap;gap:.5rem .65rem;margin-top:.85rem;align-items:center}.liveBadge{display:inline-flex;align-items:center;min-height:1.8rem;padding:0 .6rem;border-radius:999px;background:rgba(17,112,95,.12);color:var(--ok);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.liveMeta{color:var(--muted);font-size:.85rem}.liveError{color:#8f3412;font-size:.85rem;font-weight:600}.filtersHeader{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center}.employeeListHeader h2,.filtersHeader h2{margin:0;font-size:1.05rem}.filterForm{display:grid;grid-gap:.85rem;gap:.85rem;grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:grid;grid-gap:.35rem;gap:.35rem}.field label{font-size:.82rem;color:var(--muted);font-weight:600}.field select,.filterActions button,.inlineLink{min-height:2.9rem;border-radius:999px;border:1px solid rgba(24,33,39,.14);background:var(--panel-strong);padding:0 .95rem}.filterActions{display:flex;gap:.65rem;align-items:flex-end}.filterActions button,.inlineLink{cursor:pointer;transition:transform .12s ease,background .12s ease}.filterActions button:hover,.inlineLink:hover{transform:translateY(-1px);background:#fff}.filterActions button:first-child{color:white;border-color:transparent;background:linear-gradient(135deg,#11705f,#1a8d77)}.inlineLink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink)}.inlineLink.isActive{border-color:transparent;color:white;background:linear-gradient(135deg,#11705f,#1a8d77)}.inlineLink.isStatic{cursor:default;pointer-events:none}.authForm{margin-top:1rem;display:grid;grid-gap:.85rem;gap:.85rem}.field input,.ghostButton,.primaryButton,.usersTable select{min-height:2.9rem;border-radius:999px;border:1px solid rgba(24,33,39,.14);background:var(--panel-strong);padding:0 .95rem}.ghostButton,.primaryButton{cursor:pointer;transition:transform .12s ease,background .12s ease}.primaryButton{border-color:transparent;color:white;background:linear-gradient(135deg,#11705f,#1a8d77)}.ghostButton:hover,.primaryButton:hover{transform:translateY(-1px);background:#fff}.primaryButton:hover{background:linear-gradient(135deg,#0d5e51,#147260)}.formError{color:#8f3412}.formError,.formSuccess{margin:0;font-weight:600}.formSuccess{color:var(--ok)}.usersPanel{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.usersPanel h2{margin:1rem 0 0}.usersTableWrap{overflow:auto}.usersTable{width:100%;border-collapse:collapse;margin-top:.85rem}.usersTable td,.usersTable th{text-align:left;padding:.65rem;border-bottom:1px solid var(--border)}.usersTable th{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.usersTable input{min-height:2.2rem;border-radius:999px;border:1px solid rgba(24,33,39,.14);background:var(--panel-strong);padding:0 .75rem}.usersActions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.employeeListHeader{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.75rem}.employeeListMeta{color:var(--muted);font-size:.9rem}.employeeList{display:grid;grid-gap:.85rem;gap:.85rem}.employeeCard{padding:1rem}.employeeTop{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.employeeIdentity h3{margin:0;font-size:1.05rem}.employeeIdentity p,.emptyState p,.locationBlock p{margin:.3rem 0 0;color:var(--muted)}.employeeMetaLine{margin-top:.18rem;font-size:.82rem}.compactCard{padding:.75rem}.compactCard .employeeIdentity h3{font-size:1rem}.compactCard .chips{margin-top:.6rem}.compactCard .chip{font-size:.78rem;padding:.3rem .55rem}.compactCard .locationBlock{margin-top:.65rem;padding-top:.65rem}.statusWrap{gap:.55rem;border-radius:999px;padding:.3rem .7rem;background:#fff;border:1px solid var(--border);font-weight:600;white-space:nowrap}.statusIcon,.statusWrap{display:inline-flex;align-items:center}.statusIcon{width:1.6rem;height:1.6rem;justify-content:center;border-radius:999px;font-size:.95rem}.registered .statusIcon{background:rgba(17,112,95,.12);color:var(--ok)}.missing .statusIcon{background:rgba(181,87,23,.12);color:var(--warn)}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .7rem;border-radius:999px;background:var(--chip);color:#3e3c33;font-size:.82rem}.locationBlock{margin-top:.9rem;padding-top:.9rem;border-top:1px dashed rgba(24,33,39,.14)}.locationBlock summary{cursor:pointer;font-weight:600}.locationBlock strong{display:block;margin-top:.8rem;font-size:1rem}.emptyState{padding:1.15rem;border:1px dashed rgba(24,33,39,.18);border-radius:var(--radius-lg);background:rgba(255,255,255,.45)}@media (max-width:900px){.filterForm,.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.shell{width:min(100% - 1rem,42rem);padding-bottom:1.1rem}.employeeCard,.filters,.hero,.summaryCard{border-radius:16px}.filterForm,.summaryGrid{grid-template-columns:1fr}.summaryGrid{gap:.55rem}.summaryCard{padding:.75rem}.summaryValue{font-size:clamp(1.45rem,6.2vw,1.95rem)}.summaryNote{margin-top:.2rem;font-size:.78rem}.hero{padding:.85rem}.hero h1{margin:.55rem 0 0;font-size:clamp(1.35rem,6vw,1.8rem);line-height:1.08}.hero p{display:none}.eyebrow{font-size:.66rem;padding:.25rem .55rem}.topNav{padding:.65rem .7rem;grid-gap:.4rem .55rem;gap:.4rem .55rem;display:grid;grid-template-columns:1fr auto;align-items:start}.topNavIdentity{font-size:.85rem}.topNavCrumb{font-size:.68rem}.mobileMenuButton,.mobileSectionButton{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;cursor:pointer;min-height:2.1rem;padding:0 .72rem;font-size:.85rem}.mobileMenuButton{justify-self:end}.topNavIdentityWrap{grid-column:1/2;padding-top:.1rem}.topNavActions{display:none;width:100%;gap:.45rem}.topNavActions.isOpen{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:.45rem;border-radius:12px;border:1px solid rgba(24,33,39,.1);background:rgba(255,255,255,.5)}.topNavActions .ghostButton,.topNavActions .inlineLink{min-height:2.35rem;padding:0 .7rem;border-radius:12px;justify-content:center}.topNavActions .ghostButton{grid-column:1/-1}.filters{padding:.75rem}.filtersHeader{gap:.45rem}.employeeListHeader h2,.filtersHeader h2{font-size:.95rem}.filtersBody{display:none;margin-top:.6rem}.filtersBody.isOpen{display:grid}.liveStatus{margin-top:0}.employeeListHeader,.employeeTop,.filterActions,.filtersHeader,.liveStatus{flex-direction:column;align-items:stretch}.employeeListHeader{gap:.35rem;margin-bottom:.5rem}.employeeList{gap:.55rem}.employeeCard{padding:.75rem}.compactCard{padding:.62rem}.compactCard .employeeIdentity h3{font-size:.95rem}.compactCard .employeeMetaLine{font-size:.74rem;margin-top:.15rem}.chips{margin-top:.6rem;gap:.35rem}.chip{font-size:.76rem;padding:.3rem .55rem}.locationBlock{margin-top:.7rem;padding-top:.7rem}.statusWrap{align-self:flex-start;font-size:.82rem;padding:.22rem .5rem}.statusIcon{width:1.35rem;height:1.35rem;font-size:.82rem}}