@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#eef8f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#f4a74829,#0000 22%),linear-gradient(#09151b,#11232c 45%,#0d1f27);font-family:Manrope,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,button,input,select{font-family:Manrope,sans-serif}h1,h2,h3,strong{font-family:Space Grotesk,sans-serif}button,input,select{outline:none}button:hover{transition:transform .16s;transform:translateY(-1px)}#root{min-height:100vh}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:32px 0 56px}.attendance-shell,.attendance-list-shell{width:min(1320px,100% - 24px);margin:0 auto;padding:24px 0 40px}.attendance-hero{background:radial-gradient(circle at 0 0,#f4a7481f,#0000 30%),linear-gradient(160deg,#082224f5,#0c1823f0);border:1px solid #95a9a033;border-radius:28px;margin-bottom:24px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0410182e}.attendance-stage{grid-template-columns:1fr;gap:22px;margin-top:24px;display:grid}.kiosk-frame{min-height:620px}.attendance-result-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:18px}.attendance-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.attendance-result-grid span{color:#e1eeeac2;background:#7ec8b614;border-radius:18px;gap:6px;padding:16px;display:grid}.attendance-result-grid strong{color:#f2fbf8;font-size:1.1rem}.attendance-copy h1{margin:0}.hero-panel,.panel,.activity-panel,.attendance-list-panel{background:radial-gradient(circle at 0 0,#f4a7481f,#0000 30%),linear-gradient(160deg,#082224f5,#0c1823f0);border:1px solid #95a9a033;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0410182e}.hero-panel{margin-bottom:24px;padding:32px}.attendance-list-panel{padding:28px}.hero-panel:after,.panel:after,.activity-panel:after,.attendance-list-panel:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 82%);mask-image:linear-gradient(#0009,#0000 82%)}.hero-copy{max-width:700px;margin-bottom:28px}.eyebrow,.mini-label{text-transform:uppercase;letter-spacing:.22em;color:#7ec8b6;margin:0 0 10px;font-size:.72rem}.hero-copy h1,.panel-title h2{margin:0}.panel-title h1{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1}.hero-copy h1{max-width:12ch;font-size:clamp(2.3rem,5vw,4.6rem);line-height:.95}.hero-description{color:#e1eeeabd;max-width:58ch;margin-top:18px;font-size:1.03rem}.status-strip{color:#d7eee7;background:#7ec8b614;border:1px solid #7ec8b633;border-radius:999px;align-items:center;gap:12px;margin-top:22px;padding:12px 18px;display:inline-flex}.status-dot{background:#6effc0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 16px #6effc0e6}.hero-grid,.content-grid{gap:24px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr)}.scan-card{background:#07111899;border:1px solid #c5ede314;border-radius:24px;padding:24px}.card-head,.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.status-group{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.badge,.pill,.face-status,mark{text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.8rem;display:inline-flex}.badge,.pill{color:#dcece8;background:#ffffff0f}.badge.success,.pill.saved,.badge.ready,.pill.ready{color:#98f0b8;background:#57d7921f;border-color:#57d79240}.badge.error,.pill.error,.badge.blocked{color:#ffb19c;background:#ff7a591f;border-color:#ff7a5940}.badge.scanning,.pill.saving,.pill.capturing,.badge.loading,.badge.booting,.badge.requesting{color:#ffd48c;background:#ffbf471f;border-color:#ffbf4740}.scanner{margin:22px 0}.scanner-frame{background:radial-gradient(circle,#7ec8b62e,#0000 36%),linear-gradient(#0d1f26f5,#08161ceb);border:1px solid #7ec8b629;border-radius:26px;min-height:360px;position:relative;overflow:hidden}.live-frame{place-items:center;display:grid}.camera-video,.camera-overlay{object-fit:cover;border-radius:26px;width:100%;height:100%;position:absolute;inset:0}.camera-video{background:#060f14f2;transform:scaleX(-1)}.camera-overlay{z-index:2}.scanner-hud{z-index:3;pointer-events:none;position:absolute;inset:0}.center-guide{aspect-ratio:.72;background:linear-gradient(#58adff24,#58adff0d);border:3px solid #58adffeb;border-radius:28px;width:min(38%,280px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #bae1ff2e,0 0 36px #58adff2e}.camera-fallback{z-index:4;text-align:center;background:#050e12c7;border:1px solid #ffffff14;border-radius:22px;align-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:18px}.camera-fallback p,.camera-fallback small{color:#e1eeeac2;max-width:44ch;margin:0}.identity-chip{background:#0b1c1ed6;border:1px solid #7ec8b62e;border-radius:18px;padding:14px 16px;position:absolute;bottom:24px;left:24px}.chip-label{color:#e1eeea99;margin-bottom:4px;font-size:.74rem;display:block}.identity-chip small{color:#e1eeeaa3;margin-top:6px;display:block}.camera-controls{grid-template-columns:1fr auto;gap:12px;display:grid}.dual-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-controls select,.camera-controls button,.employee-form input,.roster-toolbar input,.employee-form button{font:inherit;border:0;border-radius:16px;padding:14px 16px}.camera-controls select,.employee-form input,.roster-toolbar input{color:#effaf7;background:#daebe514;border:1px solid #daebe51f}.camera-controls select option{color:#112229;background:#fff}.camera-controls button,.employee-form button{color:#112229;cursor:pointer;background:linear-gradient(135deg,#f4a748,#ffcf6d);font-weight:700}.compact-action{color:#effaf7;font:inherit;cursor:pointer;background:#daebe514;border:1px solid #daebe524;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:700}.secondary-button{color:#effaf7!important;background:#daebe514!important;border:1px solid #daebe524!important}.registration-panel{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;margin-top:18px;padding:18px}.registration-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.registration-head h3{margin:0}.registration-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.registration-stats span{color:#e1eeeabd;background:#7ec8b60f;border-radius:16px;gap:6px;padding:14px;display:grid}.registration-stats strong{color:#f2fbf8;font-size:1.1rem}.registration-copy{color:#e1eeeac2;margin:16px 0 0}.registration-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.registration-actions button{font:inherit;cursor:pointer;color:#112229;background:linear-gradient(135deg,#f4a748,#ffcf6d);border:0;border-radius:16px;padding:14px 16px;font-weight:700}.insight-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.metric-card{border-radius:22px;flex-direction:column;justify-content:space-between;min-height:150px;padding:22px;display:flex}.metric-card p,.metric-card span{margin:0}.metric-card strong{font-size:2.6rem;line-height:1}.metric-card.warm{background:linear-gradient(#f4a7482b,#f4a7480a)}.metric-card.cool{background:linear-gradient(#6effc029,#6effc008)}.metric-card.neutral{background:linear-gradient(#e5f2ee1c,#e5f2ee08)}.metric-card.accent{background:linear-gradient(#7ec8b633,#7ec8b60d)}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);margin-bottom:24px}.panel,.activity-panel{padding:26px}.employee-list{gap:12px;margin-top:22px;display:grid}.roster-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin-top:22px;display:grid}.roster-toolbar label{color:#e1eeeac7;gap:8px;display:grid}.roster-count,.pagination-bar span,.empty-state{color:#e1eeeaad}.roster-count{white-space:nowrap;padding-bottom:14px}.employee-card{text-align:left;width:100%;color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.employee-card.selected{background:#f4a74814;border-color:#f4a7487a}.employee-card p,.employee-meta small{color:#e1eeeaad;margin:6px 0 0}.employee-meta{text-align:right}.pagination-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.compact-action:disabled{cursor:not-allowed;opacity:.48}.empty-state{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;margin:0;padding:18px}.face-status{color:#8dd8c6;background:#7ec8b61f;border-color:#7ec8b633;margin-bottom:10px}.employee-form{gap:14px;margin-top:22px;display:grid}.employee-form label{color:#e1eeeac7;gap:8px;display:grid}.employee-form .toggle-field{align-items:center;gap:10px;display:flex}.employee-form .toggle-field input{accent-color:#f4a748;width:18px;height:18px;padding:0}.form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.activity-table{gap:10px;margin-top:22px;display:grid}.attendance-summary-strip{grid-template-columns:.6fr 1fr 1fr;gap:12px;margin-top:24px;display:grid}.attendance-summary-strip span{color:#e1eeeab8;background:#7ec8b614;border-radius:18px;gap:8px;padding:16px;display:grid}.attendance-summary-strip strong{color:#f2fbf8;font-size:1.08rem}.attendance-success-table{gap:10px;margin-top:22px;display:grid}.activity-row{background:#ffffff0a;border-radius:18px;grid-template-columns:1.4fr 1fr 1fr .7fr .8fr .7fr;align-items:center;gap:14px;padding:16px 18px;display:grid}.attendance-success-row{background:#ffffff0a;border-radius:18px;grid-template-columns:1.2fr 1fr 1.1fr .7fr .8fr .8fr;align-items:center;gap:14px;padding:16px 18px;display:grid}.activity-row.compact{grid-template-columns:1.3fr 1fr .8fr 1fr}.activity-head,.attendance-success-head{color:#9fd5c8;text-transform:uppercase;letter-spacing:.08em;background:#7ec8b614;font-size:.78rem}.activity-row span,.attendance-success-row span{gap:4px;display:grid}.activity-row small,.attendance-success-row small,.attendance-empty-state span{color:#e1eeea9e}.attendance-empty-state{background:#ffffff0a;border-radius:18px;gap:6px;padding:24px;display:grid}mark{color:#91f2bc;background:#6effc024;width:fit-content}mark.late{color:#ffd48c;background:#ffbf4729}@media (width<=1080px){.hero-grid,.content-grid,.attendance-stage{grid-template-columns:1fr}.activity-row,.attendance-success-row,.attendance-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell{width:min(100% - 18px,100%);padding-top:18px}.hero-panel,.panel,.activity-panel,.attendance-list-panel{border-radius:22px;padding:20px}.insight-stack,.time-grid,.form-actions,.camera-controls,.dual-controls,.roster-toolbar,.attendance-result-grid,.registration-stats,.activity-row,.attendance-success-row,.attendance-summary-strip{grid-template-columns:1fr}.employee-card,.card-head,.panel-title{flex-direction:column;align-items:flex-start}.employee-meta{text-align:left}.roster-count{padding-bottom:0}.pagination-bar{flex-direction:column;align-items:stretch}.scanner-frame{min-height:300px}.center-guide{border-radius:22px;width:min(52%,240px)}}