/* FaceUpCheck: violet glass workspace, inspired by the supplied Arounda reference. */
:root{--bg:#090710;--panel:#15111f;--border:#30293e;--muted:#a49eb6;--text:#f3eefc;--accent:#c1a6ff;--red:#ff9fae}
body{background:radial-gradient(ellipse at 50% -15%,#45306a55,transparent 50%),#090710;font-family:'Segoe UI',Arial,sans-serif}body::before{content:'';position:fixed;pointer-events:none;inset:0;background:radial-gradient(ellipse at 94% 52%,#5b2db912,transparent 40%);z-index:-1}
button{background:#211a30;border-color:#393047;border-radius:10px;color:#e1d8f1;transition:background .15s,border-color .15s}button:hover{background:#342546;border-color:#867098}button.primary{background:linear-gradient(130deg,#f0e9ff,#c9b2fb);border-color:#f0e9ff77;color:#231637;box-shadow:0 3px 22px #a78bea22}button.primary:hover{background:#f0e8ff}input,select,textarea{background:#100d19;border-color:#3e344e;color:#eee7f8}input[type=range]{accent-color:#c1a6ff}p,small{color:var(--muted)}label{color:#c7bcd8}.eyebrow{color:#ae9cc9;letter-spacing:2px}.brand>span:last-child{color:#c6aff4}.mark{background:linear-gradient(145deg,#e2d2ff,#9671d9);color:#27163f;border-radius:11px;box-shadow:0 0 25px #a78bee24;transform:rotate(-7deg)}
aside{position:relative;inset:auto;max-width:1480px;width:calc(100% - 64px);margin:0 auto;min-height:94px;padding:18px 0;background:transparent;border-right:0;border-bottom:1px solid #ae8ed41f;display:flex;flex-direction:row;align-items:center;gap:24px}.navlabel,.aside-bottom{display:none}aside .brand{font-size:18px}nav{margin:auto;display:flex;gap:3px;min-width:0}nav button{width:auto;gap:7px;padding:10px 11px;font-size:12px;white-space:nowrap;color:#aaa0bc;border:1px solid transparent;border-radius:22px}nav button.active{background:linear-gradient(135deg,#382850,#241b37);border-color:#7c639b66;color:#e2d0ff;box-shadow:inset 0 1px #dcc5ff14,0 0 25px #9d74dd0c}nav b{color:#e5d4ff;background:#4c3668}.logout{margin:0;white-space:nowrap;padding:8px 13px;font-size:11px;background:#20172e;border-color:#473657;border-radius:22px}
main{margin:0 auto;padding:32px 0 24px;max-width:1240px;width:calc(100% - 80px)}header{margin-bottom:25px}header h1{font-weight:500;font-size:29px;letter-spacing:-1px}.account .avatar{background:#2f2341;border-color:#675080;color:#decefa}.account small{color:#8e809f}.stats{gap:16px;margin-bottom:26px}.stats article{border-color:#42354e88;background:linear-gradient(140deg,#292035cc,#171220aa);box-shadow:inset 0 1px #d7bbff09;border-radius:15px;padding:21px 24px}.stats strong{font-size:30px;font-weight:450;color:#ebe0ff}.stats span{color:#beb0cf}.stats small{color:#90829f}.stats .engine-stat strong{color:#c6adf4}.panel{background:linear-gradient(140deg,#21192bbb,#14101ed9);border-color:#3d304e99;border-radius:15px;box-shadow:inset 0 1px #ccb4ef08}.panel-head{border-color:#3a2d4766}.panel-head>span{color:#ada0be}.padded{padding:25px}.section-head h2{font-weight:450}.section-head p{color:#a89cb9}.pill{color:#c4acf1;border-color:#61497b;border-radius:20px}.pill.neutral{color:#beb0cf;border-color:#51415f}.dropzone{border-color:#725492;background:radial-gradient(ellipse at 50% 0,#442e6555,transparent),#1b1526;color:#d1baf8;border-radius:13px}.dropzone span{color:#ac9bbf}.dropzone:hover{border-color:#b493e0}.empty{color:#a698b6;border-color:#44334f}.hint,.info p{color:#a598b4}.info ol{color:#b6a5c8}.selected-preview>span{color:#aa8bc9}.selected-preview img{border:1px solid #6f5187}.selected-preview p{color:#b09ac3}
main[data-tab=overview]{display:flex;flex-direction:column}main[data-tab=overview]>header{order:0}main[data-tab=overview]>#tab-overview{display:contents}main[data-tab=overview] .overview-hero{order:1}main[data-tab=overview]>.stats{order:2;position:relative;margin: -18px 24px 30px;z-index:2}main[data-tab=overview] .overview-grid{order:3}main[data-tab=overview]>footer{order:4}main:not([data-tab=overview])>.stats{display:none}
.overview-hero{min-height:510px;text-align:center;padding:42px 35px 0;margin:0;border-color:#59416e66;border-radius:23px;background:radial-gradient(ellipse at 50% -35%,#ae82e57a,transparent 57%),radial-gradient(ellipse at 50% 110%,#6742954a,transparent 70%),linear-gradient(150deg,#171020,#0d0914 58%,#1d112a);box-shadow:inset 0 1px #dac1ff20,0 30px 65px #0004}.overview-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 17%,#d5b0ff04 18%,transparent 22%);mask-image:linear-gradient(#000,transparent)}.overview-hero>div:first-child{max-width:760px;margin:0 auto}.overview-hero .eyebrow{display:inline-block;padding:7px 13px;border:1px solid #a58ac34a;border-radius:22px;background:#d5b5ff08;color:#c4b0df;font-size:9px;letter-spacing:1.1px}.overview-hero h2{font-size:44px;font-weight:400;line-height:1.16;letter-spacing:-1.7px;margin:23px 0 15px;background:linear-gradient(130deg,#efe3ff,#b58fde 75%);color:#d2b9f3;background-clip:text;-webkit-text-fill-color:transparent}.overview-hero p{color:#a89bb9;max-width:460px;margin:0 auto;font-size:13px}.overview-hero .row{justify-content:center;margin-top:22px;gap:13px}.overview-hero button{border-radius:24px;padding:12px 22px;font-size:12px}.hero-orbit{display:none}.hero-stage{height:176px;max-width:570px;position:relative;margin:32px auto 0;pointer-events:none}.glass-tile{position:absolute;bottom:-10px;width:180px;height:147px;background:linear-gradient(140deg,#b996e422,#21152e99);border:1px solid #b599d740;border-radius:12px;box-shadow:inset 0 1px #ead4ff22,0 16px 38px #0006;overflow:hidden;text-align:left;padding:15px;color:#ccbadf}.glass-tile.left{left:0;transform:rotate(-7deg);bottom:-18px}.glass-tile.right{right:0;transform:rotate(7deg);bottom:-18px}.glass-tile.center{width:226px;height:178px;left:calc(50% - 113px);z-index:1;text-align:center;background:linear-gradient(150deg,#4e386b99,#20152fc9);padding:15px}.glass-tile small{font-size:9px;letter-spacing:1px;color:#bbabd0;display:block}.glass-tile strong{font-weight:400;font-size:17px;display:block;margin-top:9px}.glass-tile .mini-line{height:5px;border-radius:4px;background:#baa1da24;margin:12px 0;width:80%}.glass-tile .mini-line:nth-child(odd){width:55%}.face-orb{position:relative;margin:14px auto;width:66px;height:78px;border:1px solid #d9c1f380;border-radius:48% 48% 43% 43%;box-shadow:0 0 28px #c39af23b,inset 0 0 24px #c29bea24}.face-orb::before{content:'·  ·';position:absolute;inset:11px 0;font-size:32px;color:#e5ceff;letter-spacing:7px}.face-orb::after{content:'';position:absolute;top:48px;left:-26px;right:-26px;height:1px;background:#ddc7f7;box-shadow:0 0 10px #e8ccff}.mini-bars{display:flex;align-items:flex-end;gap:9px;height:60px;margin-top:15px}.mini-bars i{display:block;flex:1;background:linear-gradient(#ad8acd55,#ad8acd08);border-top:1px solid #e0c8f577;height:40%}.mini-bars i:nth-child(2){height:75%}.mini-bars i:nth-child(3){height:55%}.mini-bars i:nth-child(4){height:90%}.chart-bar{background:linear-gradient(0deg,#65458c,#c9a8f1)}.chart-legend{border-color:#493550;color:#aa97ba}.chart-column b{color:#c9b8db}.big-number{color:#d2b7f6}.text-button{color:#c8a9f0}.system-line{border-color:#3c2d4666;color:#b29dc4}.system-line b{color:#d4c5e4;font-weight:500}.job-icon{background:#32213f;color:#c8a8e7}.job-row,.queue-row,.audit-row{border-color:#42304966}.job-status{color:#c8b2df;border-color:#655075}.audit-dot{background:#bda0da}.profile-card{background:linear-gradient(145deg,#281c35aa,#16101f);border-color:#493254;border-radius:15px}.profile-top>img{border-color:#6e507e}.reference-strip{border-color:#483252}.reference-strip>button{background:#2b1c39;border-color:#755286;color:#d1b2eb}.reference-strip>button small{color:#bca0d2}.profile-top p,.reference-strip small{color:#a08baf}.quality-report{background:#2b1d36}.tag{background:#352240;color:#d9bcec}.tag.media{background:#252541;color:#b9bfe8}td,th{border-color:#3b2e4566}th{color:#a795b8}.table-wrap{scrollbar-color:#5d4572 #171020}.event-evidence{background:#15101e;border-color:#533b64;color:#baa6cb}dialog{background:#191121;border-color:#725382;border-radius:16px}#notice{background:#312042;border-color:#8a649f;color:#eee0fc}.review-badge.confirmed,.match-image-card strong{color:#8ce4ad}.review-badge.confirmed{background:#203b2b;border-color:#3f8259}.review-badge.rejected{background:#3a222e;border-color:#74425b}.camera-guide{background:linear-gradient(140deg,#30213af7,#1b1429fa);border-color:#77548b99;box-shadow:0 12px 35px #0006;top:10px}.guide-symbol{background:#49305f;border-color:#9471b3;color:#e1c5fa;box-shadow:0 0 25px #a978d122}.guide-copy .eyebrow{color:#c3a8db}.guide-copy p{color:#c1aecf}.guide-time{border-color:#775389;color:#ddc3ed}.guide-step{background:#21172e;border-color:#513860;color:#a68ab9}.guide-step b{border-color:#735182}.guide-step.active{background:#463056;border-color:#c59ee1;color:#f1dfff}.guide-step.active b{background:#dbbaf1;border-color:#dbbaf1;color:#2e1a3d}.guide-step.done{background:#173b27;border-color:#3c9b60;color:#84efae}.guide-step.done b{background:#43d882;border-color:#43d882;color:#082e17}.viewport{background:radial-gradient(ellipse at center,#30233d,#100b18)}.scan-icon{color:#a486bb}.corner{border-color:#9374ad}.telemetry{background:#171020;border-color:#4d355a;color:#a58ab8}.telemetry b{color:#d9bce9}.camera-empty p{color:#a18aae}.camera-bottom>span{color:#aa93bb}.login-art{background:radial-gradient(ellipse at 75% 65%,#573173,#140c21 65%)}.login-art h1{color:#e5cff8;font-weight:400}.face-art{border-color:#b18acf;box-shadow:0 0 0 25px #c594ff10,0 0 0 60px #c594ff05}.eyes{color:#dcbbf7}.mouth{border-color:#dfbbff}.scan-line{background:#dcc4f0;box-shadow:0 0 30px #d4aaff}footer{border-color:#46315166;color:#92809f}footer b{color:#776384}
@media(max-width:1200px){aside{gap:12px;width:calc(100% - 36px)}nav button{padding:9px 8px;font-size:11px;gap:5px}aside .brand{font-size:16px}.logout{font-size:10px;padding:7px 9px}main{width:calc(100% - 48px)}.overview-hero h2{font-size:39px}.guide-copy h3{font-size:22px}}
@media(max-width:1000px){aside{flex-wrap:wrap;padding:18px 0 12px;gap:12px}aside .brand{margin:0}aside .logout{position:static;margin-left:auto;order:1}nav{order:2;width:100%;justify-content:center;margin:0;overflow:auto}.overview-hero{min-height:490px}.stats article{padding:17px}.stats .engine-stat strong{font-size:16px}.guide-copy h3{font-size:20px}}
@media(max-width:650px){aside{width:calc(100% - 30px)}nav{justify-content:flex-start;gap:5px}nav button{font-size:11px;padding:9px 11px;flex-shrink:0}main{width:calc(100% - 30px);padding-top:25px}header h1{font-size:25px}header .eyebrow{font-size:8px;letter-spacing:1.5px}.account{font-size:11px}.overview-hero{padding:30px 15px 0;min-height:465px;border-radius:17px}.overview-hero h2{font-size:31px;letter-spacing:-1px;line-height:1.2;margin-top:20px}.overview-hero p{font-size:12px;max-width:280px}.overview-hero button{padding:11px 16px;font-size:11px}.hero-stage{width:100%;height:160px;margin-top:30px}.glass-tile{width:125px;height:125px;padding:12px}.glass-tile.center{width:164px;left:calc(50% - 82px);height:161px}.glass-tile strong{font-size:13px}.glass-tile small{font-size:7px}.glass-tile.left{left:-10px}.glass-tile.right{right:-10px}.mini-bars{gap:6px}main[data-tab=overview]>.stats{margin:0 0 24px;gap:10px}.stats article{padding:16px}.stats strong{font-size:25px}.stats small{font-size:9px}.stats .engine-stat strong{font-size:15px}.overview-grid{gap:0}.padded{padding:20px}.guide-copy h3{font-size:18px}.guide-current{padding:14px}.guide-time{font-size:9px}.camera-guide{top:0}.guide-symbol{box-shadow:none}.section-head h2{font-size:20px}.login-art h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.step-countdown{font-style:normal;font-size:11px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;align-self:center;border:1px solid #745884;border-radius:6px;padding:5px 7px;color:#dec6ee}.guide-step.done .step-countdown{color:#83efae;border-color:#367d50}.guide-step.failed{background:#40252c;border-color:#aa5d68;color:#ffc1ca}.guide-step.failed .step-countdown{border-color:#aa5d68;color:#ffc1ca}.camera-guide[data-phase=failed]{border-color:#aa5d68}.camera-guide[data-phase=failed] .guide-symbol{background:#40252c;border-color:#aa5d68;color:#ffc1ca}@media(max-width:650px){.guide-step{flex-wrap:wrap}.step-countdown{font-size:10px;padding:3px 6px;margin-left:25px}.guide-step>div{flex:1;min-width:40px}}