*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#1a73e8;--color-primary-dark:#1557b0;--color-success:#0d9488;--color-error:#dc2626;--color-warning:#f59e0b;--color-bg:#f8fafc;--color-surface:#ffffff;--color-text:#1e293b;--color-text-secondary:#64748b;--color-border:#e2e8f0;--radius:12px;--shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}.container{max-width:480px;margin:0 auto;padding:24px 16px}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 24px}h1{font-size:24px;font-weight:700;margin-bottom:8px}h2{font-size:18px;font-weight:600;margin-bottom:16px}p{color:var(--color-text-secondary);margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s;width:100%}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:var(--color-success);color:white}.input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:16px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(26,115,232,.1)}.label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.field{margin-bottom:20px}.error-text{color:var(--color-error);font-size:14px;margin-top:8px}.success-text{color:var(--color-success);font-size:14px}.camera-container{position:relative;width:100%;aspect-ratio:3/4;border-radius:var(--radius);overflow:hidden;background:#000;margin-bottom:16px}.camera-container video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-container canvas{display:none}.camera-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-guide{width:200px;height:260px;border:3px dashed rgba(255,255,255,.6);border-radius:50%}.capture-btn{width:72px;height:72px;border-radius:50%;border:4px solid white;background:rgba(255,255,255,.3);cursor:pointer;position:absolute;bottom:24px;left:50%;transform:translateX(-50%);transition:all .2s}.capture-btn:hover{background:rgba(255,255,255,.5)}.capture-btn:active{transform:translateX(-50%) scale(.9)}.tips{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:24px}.tips h3{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--color-primary)}.tips ul{list-style:none;font-size:13px;color:var(--color-text-secondary)}.tips li{padding:4px 0}.tips li:before{content:"✓ ";color:var(--color-success);font-weight:700}.preview-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);margin-bottom:16px;transform:scaleX(-1)}.steps{display:flex;gap:8px;margin-bottom:24px}.step{flex:1 1;height:4px;border-radius:2px;background:var(--color-border)}.step.active{background:var(--color-primary)}.step.done,.success-icon{background:var(--color-success)}.success-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:white;font-size:36px}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.status-pending{background:#fef3c7;color:#92400e}.status-processing{background:#dbeafe;color:#1e40af}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}