@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#e8f2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#07111e;--surface:#0a1120d6;--surface-strong:#080e1af0;--border:#add6ff1f;--border-strong:#add6ff2e;--text:#e8f2ff;--text-soft:#e8f2ffb8;--accent:#49d3c7;--accent-2:#5f8cff;--warning:#ffc346;--shadow:0 20px 60px #02081452, inset 0 1px 0 #ffffff08;background:radial-gradient(circle at top,#1d385eb8,#0000 34%),linear-gradient(#060d19 0%,#07121f 52%,#04070e 100%);font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}body,button,input,textarea,select{font:inherit}img{max-width:100%}button,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none}#root{min-height:100vh}h1,h2,h3,h4{letter-spacing:-.04em;font-family:Space Grotesk,IBM Plex Sans,sans-serif}p{text-wrap:pretty}::selection{color:#f8fbff;background:#49d3c747}.app-shell{isolation:isolate;min-height:100svh;position:relative}.ambient{pointer-events:none;z-index:-1;filter:blur(30px);opacity:.85;position:fixed;inset:auto}.ambient-a{background:radial-gradient(circle,#49d3c76b,#0000 70%);width:22rem;height:22rem;top:-8rem;right:-4rem}.ambient-b{background:radial-gradient(circle,#ffb65047,#0000 72%);width:24rem;height:24rem;bottom:-6rem;left:-5rem}.auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:24px;width:min(1440px,100% - 32px);min-height:100svh;margin:0 auto;padding:24px 0 32px;display:grid}.hero-panel,.login-panel,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1120c2;border:1px solid #add6ff24;box-shadow:0 24px 70px #02081466,inset 0 1px #ffffff0a}.hero-panel{border-radius:30px;flex-direction:column;justify-content:space-between;gap:28px;padding:32px;display:flex;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#49d3c71f,#0000 32%),radial-gradient(circle at 0 100%,#ffb65014,#0000 28%);position:absolute;inset:0}.brand-row{z-index:1;align-items:flex-start;gap:18px;display:flex;position:relative}.brand-mark{background:linear-gradient(135deg,#49d3c733,#63a4ff2e),#10182beb;border:1px solid #49d3c740;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 30px #10182b52}.brand-mark-small{border-radius:14px;width:46px;height:46px}.brand-mark-icon,.panel-icon,.stat-icon,.sample-card-icon,.credentials-icon,.capture-icon,.button-icon,.pill-icon,.empty-preview-icon,.empty-state-icon,.credentials-head svg{color:#dbeafe;flex-shrink:0;width:20px;height:20px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#8cb4ff;margin:0 0 10px;font-size:.72rem}.hero-panel h1{letter-spacing:-.06em;color:#f7fbff;max-width:12ch;margin:0;font-size:clamp(3rem,6vw,5.5rem);line-height:.95}.hero-copy{color:#e2edffc2;z-index:1;max-width:56ch;margin:0;font-size:1.02rem;line-height:1.7;position:relative}.hero-metrics{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;position:relative}.metric{background:#0d1425b8;border:1px solid #add6ff1f;border-radius:22px;padding:18px 18px 20px}.metric span{color:#cedfffa8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;display:block}.metric strong{color:#f8fbff;font-size:1.05rem;line-height:1.35;display:block}.sample-card{z-index:1;background:linear-gradient(#0c1426f0,#0c1426d6);border:1px solid #add6ff21;border-radius:26px;padding:22px 24px 24px;position:relative}.sample-card-head,.credentials-head,.capture-head,.history-topline,.history-main,.site-card-top,.panel-heading,.stat-card-top,.topbar-brand,.topbar-meta,.submit-row,.action-row,.radius-row,.employee-row,.review-card,.review-meta{align-items:center;display:flex}.sample-card-head{color:#e8f4ff;gap:12px;margin-bottom:18px;font-weight:600}.flow-list{color:#e1ecffc2;gap:10px;margin:0;padding:0 0 0 20px;line-height:1.6;display:grid}.login-panel{border-radius:30px;align-items:stretch;padding:20px;display:flex}.login-card{border-radius:26px;width:100%;padding:24px}.panel{border-radius:24px;padding:22px}.panel-heading{justify-content:space-between;gap:16px;margin-bottom:18px}.panel-label{color:#8cb4ff;text-transform:uppercase;letter-spacing:.18em;margin:0 0 6px;font-size:.76rem}.panel-heading h2,.panel-heading h3{color:#f5f8ff;margin:0}.panel-heading h2{font-size:1.3rem;line-height:1.25}.panel-heading h3{color:#e3edffb8;max-width:52ch;font-size:.96rem;font-weight:500;line-height:1.6}.login-form{gap:16px;display:grid}.field{gap:10px;display:grid}.field span{color:#e3edffcc;font-size:.88rem;font-weight:500}.field input,.field textarea{box-sizing:border-box;color:#f8fbff;width:100%;font:inherit;background:#080e1ab8;border:1px solid #add6ff24;border-radius:18px;outline:none;padding:15px 16px;line-height:1.55;transition:border-color .16s,box-shadow .16s,transform .16s}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field textarea:focus{border-color:#49d3c7a6;box-shadow:0 0 0 4px #49d3c71f}.form-error{color:#ffaeae;margin:0;font-size:.94rem}.primary-button,.ghost-button,.action-button,.mini-button,.file-button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-weight:700;line-height:1;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s,color .16s;display:inline-flex}.primary-button{color:#07111f;background:linear-gradient(135deg,#49d3c7,#5f8cff);padding:15px 18px;box-shadow:0 16px 30px #13587747}.primary-button:hover,.ghost-button:hover,.action-button:hover,.mini-button:hover,.file-button:hover{transform:translateY(-1px)}.button-icon{color:inherit}.ghost-button{color:#f8fbff;background:#0a1120c2;border-color:#add6ff24;padding:12px 16px}.credentials-card{background:#080e1aa6;border:1px solid #add6ff1f;border-radius:22px;margin-top:20px;padding:18px}.credentials-head{color:#f8fbff;gap:10px;margin-bottom:14px;font-weight:600}.credential-grid{gap:10px;display:grid}.credential{background:#0d1425d1;border:1px solid #add6ff1f;border-radius:18px;padding:12px 14px}.credential strong{color:#f8fbff;margin-bottom:6px;display:block}.credential p{color:#e1ecffbd;margin:0;font-size:.92rem}.workspace{gap:18px;width:min(1440px,100% - 32px);margin:0 auto;padding:24px 0 36px;display:grid}.topbar{border-radius:24px;justify-content:space-between;gap:14px;padding:18px 20px}.topbar-brand{gap:14px}.topbar-brand h2{color:#f8fbff;margin:0;font-size:1.18rem;line-height:1.2}.topbar-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px}.status-pill,.status-chip,.stat-mini{color:#f8fbff;background:#080e1ab8;border:1px solid #add6ff1f;border-radius:999px;align-items:center;gap:8px;padding:11px 14px;display:inline-flex}.status-pill-soft{background:#0b2128d1}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{background:#0a1120c7;border:1px solid #add6ff1f;border-radius:24px;padding:18px 20px 20px;box-shadow:0 18px 50px #0208142e,inset 0 1px #ffffff08}.stat-card-top{color:#dde9ffc2;justify-content:space-between;gap:10px;margin-bottom:16px}.stat-card strong{color:#f8fbff;margin-bottom:8px;font-size:1.18rem;line-height:1.35;display:block}.stat-card p{color:#dde9ffb8;margin:0;line-height:1.5}.dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:16px;display:grid}.stack{gap:16px;display:grid}.action-row{flex-wrap:wrap;gap:10px;margin-bottom:18px}.action-button{color:#f8fbff;background:#080e1ac2;border-color:#add6ff24;padding:13px 16px}.action-button.secondary{color:#d7ebff}.action-button.is-active{background:linear-gradient(135deg,#49d3c733,#5f8cff38);border-color:#49d3c757;box-shadow:0 10px 24px #0712253d}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.capture-card{background:#080e1ab8;border:1px solid #add6ff1f;border-radius:20px;gap:12px;padding:16px;display:grid}.capture-head{color:#f8fbff;gap:10px;font-weight:600}.file-button,.mini-button{color:#f8fbff;background:#0e182be0;border-color:#add6ff24;width:100%;padding:12px 14px}.file-button input{display:none}.mini-button.compact{width:auto;padding-inline:12px}.helper-text{color:#dde9ffad;margin:0;font-size:.92rem;line-height:1.55}.submit-row{flex-wrap:wrap;gap:12px}.dot{background:#ffffff3d;border-radius:999px;width:10px;height:10px}.dot.on{background:#4fe0bb;box-shadow:0 0 0 4px #4fe0bb29}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.detail-item{background:#080e1aad;border:1px solid #add6ff1f;border-radius:18px;padding:14px 15px}.detail-item span{color:#dde9ffad;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:.76rem;display:block}.detail-item strong{color:#f8fbff;font-size:.95rem;line-height:1.45}.selfie-preview{background:radial-gradient(circle at top,#49d3c71a,#0000 48%),#080e1aad;border:1px solid #add6ff1f;border-radius:24px;min-height:280px;overflow:hidden}.selfie-preview img{object-fit:cover;width:100%;height:100%;min-height:280px;display:block}.empty-preview,.empty-state{color:#dde9ffad;place-items:center;gap:10px;min-height:280px;display:grid}.empty-preview-icon,.empty-state-icon{width:28px;height:28px}.history-list,.review-list,.masterlist,.site-list{gap:12px;display:grid}.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.filter-field{gap:8px;display:grid}.filter-field span{color:#dde9ffad;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.filter-field select{color:#f8fbff;width:100%;font:inherit;background:#080e1ab8;border:1px solid #add6ff1f;border-radius:16px;padding:13px 14px}.history-card,.site-card,.employee-row,.review-card{background:#080e1aad;border:1px solid #add6ff1f;border-radius:20px;padding:16px}.history-card{gap:12px;display:grid}.history-topline,.history-main,.site-card-top,.employee-row,.review-card{justify-content:space-between;gap:12px}.history-topline p,.history-main p,.site-card p,.employee-row p,.review-card p{color:#dde9ffb8;margin:0;line-height:1.45}.history-time{font-weight:700;color:#f8fbff!important}.history-date{font-size:.92rem}.history-main strong,.site-card strong,.employee-row strong,.review-card strong{color:#f8fbff;margin-bottom:4px;display:block}.history-main span,.history-meta span,.employee-meta span,.review-meta span,.sheet-row span{color:#dde9ffad;font-size:.88rem}.history-meta,.employee-meta,.review-meta{flex-wrap:wrap;gap:8px;display:flex}.history-remarks{color:#e8f1ffd1;margin:0;line-height:1.5}.status-badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:8px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.status-valid{color:#b8ffe9;background:#4fe0bb1f;border-color:#4fe0bb42}.status-for-review{color:#ffe7a8;background:#ffc3461f;border-color:#ffc3463d}.status-invalid,.status-flagged,.status-needs-correction{color:#ffb3b3;background:#ff76761f;border-color:#ff76763d}.site-card.is-selected{border-color:#49d3c74d;box-shadow:0 0 0 1px #49d3c714}.radius-row{gap:12px;margin:12px 0}.radius-row input[type=range]{accent-color:#49d3c7;width:100%}.admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.stat-mini{justify-content:space-between}.stat-mini span{color:#dde9ffb8;font-size:.82rem}.stat-mini strong{color:#f8fbff}.sheet-columns{gap:8px;display:grid}.sheet-row{background:#080e1aa3;border:1px solid #add6ff14;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sheet-row strong{color:#f8fbff;font-size:.92rem}.empty-state{min-height:170px}@media (width<=1280px){.dashboard-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.auth-layout,.workspace{width:min(100%,100% - 24px);padding-top:16px}.auth-layout{grid-template-columns:1fr}.hero-panel{padding:24px}.hero-metrics,.upload-grid,.detail-grid,.admin-kpis,.filter-bar{grid-template-columns:1fr}.topbar,.panel,.hero-panel,.login-panel{border-radius:22px}.topbar{flex-direction:column;align-items:flex-start}.topbar-meta{justify-content:flex-start;width:100%}.summary-grid{grid-template-columns:1fr}}@media (width<=720px){.hero-panel h1{max-width:none;font-size:clamp(2.3rem,12vw,3.3rem)}.panel-heading,.history-main,.employee-row,.review-card,.site-card-top,.history-topline,.submit-row,.radius-row{flex-direction:column;align-items:flex-start}}