@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#172033;--muted:#657084;--line:#d9e2dc;--panel:#fff;--blue:#165dff;--green:#11845b;--amber:#b76e00;--red:#c2413a;--slate:#334155;background:0 0;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#020b14;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}#root{background:0 0;min-height:100vh}body{background:0 0}.appShell{z-index:1;grid-template-columns:288px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-right:1px solid #1720331a;flex-direction:column;gap:26px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brandBlock{align-items:center;gap:12px;display:flex}.brandIcon{color:#fff;background:linear-gradient(135deg,#172033,#165dff 70%,#11a376);border-radius:8px;place-items:center;width:46px;height:46px;font-size:14px;font-weight:800;display:grid}.brandBlock strong{color:var(--ink);display:block}.brandBlock span{color:var(--muted);margin-top:2px;font-size:12px;display:block}nav{gap:8px;display:grid}nav button{color:#475569;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:12px 13px;display:flex}nav button.active,nav button:hover{color:#fff;background:#172033}.sidebarFoot{border:1px solid var(--line);background:#ffffffb3;border-radius:8px;margin-top:auto;padding:12px}.sidebarFoot span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;display:block}.sidebarFoot strong{color:var(--ink);word-break:break-word;margin-top:5px;font-size:12px;display:block}.mainPane{min-width:0;padding:28px}.screenStack{gap:20px;display:grid}.heroPanel{color:#fff;background:linear-gradient(135deg,#172033fa,#165dffe0),url(/favicon.svg);border-radius:14px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:center;gap:28px;min-height:360px;padding:30px;display:grid;overflow:hidden}.heroCopy h1{letter-spacing:0;margin:8px 0 12px;font-size:clamp(36px,6vw,74px);line-height:.95}.heroCopy p{color:#ffffffbf;max-width:680px;line-height:1.65}.brandMark{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:8px;place-items:center;width:64px;height:64px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#6b7a90;margin:0 0 6px;font-size:11px;font-weight:800}.heroPanel .eyebrow{color:#9ee8d0}.heroActions,.buttonRow{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.primaryBtn,.secondaryBtn,.iconBtn{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex}.primaryBtn{color:#fff;background:#11a376}.secondaryBtn{color:#172033;border:1px solid var(--line);background:#fff}.primaryBtn:disabled,.secondaryBtn:disabled{opacity:.55;cursor:not-allowed}.iconBtn{color:#172033;background:#edf4f1;width:42px;padding:0}.terminalCard{background:#050c196b;border:1px solid #ffffff2e;border-radius:12px;padding:22px;box-shadow:inset 0 1px #ffffff1f}.terminalTopline{color:#ffffffad;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.terminalAmount{letter-spacing:0;margin:32px 0;font-size:clamp(28px,5vw,48px);font-weight:800}.terminalGrid{grid-template-columns:1fr 1fr;gap:12px;font-size:13px;display:grid}.terminalGrid span{color:#ffffff8c}.terminalGrid strong{text-align:right}.metricsGrid,.operationGrid,.checkGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.operationGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.metricCard,.operationCard,.contentPanel,.resultCard,.runtimeGrid article,.checkGrid article{background:#ffffffd1;border:1px solid #1720331a;border-radius:12px;box-shadow:0 18px 40px #23304214}.metricCard{align-items:center;gap:12px;padding:16px;display:flex}.metricCard strong{color:var(--ink);font-size:24px;display:block}.metricCard span{color:var(--muted);font-size:13px;display:block}.metricIcon,.operationIcon{border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.metricIcon.blue,.operationCard.blue .operationIcon{color:var(--blue);background:#e8efff}.metricIcon.green,.operationCard.green .operationIcon{color:var(--green);background:#e5f6ef}.metricIcon.amber,.operationCard.amber .operationIcon{color:var(--amber);background:#fff3dc}.metricIcon.slate,.operationCard.slate .operationIcon{color:var(--slate);background:#eef2f7}.operationCard{text-align:left;border:1px solid #1720331a;align-content:start;gap:10px;min-height:170px;padding:16px;display:grid}.operationCard strong{color:var(--ink);font-size:17px}.operationCard small{color:var(--muted);line-height:1.45}.operationCard:hover{transition:transform .16s;transform:translateY(-2px)}.contentPanel{gap:20px;padding:24px;display:grid}.sectionHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.sectionHeader h2{color:var(--ink);letter-spacing:0;margin:0 0 8px;font-size:32px}.sectionHeader p:not(.eyebrow){color:var(--muted);max-width:850px;margin:0;line-height:1.6}.formGrid{gap:14px;display:grid}.formGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{color:#4b5563;text-transform:uppercase;letter-spacing:.06em;gap:7px;font-size:12px;font-weight:800;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfdfc;border-radius:8px;outline:none;padding:12px 13px}.checkboxLine{grid-template-columns:auto 1fr;align-content:center;align-items:center;padding-top:20px}.checkboxLine input{width:18px;height:18px}.statusPill{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.resultCard{gap:12px;padding:16px;display:grid;overflow:auto}.resultCard pre{color:#e2e8f0;background:#101827;border-radius:8px;margin:0;padding:14px;font-size:12px;line-height:1.5;overflow:auto}dl{gap:10px;margin:0;display:grid}dl div{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:12px;padding-bottom:10px;display:grid}dt{color:var(--muted);font-weight:700}dd{color:var(--ink);margin:0;font-weight:800}.errorText{color:var(--red);margin:0;font-weight:800}.mutedText{color:var(--muted);margin:0}.authNotice,.warningBox{color:#725000;background:#fff7e6;border:1px solid #ffdf9a;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.checkGrid article{gap:8px;padding:15px;display:grid}.checkGrid article svg{color:#165dff}.checkGrid strong{color:var(--ink)}.checkGrid span{color:var(--muted);line-height:1.5}.runtimeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.runtimeGrid article{padding:16px}.runtimeHeading{align-items:center;gap:9px;margin-bottom:12px;display:flex}.runtimeHeading .statusPill{margin-left:auto}.runtimeList{gap:8px;display:grid}.runtimeList div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.runtimeList span{color:var(--muted);word-break:break-word}.runtimeList strong{color:var(--ink);text-align:right;word-break:break-word}.payoutFlow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.payoutFlow article{border:1px solid var(--line);background:#fbfdfc;border-radius:12px;gap:9px;min-height:150px;padding:16px;display:grid}.payoutFlow strong{color:var(--ink);font-size:18px}.payoutFlow span{color:var(--muted)}.spanTwo{grid-column:span 2}@media (width<=1100px){.appShell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.heroPanel{grid-template-columns:1fr}.operationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metricsGrid,.checkGrid,.formGrid.three{grid-template-columns:1fr}}@media (width<=720px){.mainPane,.sidebar{padding:14px}.sidebar nav{grid-template-columns:1fr}.heroPanel,.contentPanel{border-radius:10px;padding:18px}.formGrid.two,.runtimeGrid,.payoutFlow{grid-template-columns:1fr}.spanTwo{grid-column:auto}.payoutFlow>svg{justify-self:center;transform:rotate(90deg)}dl div{grid-template-columns:1fr;gap:4px}}.operationGrid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.operationCard.selected{border-color:#165dff;box-shadow:0 0 0 3px #165dff1f}.operationIcon.slate{color:var(--slate);background:#eef2f7}.noTop{margin-top:0}.buttonLabel{align-content:end}.successText{color:var(--green);margin:0;font-weight:800}@media (width<=1100px){.operationGrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.operationGrid.compact{grid-template-columns:1fr}}.authPage{z-index:1;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.authCard{background:#ffffffe6;border:1px solid #1720331a;border-radius:14px;gap:15px;width:min(440px,100%);padding:24px;display:grid;box-shadow:0 22px 60px #23304224}.authCard.compact{text-align:center;justify-items:center}.authCard h1{color:var(--ink);letter-spacing:0;margin:0;font-size:34px}.authCard p:not(.eyebrow):not(.errorText){color:var(--muted);margin:0;line-height:1.6}.authIcon{color:#fff;background:#172033;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.sessionBar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #1720331f;border-radius:999px;align-items:center;gap:10px;padding:7px 9px 7px 12px;display:flex;position:fixed;top:12px;right:16px;box-shadow:0 12px 30px #2330421a}.sessionBar span{color:var(--ink);font-size:13px;font-weight:800}.sessionLogout{color:#fff;background:#172033;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-weight:800;display:inline-flex}@media (width<=720px){.sessionBar{border-radius:0;flex-wrap:wrap;justify-content:center;position:static}}.faceCapture{border:1px solid var(--line);background:#fbfdfc;border-radius:12px;gap:12px;padding:14px;display:grid}.cameraBox{background:#101827;border-radius:10px;place-items:center;min-height:280px;display:grid;overflow:hidden}.cameraBox video{object-fit:cover;width:100%;max-height:360px;display:block}.cameraPlaceholder{color:#cbd5e1;justify-items:center;gap:8px;font-weight:800;display:grid}.terminalAtmosphere{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}body{color:#e8f4f2;background:0 0}body:before{content:"";pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(0deg,#ffffff07 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:92px 92px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 78%);mask-image:radial-gradient(circle,#000 0%,#0000 78%)}.appShell{isolation:isolate;color:#e8f4f2;position:relative}.sidebar{background:linear-gradient(#08121fd1,#08121f8f);border-right:1px solid #91ffe029;box-shadow:12px 0 70px #00000038}.brandIcon{color:#07121f;background:conic-gradient(from 140deg,#70f7db,#2f7cff,#ffcf66,#70f7db);box-shadow:0 0 32px #70f7db42}.brandBlock strong,.sidebarFoot strong,.metricCard strong,.operationCard strong,.sectionHeader h2,dd,.checkGrid strong,.runtimeList strong,.payoutFlow strong,.authCard h1,.sessionBar span{color:#f6fffb}.brandBlock span,.sidebarFoot span,.metricCard span,.operationCard small,.sectionHeader p:not(.eyebrow),dt,.mutedText,.runtimeList span,.payoutFlow span,.authCard p:not(.eyebrow):not(.errorText){color:#dff4efa8}nav button{color:#dff4efb8;border:1px solid #0000}nav button.active,nav button:hover{color:#fff;background:linear-gradient(135deg,#70f7db2e,#2f7cff2e);border-color:#70f7db3d;box-shadow:inset 0 1px #ffffff14,0 12px 28px #00000029}.sidebarFoot,.metricCard,.operationCard,.contentPanel,.resultCard,.runtimeGrid article,.checkGrid article,.authCard,.terminalCard,.faceCapture,.payoutFlow article{-webkit-backdrop-filter:blur(20px)saturate(1.16);backdrop-filter:blur(20px)saturate(1.16);background:linear-gradient(145deg,#081522c7,#12273594);border-color:#a3ffe629;box-shadow:0 24px 70px #00000038,inset 0 1px #ffffff12}.heroPanel{background:linear-gradient(135deg,#091422e6,#09232db8),radial-gradient(circle at 78% 20%,#ffcf663d,#0000 34%),radial-gradient(circle at 20% 76%,#70f7db33,#0000 32%);border:1px solid #a3ffe62e;min-height:430px;position:relative;box-shadow:0 36px 100px #00000047}.heroPanel:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff1a 42%,#0000 58%),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 22px);animation:7s ease-in-out infinite terminalSheen;position:absolute;inset:0}.heroPanel>*{z-index:1;position:relative}.heroCopy h1{color:#fff;text-shadow:0 0 36px #70f7db3d}.heroCopy p{color:#edfffac7}.brandMark{background:#70f7db1a;border-color:#70f7db47;box-shadow:0 0 44px #70f7db24}.eyebrow,.heroPanel .eyebrow{color:#70f7db}.primaryBtn{color:#061018;background:linear-gradient(135deg,#70f7db,#ffcf66);box-shadow:0 14px 32px #70f7db2e}.secondaryBtn,.iconBtn{color:#effffb;background:#ffffff14;border-color:#a3ffe629}.primaryBtn:hover,.secondaryBtn:hover,.iconBtn:hover{transform:translateY(-1px)}.terminalCard{background:linear-gradient(#040b14d1,#0c1a26b8),repeating-linear-gradient(0deg,#70f7db0d 0 1px,#0000 1px 7px)}.terminalAmount{color:#fff;text-shadow:0 0 28px #ffcf663d}.metricIcon.blue,.operationCard.blue .operationIcon,.metricIcon.green,.operationCard.green .operationIcon,.metricIcon.amber,.operationCard.amber .operationIcon,.metricIcon.slate,.operationCard.slate .operationIcon,.operationIcon.slate{color:#70f7db;background:#ffffff14;border:1px solid #70f7db29}.metricIcon.amber,.operationCard.amber .operationIcon{color:#ffcf66}.metricIcon.blue,.operationCard.blue .operationIcon{color:#8eb8ff}.metricIcon.green,.operationCard.green .operationIcon{color:#70f7db}.metricIcon.red{color:#ff9a90;background:#ff786e1f}.operationCard{transition:transform .18s,border-color .18s,box-shadow .18s}.operationCard:hover,.operationCard.selected{border-color:#70f7db61;transform:translateY(-4px);box-shadow:0 28px 80px #00000047,inset 0 0 0 1px #70f7db1f}.sectionHeader{border-bottom-color:#a3ffe621}label{color:#dff4efb8}input,select{color:#fff;background:#ffffff14;border-color:#a3ffe629}select option{color:#fff;background:#0b1724}input::placeholder{color:#dff4ef66}input:focus,select:focus{border-color:#70f7db9e;box-shadow:0 0 0 3px #70f7db1f,0 0 22px #70f7db1f}.statusPill.ready{color:#9fffe6;background:#70f7db24}.statusPill.pending{color:#ffdc82;background:#ffcf6624}.statusPill.blocked{color:#ffaaa2;background:#ff716224}.statusPill.info{color:#b8d0ff;background:#8eb8ff24}.resultCard pre{background:#040a12c7;border:1px solid #a3ffe61f}dl div,.runtimeList div{border-bottom-color:#a3ffe61a}.authNotice,.warningBox{color:#ffdc82;background:#ffcf6617;border-color:#ffcf6633}.errorText{color:#ffaaa2}.successText{color:#9fffe6}.authPage{position:relative}.authCard{background:linear-gradient(145deg,#081522db,#122735ad)}.authIcon{color:#07121f;background:linear-gradient(135deg,#70f7db,#ffcf66)}.sessionBar{color:#effffb;background:#081522c2;border-color:#a3ffe62e}.sessionLogout{color:#061018;background:linear-gradient(135deg,#70f7db,#ffcf66)}.cameraBox{background:#040a12c2;border:1px solid #a3ffe629}@keyframes terminalSheen{0%,to{opacity:.35;transform:translate(-18%)}50%{opacity:.8;transform:translate(18%)}}@media (prefers-reduced-motion:reduce){.heroPanel:before,.operationCard,.primaryBtn,.secondaryBtn,.iconBtn{transition:none;animation:none}.terminalAtmosphere{opacity:.5}}
