:root{color:#263247;background:#f4f7fb;--green:#1768e4;--blue:#1768e4;--line:#e2e7ef;--muted:#7b899d}body{background:#f4f7fb}.login-shell{background:radial-gradient(circle at 18% 15%,#d9eaff 0,transparent 28%),linear-gradient(145deg,#f5f8fd,#eaf2fb)}.login-card{border:1px solid #dfe7f1;border-radius:20px;box-shadow:0 28px 70px #17335c24}.mark{background:linear-gradient(145deg,#2479ec,#125fcf);box-shadow:0 10px 25px #1768e445}.eyebrow{color:#1768e4}input:focus{border-color:#1768e4;box-shadow:0 0 0 3px #1768e414}button{background:#1768e4;border-radius:9px}.workspace{grid-template-columns:230px 1fr}aside{background:linear-gradient(180deg,#142c55,#0d2143)}.nav,.ghost{color:#bfd0ec}.stat,.panel,.card{border-radius:13px;box-shadow:0 8px 24px #17335c0d}.badge{background:#e8f1ff;color:#1768e4}.secondary{background:#edf4ff;color:#1659bc}.button-link{background:#1768e4;border-radius:9px}.scan-panel{max-width:760px;margin:auto}.scan-panel>h3{font-size:22px;margin-bottom:16px}.scan-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.scan-modes .mode{background:#edf3fc;color:#536075}.scan-modes .mode.active{background:#1768e4;color:#fff}.fine-number-toggle{width:100%;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;background:#f5f8fc;color:#263247;border:1px solid #e2e7ef;margin-bottom:10px}.fine-number-toggle span{grid-row:1/3;align-self:center;font-size:23px;color:#1768e4}.fine-number-toggle b,.fine-number-toggle small{display:block}.fine-number-toggle small{color:#7b899d;font-size:11px;margin-top:3px}.fine-number-toggle.active{border-color:#4d8feb;box-shadow:0 0 0 2px #dceaff}.font-profiles,.label-scan-hint{display:grid;gap:3px;background:#f8fafc;border:1px solid #e2e7ef;border-radius:9px;padding:10px 12px;margin-bottom:10px}.font-profiles b,.label-scan-hint b{font-size:12px}.font-profiles span,.label-scan-hint span{color:#7b899d;font-size:10px}.camera-select{margin:10px 0}.camera-frame{height:300px;position:relative;overflow:hidden;border-radius:11px;background:#111820}.camera-frame>div:not(#qr-shaded-region){border:0!important}.camera-frame video{width:100%!important;height:100%!important;object-fit:cover;border-radius:11px}.camera-guide{pointer-events:none;position:absolute!important;z-index:4;inset:48px 85px!important;border:2px solid #53a1ff!important;border-radius:12px;box-shadow:0 0 0 1000px #0005}.camera-frame>span{position:absolute;z-index:5;left:0;right:0;bottom:17px;text-align:center;color:#fff;font-size:11px}.scanner-engine{display:flex;justify-content:space-between;align-items:center;background:#f5f8fc;border-radius:8px;padding:10px 12px;margin-top:10px}.scanner-engine b{font-size:11px;color:#1768e4}.scanner-engine small{font-size:9px;color:#7b899d}.scan-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.scan-actions button,.scan-actions .button-link{flex:1;min-width:145px;text-align:center;margin:0}.manual-scan{margin-top:12px}.scan-object{background:#f4f8fd;border-radius:11px}summary{color:#1768e4}@media(max-width:520px){.content{padding:15px 12px 85px}.scan-panel{padding:16px 14px}.scan-modes{grid-template-columns:1fr 1fr}.camera-frame{height:min(270px,38dvh)}.camera-guide{inset:45px!important}.scan-actions{flex-direction:column}.scan-actions button,.scan-actions .button-link{width:100%}.scanner-engine{align-items:flex-start;gap:5px;flex-direction:column}}