:root{--bg-primary:#080b11;--bg-secondary:#0f1420;--card-bg:#171f32a6;--card-border:#ffffff12;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--gold-primary:#e2b857;--gold-hover:#f2ca6b;--gold-dark:#a9842f;--accent-blue:#3b82f6;--success:#10b981;--danger:#ef4444;--font-family:"Plus Jakarta Sans", sans-serif;--shadow-glow:0 0 25px #e2b85726;--login-blob-1:radial-gradient(circle, #e2b85729 0%, transparent 70%);--login-blob-2:radial-gradient(circle, #3b82f61c 0%, transparent 70%)}.app-container[data-theme=light]{--bg-primary:#f3f4f6;--bg-secondary:#fff;--card-bg:#ffffffe6;--card-border:#00000014;--text-primary:#1f2937;--text-secondary:#4b5563;--gold-primary:#b48a2d;--gold-hover:#d6aa3c;--gold-dark:#8c661a;--accent-blue:#2563eb;--shadow-glow:0 0 25px #b48a2d1a;--login-blob-1:radial-gradient(circle, #b48a2d14 0%, transparent 70%);--login-blob-2:radial-gradient(circle, #2563eb0d 0%, transparent 70%)}.app-container[data-theme=light] h1{background:linear-gradient(135deg, var(--text-primary) 40%, var(--gold-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-container[data-theme=light] .app-mode-switch{-webkit-backdrop-filter:blur(14px);background:linear-gradient(135deg,#fff 30%,#faf8f5);border-bottom:1px solid #b48a2d26;box-shadow:0 4px 30px #b48a2d0a}.app-container[data-theme=light] .form-input{color:var(--text-primary);background:#f9fafb;border-color:#0000001a}.app-container[data-theme=light] .product-card{background:#00000005}.app-container[data-theme=light] .queue-item{background:#00000003}.app-container[data-theme=light] .canvas-wrapper,.app-container[data-theme=light] canvas.signature-canvas{background:#f9fafb}.app-container[data-theme=light] .detail-row{border-bottom-color:#0000000d}.app-container[data-theme=light] .loading-overlay{background:#ffffffe6}*{box-sizing:border-box;font-family:var(--font-family);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.app-container{background-color:var(--bg-secondary);width:100%;max-width:440px;height:100vh;max-height:900px;color:var(--text-primary);border:1px solid var(--card-border);flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.app-container.admin-layout{border:none!important;border-radius:0!important;width:100vw!important;max-width:100%!important;height:100vh!important;max-height:100vh!important}@media (width>=1001px){.app-container.admin-layout{border:none!important}}.app-mode-switch{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--card-border);z-index:10;background:linear-gradient(135deg,#0f1420d9,#080b11d9);gap:12px;padding:14px 18px;display:flex;position:relative;box-shadow:0 4px 25px #00000040}.app-mode-switch:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-primary), transparent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.app-premium-footer{border-top:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);color:var(--text-secondary);z-index:10;background:linear-gradient(135deg,#080b11d9,#0f1420d9);justify-content:space-between;align-items:center;padding:12px 20px;font-size:.68rem;display:flex;position:relative;box-shadow:0 -4px 25px #0003}.app-premium-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-primary), transparent);height:2px;position:absolute;top:-1px;left:0;right:0}.app-container[data-theme=light] .app-premium-footer{background:linear-gradient(135deg,#faf8f5,#fff 70%);border-top:1px solid #b48a2d26;box-shadow:0 -4px 30px #b48a2d0a}.mode-btn{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.mode-btn.active{background:linear-gradient(135deg, var(--gold-dark), var(--gold-primary));color:#000;box-shadow:var(--shadow-glow);border-color:#0000}.app-content{flex-direction:column;flex:1;padding:20px;display:flex;position:relative;overflow-y:auto}@media (width>=441px){.app-container{border:8px solid #1c2333;border-radius:40px;height:850px;max-height:850px}}.loading-overlay{z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080b11e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:3px solid #e2b8571a;border-top-color:var(--gold-primary);border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:1s linear infinite spin}.stepper-container{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 10px;display:flex;position:relative}.stepper-line{background:var(--card-border);z-index:1;height:2px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.stepper-line-active{background:var(--gold-primary);z-index:1;height:2px;transition:width .3s ease-in-out;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.step-node{background:var(--bg-secondary);border:2px solid var(--card-border);width:32px;height:32px;color:var(--text-secondary);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.step-node.active{border-color:var(--gold-primary);color:var(--gold-primary);background:var(--bg-primary);box-shadow:0 0 12px #e2b8574d}.step-node.completed{border-color:var(--success);background:var(--success);color:#fff}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin-bottom:20px;padding:20px;transition:all .3s}.glass-card:hover{border-color:#e2b85733}h1{background:linear-gradient(135deg, #fff 40%, var(--gold-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:1.5rem;font-weight:800}h2{color:var(--text-primary);margin-bottom:12px;font-size:1.15rem;font-weight:700}p.subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.85rem;line-height:1.4}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.form-input{border:1px solid var(--card-border);color:var(--text-primary);box-sizing:border-box;background:#080b1199;border-radius:12px;width:100%;padding:12px 16px;font-size:.9rem;transition:all .2s}.form-input:focus{border-color:var(--gold-primary);outline:none;box-shadow:0 0 0 3px #e2b8571a}.btn{background:linear-gradient(135deg, var(--gold-dark), var(--gold-primary));color:#080b11;cursor:pointer;width:100%;box-shadow:var(--shadow-glow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn:hover:not(:disabled){background:linear-gradient(135deg, var(--gold-primary), var(--gold-hover));transform:translateY(-1px)}.btn:disabled{color:var(--text-secondary);cursor:not-allowed;box-shadow:none;opacity:.5;background:#1c2333}.btn-secondary{border:1px solid var(--card-border);color:var(--text-primary);box-shadow:none;background:0 0}.btn-secondary:hover{background:#ffffff0a}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.product-card{border:1px solid var(--card-border);cursor:pointer;background:#ffffff05;border-radius:16px;flex-direction:column;justify-content:space-between;padding:14px;transition:all .2s;display:flex}.product-card.selected{border-color:var(--gold-primary);box-shadow:var(--shadow-glow);background:#e2b8570d}.product-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px;display:flex}.product-name{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.25}.product-badge{color:var(--gold-primary);background:#e2b85726;border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:700}.product-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:8px;font-size:.72rem;line-height:1.35}.product-details{border-top:1px solid #ffffff0a;flex-direction:column;gap:4px;padding-top:6px;font-size:.7rem;display:flex}.product-detail-item{color:var(--text-secondary)}.product-detail-item span{color:var(--gold-primary);font-weight:600}.upload-box{border:2px dashed var(--card-border);text-align:center;cursor:pointer;background:#ffffff03;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;transition:all .2s;display:flex}.upload-box:hover{border-color:var(--gold-primary);background:#e2b85705}.preview-container{border:1px solid var(--card-border);border-radius:12px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.preview-img{width:100%;display:block}.ocr-scanner-bar{background:var(--gold-primary);width:100%;height:3px;box-shadow:0 0 10px var(--gold-primary);animation:2s linear infinite scan;position:absolute;top:0;left:0}.camera-viewfinder{border:4px solid var(--card-border);background:#000;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #0009}.camera-viewfinder.active-face{border-color:var(--gold-primary);box-shadow:0 0 20px #e2b8574d}.camera-guide-overlay{pointer-events:none;border:2px dashed #ffffff4d;border-radius:50%;position:absolute;inset:0}.liveness-instruction{color:var(--gold-primary);text-align:center;min-height:24px;margin-bottom:16px;font-size:.9rem;font-weight:600}.canvas-wrapper{background:#fff;border:2px dashed #e2b85766;border-radius:16px;margin-bottom:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #00000026}.canvas-wrapper:hover,.canvas-wrapper:focus-within{border-color:var(--gold-primary);box-shadow:0 4px 25px #e2b85726}canvas.signature-canvas{cursor:crosshair;background:#fff;width:100%;height:180px;display:block}.canvas-toolbar{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:10px 16px;display:flex}.canvas-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.canvas-btn:hover{color:var(--text-primary);background:#f3f4f6}.document-upload-list{flex-direction:column;gap:12px;display:flex}.document-item{border:1px solid var(--card-border);background:#ffffff03;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.document-info{align-items:center;gap:12px;display:flex}.document-name-text{font-size:.85rem;font-weight:600}.document-status-badge{border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.document-status-badge.uploaded{color:var(--success);background:#10b98126}.document-status-badge.pending{color:var(--text-secondary);background:#9ca3af26}.virtual-card-container{perspective:1000px;justify-content:center;width:100%;margin:20px 0;display:flex}.virtual-card{width:310px;height:190px;transform-style:preserve-3d;color:#fff;background:linear-gradient(135deg,#1f273a,#0b0f19 60%,#151b2a);border:1px solid #e2b8574d;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000080,0 0 15px #e2b8571a}.virtual-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#e2b85714 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.card-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex}.card-brand{letter-spacing:1.5px;color:var(--gold-primary);font-size:.9rem;font-weight:800}.card-chip{background:linear-gradient(135deg,#fcebb6,#d2a638);border-radius:6px;width:35px;height:26px;position:relative}.card-number{letter-spacing:2.5px;color:#fff;z-index:1;margin:15px 0;font-family:monospace;font-size:1.15rem;font-weight:600}.card-bottom{z-index:1;justify-content:space-between;align-items:flex-end;display:flex}.card-holder{flex-direction:column;gap:2px;display:flex}.card-label{color:var(--text-secondary);text-transform:uppercase;font-size:.6rem}.card-value{letter-spacing:.5px;font-size:.8rem;font-weight:700}.admin-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-title{font-size:1.2rem;font-weight:700}.admin-count-badge{color:var(--gold-primary);background:#e2b85726;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700}.queue-list{flex-direction:column;gap:12px;display:flex}.queue-item{border:1px solid var(--card-border);cursor:pointer;background:#ffffff03;border-radius:16px;padding:16px;transition:all .2s}.queue-item:hover{background:#ffffff08;border-color:#e2b85733}.queue-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.queue-name{font-size:.95rem;font-weight:700}.status-badge{border-radius:8px;padding:3px 8px;font-size:.7rem;font-weight:700}.status-badge.pending{color:var(--gold-primary);background:#e2b85726}.status-badge.synchronized{color:var(--success);background:#10b98126}.queue-info-grid{color:var(--text-secondary);grid-template-columns:repeat(2,1fr);gap:8px;font-size:.75rem;display:grid}.queue-info-item span{color:var(--text-primary);font-weight:500}.admin-modal{background:var(--bg-secondary);z-index:100;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.admin-modal-header{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:20px;display:flex}.admin-modal-content{flex:1;padding:20px}.detail-row{border-bottom:1px solid #ffffff08;justify-content:space-between;padding:8px 0;font-size:.85rem;display:flex}.detail-label{color:var(--text-secondary)}.detail-value{font-weight:600}.admin-visuals-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.admin-visual-box{border:1px solid var(--card-border);text-align:center;background:#06090e;border-radius:12px;padding:8px}.admin-visual-box p{color:var(--text-secondary);margin-bottom:6px;font-size:.7rem;font-weight:600}.admin-visual-img{object-fit:contain;cursor:pointer;background:#06090e;border:1px solid #0000;border-radius:8px;width:100%;max-height:100px;transition:transform .2s,border-color .2s,box-shadow .2s}.admin-visual-img:hover{border-color:var(--gold-primary);transform:scale(1.03);box-shadow:0 0 12px #b48a2d40}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-workspace{gap:20px;height:100%;display:flex;overflow:hidden}.admin-sidebar{border-right:1px solid var(--card-border);flex-direction:column;flex:1;padding-right:16px;display:flex;overflow-y:auto}.admin-main-content{flex-direction:column;flex:1.5;min-width:0;padding-left:4px;display:flex;overflow-y:auto}@media (width<=768px){.admin-workspace{flex-direction:column;gap:12px;height:100%;overflow-y:auto}.admin-workspace.active-tab-queue.has-selection .admin-sidebar,.admin-workspace.active-tab-queue:not(.has-selection) .admin-main-content{display:none!important}.admin-workspace.active-tab-settings{flex-direction:column;overflow-y:auto}.admin-workspace.active-tab-settings .admin-sidebar{border-right:none;flex:none;margin-bottom:8px;padding-right:0}.admin-workspace.active-tab-settings .admin-main-content{flex:1;padding-left:0}.admin-sidebar{border-right:none;padding-right:0;overflow-y:visible}.admin-main-content{padding-left:0;overflow-y:visible}.admin-visuals-grid{grid-template-columns:1fr!important;gap:12px!important}.glass-card[style*=grid-template-columns]{grid-template-columns:1fr!important}}