:root{--bg:#040a13;--bg-soft:#07111f;--panel:#0b1829c7;--panel-solid:#0b1829;--panel-raised:#0e1e33;--border:#94b8e124;--border-strong:#94b8e142;--text:#eaf4ff;--muted:#93a9c4;--faint:#637b99;--accent:#54e6b4;--accent-strong:#2fd39d;--accent-soft:#54e6b41f;--blue:#49b7ff;--danger:#ff6b7a;--danger-soft:#ff6b7a1f;--warning:#ffc857;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--shadow-lg:0 30px 80px #00000073;--shadow-sm:0 12px 30px #00000038;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(1200px 700px at 8% -10%,#287aaa2e,#0000 60%),radial-gradient(900px 600px at 100% 0,#20c8961a,#0000 55%),linear-gradient(#040a13 0%,#050d18 45%,#040a13 100%);overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#94b8e109 1px,#0000 1px),linear-gradient(90deg,#94b8e109 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 75%);mask-image:linear-gradient(#000000b3,#0000 75%)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{z-index:1;min-height:100vh;padding:0 28px 40px;position:relative}.ambient{filter:blur(90px);pointer-events:none;z-index:0;opacity:.5;border-radius:50%;position:fixed}.ambient-one{background:#2fd39d24;width:420px;height:420px;top:18%;left:-180px}.ambient-two{background:#49b7ff1f;width:460px;height:460px;bottom:8%;right:-180px}.topbar{justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:22px 4px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{color:#03140f;background:linear-gradient(135deg, var(--accent) 0%, #6bf0ff 100%);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 28px #54e6b442}.brand-mark svg{width:30px;height:30px}.brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.brand-text strong{letter-spacing:-.02em;font-size:18px}.brand-text small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.topbar-meta{align-items:center;gap:18px;display:flex}.system-pill{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#0b182999;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex}.system-pill .dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.system-pill.online{color:#b8ffe8;background:#54e6b414;border-color:#54e6b440}.system-pill.online .dot{background:var(--accent);animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #54e6b421}.system-pill.offline{color:#ffc3c9;background:#ff6b7a14;border-color:#ff6b7a40}.system-pill.offline .dot{background:var(--danger)}.clock{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.clock strong{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:17px}.clock span{color:var(--muted);text-transform:capitalize;font-size:11px}.main{max-width:1320px;margin:0 auto}.hero{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);align-items:end;gap:36px;padding:40px 4px 34px;display:grid;position:relative}.hero-copy{animation:.6s both fade-up}.eyebrow{color:#9ff5d6;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow svg{width:16px;height:16px}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4.6vw,58px);font-weight:700;line-height:1.06}.hero h1 span{background:linear-gradient(100deg, var(--accent) 0%, #7ef3ff 55%, #6aa8ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{max-width:620px;color:var(--muted);margin:18px 0 0;font-size:15px;line-height:1.7}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;animation:.7s .1s both fade-up;display:grid}.metric{border-radius:var(--radius-md);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#10233abf,#08132180);padding:15px 14px}.metric strong{letter-spacing:-.04em;color:var(--accent);font-size:26px;display:block}.metric span{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.4;display:block}.layout{grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);align-items:start;gap:20px;display:grid}.card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#0d1c2fdb,#07111ec7);position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff0a,#0000 32%);position:absolute;inset:0}.camera-card{padding:22px;scroll-margin-top:16px;animation:.6s .12s both fade-up}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.card-kicker{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.card h2,.card h3{letter-spacing:-.025em;margin:0}.card h2{font-size:19px}.card h3{font-size:16px}.card-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--faint);letter-spacing:.08em;white-space:nowrap;background:#060f1ba6;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.chip-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chip.live,.chip.captured{color:var(--accent);background:#54e6b414;border-color:#54e6b43d}.chip.ready{color:#9fd8ff;background:#49b7ff14;border-color:#49b7ff38}.camera-stage{aspect-ratio:4/3;isolation:isolate;background:radial-gradient(circle at 50% 42%,#254a6952,#0000 55%),#02070d;border:1px solid #94b8e129;border-radius:18px;width:100%;position:relative;overflow:hidden}.camera-video,.camera-preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-video{opacity:.96;transform:scaleX(-1)}.camera-preview{object-fit:cover;animation:.3s both fade-up}.camera-placeholder{z-index:2;text-align:center;width:100%;color:inherit;font:inherit;cursor:pointer;background:radial-gradient(circle at 50% 45%,#2c587840,#0000 62%),linear-gradient(#050d1733,#050d17b3);border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0}.camera-placeholder:disabled{cursor:default}.placeholder-icon{color:#7f9bb9;background:#0a18298c;border:1px dashed #94b8e159;border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:8px;display:grid}.placeholder-icon svg{width:28px;height:28px}.camera-placeholder strong{font-size:15px;line-height:1.3}.camera-placeholder .placeholder-copy{max-width:360px;color:var(--muted);font-size:12px;line-height:1.5}.placeholder-cta{color:var(--accent);background:#54e6b41f;border:1px solid #54e6b447;border-radius:999px;margin-top:10px;padding:8px 16px;font-size:12px;font-weight:700}.scan-line{z-index:3;pointer-events:none;background:linear-gradient(#0000,#54e6b412 45%,#54e6b43d 50%,#54e6b412 55%,#0000);border-bottom:1px solid #54e6b480;height:110px;animation:2.6s linear infinite scan;position:absolute;top:-110px;left:0;right:0}.face-frame{aspect-ratio:3/4;pointer-events:none;border:1px dashed #94b8e147;border-radius:48% 48% 46% 46%/40% 40% 60% 60%;width:42%;transition:border-color .25s,box-shadow .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.face-frame.has-face{border-color:#54e6b4a6;box-shadow:inset 0 0 45px #54e6b41f}.face-frame .corner{border-color:var(--accent);opacity:.85;border-style:solid;width:18px;height:18px;position:absolute}.face-frame .tl{border-width:2px 0 0 2px;border-radius:8px 0 0;top:-2px;left:-2px}.face-frame .tr{border-width:2px 2px 0 0;border-radius:0 8px 0 0;top:-2px;right:-2px}.face-frame .bl{border-width:0 0 2px 2px;border-radius:0 0 0 8px;bottom:-2px;left:-2px}.face-frame .br{border-width:0 2px 2px 0;border-radius:0 0 8px;bottom:-2px;right:-2px}.camera-top,.camera-bottom{z-index:4;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;left:14px;right:14px}.camera-top{top:14px}.camera-bottom{background:linear-gradient(#0000,#02070dd1);padding:30px 0 14px;bottom:0}.face-badge,.timer-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c2d3e6;white-space:nowrap;background:#030911ad;border:1px solid #94b8e12e;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:600;display:inline-flex}.face-badge .dot{background:var(--faint);border-radius:50%;width:6px;height:6px}.face-badge.ok{color:#c7ffec;border-color:#54e6b44d}.face-badge.ok .dot{background:var(--accent);box-shadow:0 0 0 3px #54e6b426}.timer-badge{color:#dce8f6;font-variant-numeric:tabular-nums}.timer-badge svg{opacity:.75;width:14px;height:14px}.timer-badge.urgent{color:#ffc3c9;border-color:#ff6b7a59;animation:1.2s ease-in-out infinite pulse}.camera-stop{color:#ffc3c9;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030911b8;border:1px solid #ff6b7a4d;border-radius:999px;flex:none;padding:7px 12px;font-size:11px;font-weight:700}.camera-stop:hover{background:#ff6b7a24}.camera-hint{color:#e4effc;text-shadow:0 1px 10px #000000b3;font-size:12px;font-weight:600;line-height:1.45}.live-score{color:var(--accent);background:#54e6b41a;border:1px solid #54e6b433;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:700}.camera-controls{align-items:center;gap:12px;margin-top:12px;display:flex}.camera-controls .btn{flex:none}.camera-controls .btn svg{width:17px;height:17px}.camera-control-note{color:var(--faint);font-size:11px;line-height:1.45}.challenge-panel{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.challenge-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.challenge-counter{min-width:48px;color:var(--accent);font-variant-numeric:tabular-nums;background:#54e6b414;border:1px solid #54e6b433;border-radius:999px;place-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-grid}.challenge-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.challenge-item{border-radius:var(--radius-md);border:1px solid var(--border);background:#07122080;align-items:flex-start;gap:12px;padding:12px 13px;transition:border-color .2s,background .2s,transform .2s;display:flex}.challenge-item.active{background:linear-gradient(100deg,#54e6b417,#49b7ff0a);border-color:#54e6b452;transform:translate(2px)}.challenge-item.done{background:#54e6b40b;border-color:#54e6b42e}.challenge-index{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);background:#94b8e114;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.challenge-item.active .challenge-index{color:#042118;background:var(--accent);border-color:var(--accent);box-shadow:0 0 22px #54e6b447}.challenge-item.done .challenge-index{color:var(--accent);background:#54e6b41f;border-color:#54e6b440}.challenge-index svg{width:16px;height:16px}.challenge-copy{flex:1;min-width:0}.challenge-copy strong{letter-spacing:-.01em;font-size:13px;display:block}.challenge-copy>span{color:var(--muted);margin-top:3px;font-size:11.5px;line-height:1.5;display:block}.challenge-live{color:var(--accent);letter-spacing:.1em;flex:none;align-self:center;font-size:9px;font-weight:800;animation:1.6s ease-in-out infinite pulse}.meter{background:#94b8e11f;border-radius:999px;height:4px;margin-top:9px;overflow:hidden}.meter>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), #7ef3ff);height:100%;transition:width .16s linear;display:block}.challenge-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.challenge-foot>span:first-child{color:var(--faint);align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.challenge-foot svg{width:13px;height:13px}.location-chip{border:1px solid var(--border);color:var(--faint);white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:10px}.location-chip.ok{color:#a8f4dc;background:#54e6b40f;border-color:#54e6b438}.intro-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.intro-steps>div{border-radius:var(--radius-md);border:1px solid var(--border);background:#07122059;gap:10px;padding:12px;display:flex}.intro-steps>div>span{width:24px;height:24px;color:var(--accent);background:#54e6b41a;border:1px solid #54e6b438;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.intro-steps p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.intro-steps p strong{color:var(--text);margin-bottom:2px;font-size:12px;display:block}.side{gap:18px;animation:.6s .18s both fade-up;display:grid}.form-card,.history-card,.result-card{padding:20px}.form-card,.result-card{scroll-margin-top:16px}.date-badge{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#060f1b99;border-radius:999px;padding:6px 10px;font-size:10.5px;font-weight:600}.form{gap:14px;display:grid}.field{gap:7px;display:grid}.field-label{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:600}.input-wrap{position:relative}.input-wrap>svg{width:17px;height:17px;color:var(--faint);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-wrap input{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;height:46px;color:var(--text);background:#040c1694;padding:0 14px 0 40px;font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s}.input-wrap input.no-icon{padding-left:14px}.input-wrap input::placeholder{color:#58708c}.input-wrap input:hover:not(:disabled){border-color:var(--border-strong)}.input-wrap input:focus{background:#050f1bcc;border-color:#54e6b48c;outline:none;box-shadow:0 0 0 3px #54e6b414}.input-wrap input:disabled{opacity:.55}.segmented{border-radius:var(--radius-sm);border:1px solid var(--border);background:#040c1694;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.segmented button svg{width:14px;height:14px}.segmented button.active{color:#052019;background:linear-gradient(135deg, var(--accent), #8bf4cf);box-shadow:0 4px 16px #54e6b433}.segmented button:disabled{opacity:.55}.today-summary{border-radius:var(--radius-md);border:1px solid var(--border);background:#06101d73;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.today-summary>div{flex-direction:column;gap:3px;display:flex}.today-summary span{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.today-summary strong{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#c7d7ea;font-size:16px}.today-summary>div.done strong{color:var(--accent)}.summary-divider{background:var(--border);width:1px;height:28px}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:9px;padding:11px 12px;font-size:11.5px;line-height:1.55;display:flex}.alert svg{flex:none;width:16px;height:16px;margin-top:1px}.alert.error{color:#ffd0d5;background:var(--danger-soft);border:1px solid #ff6b7a3d}.alert.success{color:#c8ffed;background:#54e6b414;border:1px solid #54e6b438}.scan-status{color:var(--muted);align-items:center;gap:9px;font-size:11.5px;line-height:1.5;display:flex}.form-actions{align-items:stretch;gap:9px;display:flex}.btn{border-radius:var(--radius-sm);letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;height:46px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,opacity .16s;display:inline-flex}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn.primary{color:#032018;background:linear-gradient(135deg, var(--accent) 0%, #75f0cd 55%, #7adfff 100%);flex:1;min-width:0;box-shadow:0 12px 30px #54e6b433}.btn.primary:not(:disabled):hover{box-shadow:0 16px 36px #54e6b447}.btn.primary:disabled{opacity:.42;box-shadow:none}.btn.ghost{color:var(--muted);border-color:var(--border);background:#07122080}.btn.ghost:hover{color:var(--text);border-color:var(--border-strong);background:#0c1b2eb3}.btn.danger{color:#ffc3c9;background:var(--danger-soft);border-color:#ff6b7a52}.btn.danger:not(:disabled):hover{color:#ffe1e4;background:#ff6b7a29;border-color:#ff6b7a8c;box-shadow:0 10px 24px #ff6b7a1f}.btn.danger:disabled{opacity:.45;box-shadow:none}.btn.sm{height:38px;padding:0 13px;font-size:12px}.btn-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.privacy-note{color:var(--faint);align-items:flex-start;gap:7px;margin:0;font-size:10px;line-height:1.5;display:flex}.privacy-note svg{flex:none;width:13px;height:13px;margin-top:1px}.spinner{border:2px solid #94b8e138;border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.spinner.light{border-color:#032018 #03201840 #03201840}.result-card{background:linear-gradient(160deg,#0d2826b3,#07121edb);border-color:#54e6b433}.result-head{align-items:center;gap:12px;margin-bottom:15px;display:flex}.result-icon{color:#052019;background:linear-gradient(135deg, var(--accent), #8bf4cf);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 22px #54e6b43d}.result-icon svg{width:22px;height:22px}.result-title{flex:1;min-width:0}.result-title h3{font-size:16px}.result-title p{color:var(--muted);margin:2px 0 0;font-size:11px}.score-ring{border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid}.score-ring>div{background:#081626;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:57px;height:57px;line-height:1.1;display:flex}.score-ring strong{color:var(--accent);font-size:14px}.score-ring span{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:8px}.result-body{grid-template-columns:108px minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.result-photo{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:#02070d;width:108px;height:100%;min-height:108px}.result-facts{align-content:center;gap:7px;display:grid}.result-facts>div{border-bottom:1px solid #94b8e114;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:7px;display:flex}.result-facts>div:last-child{border-bottom:0;padding-bottom:0}.result-facts span{color:var(--faint);font-size:10px}.result-facts strong{color:#cfe0f2;text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.result-actions{gap:8px;margin-top:14px;display:flex}.result-actions .btn.primary{flex:1}.history-card{min-height:180px}.icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);background:#060f1b99;border-radius:10px;place-items:center;transition:color .16s,border-color .16s,background .16s;display:grid}.icon-btn svg{width:16px;height:16px}.icon-btn:hover:not(:disabled){color:var(--accent);background:#54e6b40f;border-color:#54e6b447}.icon-btn:disabled{opacity:.4}.empty-state{text-align:center;min-height:96px;color:var(--faint);border:1px dashed var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:9px;padding:16px;font-size:11.5px;line-height:1.6;display:flex}.history-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.history-item{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:11px;padding:8px;transition:background .16s,border-color .16s;display:flex}.history-item:hover{border-color:var(--border);background:#94b8e10b}.history-item img{object-fit:cover;border:1px solid var(--border);background:#02070d;border-radius:10px;flex:none;width:44px;height:44px}.history-copy{flex:1;min-width:0}.history-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.type-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 7px;font-size:9.5px;font-weight:700;display:inline-flex}.type-pill.check_in{color:#b7ffe8;background:#54e6b41a;border:1px solid #54e6b433}.type-pill.check_out{color:#b9ddff;background:#49b7ff1a;border:1px solid #49b7ff33}.history-top time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.history-meta{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.footer{max-width:1320px;color:var(--faint);justify-content:space-between;align-items:center;gap:14px;margin:0 auto;padding:30px 4px 0;font-size:10.5px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes scan{0%{top:-110px}to{top:100%}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1080px){.hero{grid-template-columns:1fr;gap:24px}.hero-metrics{max-width:540px}.layout{grid-template-columns:1fr}.side{grid-template-columns:1fr;align-items:stretch}.result-card,.form-card{grid-column:auto}}@media (max-width:760px){.app-shell{padding:0 10px 28px}.topbar{align-items:flex-start;padding:16px 2px}.brand-text small{display:none}.topbar-meta{gap:10px}.system-pill{display:none}.clock strong{font-size:14px}.clock span{font-size:9.5px}.hero{padding:18px 2px 20px}.hero h1{font-size:30px}.hero p{margin-top:12px;font-size:13.5px}.hero-metrics{display:none}.layout{flex-direction:column;align-items:stretch;gap:16px;display:flex}.side{display:contents}.form-card,.history-card,.result-card,.camera-card{width:100%;max-width:none}.form-card{order:1}.camera-card{order:2}.result-card{order:3}.history-card{order:4}.form-actions{flex-direction:column;gap:10px}.form-actions .btn{flex:none;width:100%}.form-actions .btn.primary{letter-spacing:0;border-radius:16px;height:58px;font-size:15.5px;box-shadow:0 14px 34px #54e6b452}.segmented{gap:6px;padding:5px}.segmented button{border-radius:11px;height:48px;font-size:13.5px}.segmented button svg{width:16px;height:16px}.camera-controls{flex-wrap:wrap}.camera-controls .btn,.camera-control-note{width:100%}.camera-card,.form-card,.history-card,.result-card{border-radius:20px;padding:16px}.camera-stage{aspect-ratio:3/4}.face-frame{width:58%}.intro-steps{grid-template-columns:1fr}.challenge-item{padding:11px}.challenge-live{display:none}.result-body{grid-template-columns:92px minmax(0,1fr)}.result-photo{width:92px;min-height:92px}.score-ring{width:64px;height:64px}.score-ring>div{width:51px;height:51px}.score-ring strong{font-size:12px}.footer{flex-direction:column;align-items:flex-start;gap:9px}}@media (max-width:480px){.hero{padding:12px 2px 16px}.eyebrow{margin-bottom:10px;font-size:10px}.hero h1{font-size:26px}.hero p{display:none}.camera-placeholder{padding:18px}}@media (max-width:420px){.hero-metrics{display:none}.card-head{gap:10px}.card-badges{flex-direction:column;align-items:flex-end}.form-actions{flex-direction:column}.btn{width:100%}.today-summary{gap:8px;padding:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn.fit{flex:none;width:auto}.field>input,.field>select{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;height:46px;color:var(--text);font:inherit;background:#040c1694;padding:0 14px;font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s}.field>input::placeholder{color:#58708c}.field>input:hover:not(:disabled),.field>select:hover:not(:disabled){border-color:var(--border-strong)}.field>input:focus,.field>select:focus{background:#050f1bcc;border-color:#54e6b48c;outline:none;box-shadow:0 0 0 3px #54e6b414}.field>select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}.form-error,.form-success{border-radius:10px;margin:0;padding:9px 12px;font-size:12px;line-height:1.45}.form-error{color:#ffc3c9;background:var(--danger-soft);border:1px solid #ff6b7a4d}.form-success{color:#b8ffe8;background:var(--accent-soft);border:1px solid #54e6b447}.password-wrap input{padding-right:58px}.password-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text);background:#94b8e114}.auth-shell{place-items:center;min-height:100vh;padding:34px 16px;display:grid;position:relative;overflow:hidden}.auth-card{z-index:2;border:1px solid var(--border-strong);width:min(100%,440px);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0a;background:linear-gradient(165deg,#0f2137eb,#07111ff2);border-radius:28px;padding:30px;animation:.45s both fade-up;position:relative}.auth-brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.auth-brand>div{flex-direction:column;gap:1px;display:flex}.auth-brand strong{letter-spacing:-.02em;font-size:19px}.auth-brand small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.auth-heading .eyebrow{margin-bottom:12px}.auth-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(26px,5vw,34px);line-height:1.1}.auth-heading p{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.65}.auth-form{gap:15px;margin-top:24px;display:grid}.auth-submit{width:100%;margin-top:4px}.auth-note{border-top:1px solid var(--border);color:var(--faint);text-align:center;margin:22px 0 0;padding-top:18px;font-size:11px;line-height:1.55}.user-menu{position:relative}.user-chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0b1829b8;border-radius:999px;align-items:center;gap:9px;padding:6px 9px 6px 6px;transition:border-color .18s,background .18s;display:flex}.user-chip:hover{border-color:var(--border-strong);background:#10233ae6}.user-avatar{color:#032018;background:linear-gradient(135deg, var(--accent), #77e8ff);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.user-avatar.small{width:32px;height:32px;font-size:10px}.user-chip-copy{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.user-chip-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;overflow:hidden}.user-chip-copy small{color:var(--muted);font-size:9.5px}.chevron{color:var(--faint);margin:0 3px;font-size:10px;transition:transform .18s}.chevron.open{transform:rotate(180deg)}.user-dropdown{z-index:50;border:1px solid var(--border-strong);width:244px;box-shadow:var(--shadow-sm);background:#0b1829;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.dropdown-identity{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:4px;padding:9px 10px 11px;display:flex}.dropdown-identity strong{font-size:13px}.dropdown-identity span{color:var(--muted);font-size:10.5px}.dropdown-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;padding:9px 10px;font-size:12.5px;display:flex}.dropdown-item:hover{background:#94b8e114}.dropdown-item.danger{color:#ffb7c0}.dropdown-item.danger:hover{background:var(--danger-soft)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02070ebd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border-strong);width:min(100%,430px);box-shadow:var(--shadow-lg);background:linear-gradient(165deg,#10233b,#081421);border-radius:22px;padding:22px;animation:.25s both fade-up}.modal-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.modal-head h2{letter-spacing:-.03em;margin:4px 0 0;font-size:22px}.modal-actions{gap:10px;margin-top:4px;display:flex}.modal-actions .btn{flex:1}.profile-summary{border-radius:var(--radius-sm);background:linear-gradient(135deg,#54e6b414,#49b7ff0a);border:1px solid #54e6b433;align-items:center;gap:11px;padding:11px;display:flex}.profile-avatar{width:39px;height:39px;color:var(--accent);background:#54e6b41f;border-radius:12px;flex:none;place-items:center;display:grid}.profile-avatar svg{width:19px;height:19px}.profile-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.profile-copy span{color:var(--muted);font-size:10.5px}.profile-lock{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:9.5px}.admin-main{max-width:1320px;margin:0 auto;padding:0 4px 24px}.admin-hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:30px 4px 24px;display:flex}.admin-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(25px,3.5vw,38px)}.admin-hero p{max-width:680px;color:var(--muted);margin:10px 0 0;font-size:13.5px;line-height:1.65}.admin-hero-actions{flex:none;gap:9px;display:flex}.admin-tabs{border:1px solid var(--border);background:#071220b3;border-radius:15px;gap:5px;margin-bottom:18px;padding:5px;display:flex;overflow-x:auto}.admin-tabs button{min-width:118px;height:40px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:12.5px;font-weight:700;display:inline-flex}.admin-tabs button svg{width:16px;height:16px}.admin-tabs button.active{color:#032018;background:linear-gradient(135deg, var(--accent), #75f0cd);box-shadow:0 8px 20px #54e6b429}.admin-section{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:linear-gradient(165deg,#0b1829d1,#060f1bb8);border-radius:20px;padding:20px;animation:.3s both fade-up}.section-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-head.compact{margin-bottom:12px}.section-head h2,.section-head h3{letter-spacing:-.03em;margin:4px 0 0}.section-head h2{font-size:22px}.section-head h3{font-size:16px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--border);background:linear-gradient(155deg,#10233abf,#07111f8c);border-radius:15px;padding:15px}.stat-card>span{color:var(--muted);font-size:11px;font-weight:600;display:block}.stat-card strong{letter-spacing:-.04em;margin:4px 0 2px;font-size:30px;line-height:1;display:block}.stat-card small{color:var(--faint);font-size:9.5px}.stat-card.success strong{color:var(--accent)}.stat-card.info strong{color:var(--blue)}.stat-card.danger strong{color:var(--danger)}.filter-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.segmented.compact{flex-wrap:wrap;width:fit-content;display:flex}.segmented.compact button{flex:none;padding:0 13px}.table-wrap{border:1px solid var(--border);background:#03091159;border-radius:14px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px;font-size:12px}.data-table th{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#94b8e109;padding:11px 12px;font-size:9.5px;font-weight:800}.data-table td{color:#dce9f8;vertical-align:middle;border-bottom:1px solid #94b8e112;padding:10px 12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#94b8e109}.today-table{min-width:860px}.employee-cell{align-items:center;gap:9px;min-width:170px;display:flex}.employee-cell>div{flex-direction:column;gap:1px;min-width:0;display:flex}.employee-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.employee-cell span{color:var(--faint);font-size:10px}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.status-pill.checked_in{color:#b8ffe8;background:#54e6b41a;border:1px solid #54e6b433}.status-pill.checked_out{color:#b9ddff;background:#49b7ff1a;border:1px solid #49b7ff33}.status-pill.absent{color:#ffc3c9;background:var(--danger-soft);border:1px solid #ff6b7a38}.thumb{object-fit:cover;border:1px solid var(--border);background:#02070d;border-radius:10px;width:46px;height:46px}.thumb.empty{color:var(--faint);place-items:center;font-size:11px;display:grid}.thumb-link{border-radius:10px;display:inline-flex}.thumb-link:hover .thumb{border-color:#54e6b480}.row-actions{flex-wrap:wrap;gap:5px;display:flex}.row-actions .btn{height:30px;padding:0 8px;font-size:10.5px}.inactive-row{opacity:.55}.admin-two-col{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;margin-bottom:18px;display:grid}.panel{border:1px solid var(--border);background:#0712208c;border-radius:16px;padding:17px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-head h3{letter-spacing:-.02em;margin:4px 0 0;font-size:17px}.panel-head>svg{width:22px;height:22px;color:var(--accent)}.form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.compact-form{gap:12px}.panel-copy{color:var(--muted);margin:0 0 12px;font-size:11.5px;line-height:1.6}.panel-copy code{color:#b9ddff;background:#94b8e11a;border-radius:4px;padding:1px 4px;font-size:10.5px}.file-drop{color:var(--text);text-align:center;cursor:pointer;background:#040c1666;border:1px dashed #94b8e14d;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;font-size:12px;font-weight:600;display:flex;position:relative}.file-drop:hover{background:#54e6b40a;border-color:#54e6b473}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-drop small{color:var(--faint);font-size:9.5px;font-weight:500}.import-result{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.import-stats{color:var(--muted);flex-wrap:wrap;gap:7px 14px;font-size:10.5px;display:flex}.import-stats strong{color:var(--text)}.danger-text{color:#ffb7c0}.import-errors{color:#ffb7c0;margin:9px 0 0;padding-left:17px;font-size:10.5px;line-height:1.55}.table-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 10px;display:flex}.search-input{border:1px solid var(--border);width:min(100%,360px);height:38px;color:var(--text);font:inherit;background:#040c168c;border-radius:10px;padding:0 12px;font-size:12px}.search-input:focus{border-color:#54e6b480;outline:none}.muted-small{color:var(--faint);white-space:nowrap;font-size:10.5px}.cell-sub{color:var(--faint);margin-top:2px;font-size:9.5px;display:block}.device-text{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--muted);font-size:10px;display:block;overflow:hidden}.logs-picker{align-items:flex-end;gap:8px;display:flex}.inline-field{min-width:230px}.inline-field .field-label{margin-bottom:1px}.inline-field select{height:38px;font-size:11.5px}.log-summary{border:1px solid var(--border);background:#0712208c;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:12px 14px;display:flex}.log-summary>div{flex-direction:column;gap:2px;display:flex}.log-summary strong{font-size:14px}.log-summary span{color:var(--muted);font-size:10.5px}.subsection{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.unlinked-list{gap:7px;display:grid}.unlinked-item{background:#ffc8570a;border:1px solid #ffc85729;border-radius:11px;align-items:center;gap:10px;padding:8px 9px;display:flex}.unlinked-item>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.unlinked-item strong{font-size:12px}.unlinked-item span{color:var(--muted);font-size:10px}.empty-panel{border:1px dashed var(--border);min-height:110px;color:var(--muted);text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:22px;font-size:12px;display:flex}.empty-panel.error{color:#ffc3c9;background:var(--danger-soft);border-color:#ff6b7a40}.empty-row{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:20px;font-size:12px;display:flex}.notice{background:var(--accent-soft);color:#c8ffeb;border:1px solid #54e6b440;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:11px 14px;font-size:12px;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:13px}.admin-footer{max-width:1320px}@media (max-width:1080px){.admin-two-col{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.auth-card{padding:24px}.user-chip-copy{display:none}.user-chip{padding:5px}.chevron{display:none}.admin-hero{flex-direction:column;align-items:flex-start;padding:20px 2px 18px}.admin-hero-actions{width:100%}.admin-hero-actions .btn{flex:1}.admin-section{padding:15px}.section-head{flex-direction:column;gap:10px}.section-head .btn{width:auto}.form-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:flex-start}.segmented.compact{width:100%}.segmented.compact button{flex:1;padding:0 8px;font-size:10.5px}.logs-picker{flex-direction:column;align-items:stretch;width:100%}.inline-field{min-width:0}.log-summary{flex-direction:column;align-items:flex-start}.table-toolbar{flex-direction:column;align-items:stretch}.search-input{width:100%}.profile-lock{display:none}.admin-tabs button{min-width:100px}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-card strong{font-size:26px}.modal-actions{flex-direction:column}.btn.fit{width:auto}}