.passport-photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dark-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.photo-area{position:absolute;background:transparent}.photo-border{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:0 0 0 1px #ffffff4d,0 4px 20px #00000080}.head-silhouette{position:absolute;inset:12% 25% 15%;border:2px dashed rgba(255,255,255,.8);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:rgba(255,255,255,.05);transition:all .3s ease}.eye-level-guide{position:absolute;top:35%;left:25%;right:25%;height:1px;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:space-between;padding:0 25%}.eye-dot{width:6px;height:6px;background:rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 4px #ffffff80,0 0 8px #fff3}.overlay-instruction{position:absolute;bottom:-60px;left:0;right:0;text-align:center;color:#fff;font-size:14px;font-weight:500;background:rgba(0,0,0,.8);padding:12px 20px;border-radius:25px;margin:0 30px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.document-badge{position:absolute;top:20px;left:20px;background:rgba(255,255,255,.95);color:#333;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 2px 10px #0000004d;letter-spacing:.5px}.photo-area:hover .head-silhouette{border-color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 20px #ffffff1a,0 0 15px #ffffff4d}.photo-area:hover .eye-level-guide{background:rgba(255,255,255,.8)}.photo-area:hover .eye-dot{background:#ffffff;box-shadow:0 0 6px #fffc,0 0 12px #fff6}.passport-photo-overlay{animation:fadeInClean .4s ease-out}@keyframes fadeInClean{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.eye-level-guide{animation:eyeGuidePulse 3s ease-in-out infinite}@keyframes eyeGuidePulse{0%,to{opacity:.6}50%{opacity:.9}}@media (max-width: 768px){.overlay-instruction{font-size:12px;padding:10px 16px;margin:0 20px;bottom:-50px}.document-badge{top:15px;left:15px;padding:6px 10px;font-size:11px}.eye-dot{width:5px;height:5px}.head-silhouette{top:10%;bottom:12%}}@media (prefers-contrast: high){.photo-border,.head-silhouette{border-color:#fff;border-width:3px}.eye-level-guide{background:#ffffff;height:2px}.eye-dot{background:#ffffff;width:8px;height:8px}}@media (prefers-reduced-motion: reduce){.passport-photo-overlay,.eye-level-guide{animation:none}.head-silhouette,.eye-dot{transition:none}}.photo-area:focus-within{outline:2px solid rgba(255,255,255,.8);outline-offset:4px}.photo-border{z-index:1}.head-silhouette{z-index:2}.eye-level-guide{z-index:3}.overlay-instruction{z-index:4}.head-silhouette{filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.head-silhouette{clip-path:ellipse(45% 50% at 50% 45%);border:none;background:transparent;box-shadow:inset 0 0 0 2px #fffc,0 0 15px #fff3}.head-silhouette{clip-path:none;border:2px dashed rgba(255,255,255,.8);border-radius:45% 45% 40% 40%/50% 50% 35% 35%;box-shadow:inset 0 0 20px #ffffff0d,0 0 10px #fff3}.auto-capture-gallery-container{width:100%;margin-top:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.photo-card{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.photo-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a!important}.photo-card.selected{border-color:#1976d2!important;box-shadow:0 0 0 2px #1976d233}.photo-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.7) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer;backdrop-filter:blur(2px)}.photo-card:hover .photo-overlay{opacity:1}.photo-card .selection-indicator{position:absolute;top:8px;left:8px;z-index:2;background:rgba(255,255,255,.95);border-radius:50%;padding:4px;box-shadow:0 2px 8px #0003;transition:all .3s ease}.photo-card.selected .selection-indicator{background:#1976d2;color:#fff}.photo-number-badge{position:absolute;top:8px;right:8px;z-index:2;background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 100%);color:#fff;border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.quality-indicator{position:relative}.quality-indicator:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:1.5px;background:currentColor}.capture-progress-bar .MuiLinearProgress-bar{background:linear-gradient(90deg,#4caf50 0%,#8bc34a 100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.session-status-chip{animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 600px){.auto-capture-gallery-container .MuiGrid-item{flex-basis:50%;max-width:50%}.photo-number-badge{font-size:.7rem;padding:2px 6px}.selection-indicator{transform:scale(.9)}}@media (max-width: 400px){.auto-capture-gallery-container .MuiGrid-item{flex-basis:100%;max-width:100%}}.best-photo-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border:1px solid #ffd700;border-radius:8px;margin-bottom:16px;animation:bestPhotoGlow 3s ease-in-out infinite}@keyframes bestPhotoGlow{0%,to{box-shadow:0 0 #ffd70000}50%{box-shadow:0 0 20px #ffd7004d}}.training-mode-alert{border-left:4px solid #2196f3;background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%)}.action-buttons-container{display:flex;gap:16px;justify-content:center;align-items:center;padding:16px 0;border-top:1px solid rgba(0,0,0,.12);margin-top:16px}.process-button{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 14px #6366f14d;transition:all .3s ease}.process-button:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.process-button:disabled{background:#e0e0e0;color:#9e9e9e;box-shadow:none}.empty-state{text-align:center;padding:32px;color:#666}.empty-state-icon{font-size:48px;color:#ccc;margin-bottom:16px}.photo-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:12px 8px 8px;transition:all .3s ease}.photo-card,.photo-overlay,.selection-indicator,.photo-number-badge{will-change:transform,opacity}@media (prefers-contrast: high){.photo-card{border:2px solid #000}.photo-card.selected{border-color:#00f}.photo-number-badge{background:#000;color:#fff}}@media (prefers-reduced-motion: reduce){.photo-card,.photo-overlay,.selection-indicator,.process-button,.best-photo-indicator{transition:none;animation:none}}@media (prefers-color-scheme: dark){.auto-capture-gallery-container{color:#fff}.photo-number-badge{background:rgba(255,255,255,.2);backdrop-filter:blur(10px)}.selection-indicator{background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}}.photo-card:focus,.process-button:focus{outline:2px solid #2196f3;outline-offset:2px}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.quality-tooltip{position:relative}.quality-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.quality-tooltip:hover:after{opacity:1}.photo-feedback-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.photo-feedback-modal .MuiDialog-paper{border-radius:16px;max-height:90vh;overflow-y:auto}.photo-feedback-modal .MuiSlider-root{margin:16px 0}.photo-feedback-modal .MuiSlider-mark{background-color:#0000004d;width:2px;height:2px}.photo-feedback-modal .MuiSlider-markActive{background-color:currentColor}.photo-feedback-modal .MuiSlider-markLabel{font-size:.75rem;color:#0009}.photo-feedback-modal .MuiAccordion-root{margin-bottom:8px;border:1px solid rgba(0,0,0,.12);border-radius:8px!important;box-shadow:none}.photo-feedback-modal .MuiAccordion-root:before{display:none}.photo-feedback-modal .MuiAccordionSummary-root{min-height:48px;padding:0 16px}.photo-feedback-modal .MuiAccordionDetails-root{padding:8px 16px 16px;border-top:1px solid rgba(0,0,0,.12);background-color:#00000005}.photo-feedback-modal .MuiFormControlLabel-root{margin:4px 0;padding:4px;border-radius:4px;transition:background-color .2s ease}.photo-feedback-modal .MuiFormControlLabel-root:hover{background-color:#1976d20a}.photo-feedback-modal .MuiCheckbox-root{padding:4px}.photo-feedback-modal .selected-reasons-container{background:linear-gradient(135deg,#f5f5f5 0%,#e8f5e8 100%);border-radius:8px;padding:12px;margin-top:16px}.photo-feedback-modal .reason-chip{margin:2px;animation:chipAppear .3s ease-out}@keyframes chipAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rating-excellent{background:linear-gradient(135deg,#4caf50 0%,#8bc34a 100%)}.rating-good{background:linear-gradient(135deg,#ff9800 0%,#ffc107 100%)}.rating-fair{background:linear-gradient(135deg,#f44336 0%,#e91e63 100%)}.rating-poor{background:linear-gradient(135deg,#9c27b0 0%,#673ab7 100%)}.photo-feedback-modal .MuiAlert-root{border-radius:8px;border-left:4px solid #2196f3}.photo-feedback-modal .MuiAlert-message{display:flex;align-items:center;gap:8px}.photo-feedback-modal .photo-container{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.photo-feedback-modal .photo-container:hover{transform:scale(1.02)}.photo-feedback-modal .photo-container img{width:100%;height:auto;display:block}.photo-feedback-modal .MuiDialogActions-root{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-top:1px solid rgba(0,0,0,.12)}.photo-feedback-modal .MuiPaper-elevation1{box-shadow:0 2px 8px #0000001a;border:1px solid rgba(0,0,0,.05)}.photo-feedback-modal .MuiPaper-elevation2{box-shadow:0 4px 16px #0000001f}.photo-feedback-modal .MuiButton-contained{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);box-shadow:0 3px 12px #1976d24d;transition:all .3s ease}.photo-feedback-modal .MuiButton-contained:hover{background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%);box-shadow:0 6px 20px #1976d266;transform:translateY(-1px)}.photo-feedback-modal .MuiButton-contained:disabled{background:#e0e0e0;color:#9e9e9e;box-shadow:none}@media (max-width: 768px){.photo-feedback-modal .MuiDialog-paper{margin:16px;width:calc(100% - 32px);max-height:calc(100% - 32px)}.photo-feedback-modal .MuiDialogContent-root{padding:16px}.photo-feedback-modal .MuiSlider-markLabel{font-size:.7rem}.photo-feedback-modal .MuiAccordionSummary-root{min-height:44px;padding:0 12px}.photo-feedback-modal .photo-container{margin-bottom:16px}}.photo-feedback-modal .MuiFormControlLabel-label{cursor:pointer;user-select:none}.photo-feedback-modal .MuiAccordionSummary-root:focus-visible{outline:2px solid #1976d2;outline-offset:2px}.photo-feedback-modal .MuiButton-root.loading{position:relative;color:transparent}.photo-feedback-modal .MuiButton-root.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:buttonSpinner .75s linear infinite}@keyframes buttonSpinner{to{transform:rotate(360deg)}}.photo-feedback-modal .MuiAccordion-root[data-category=positive_feedback]{border-color:#4caf50;background:linear-gradient(135deg,rgba(76,175,80,.05) 0%,rgba(139,195,74,.05) 100%)}.photo-feedback-modal .MuiAccordion-root[data-category=face_issues],.photo-feedback-modal .MuiAccordion-root[data-category=eye_issues]{border-color:#ff5722;background:linear-gradient(135deg,rgba(255,87,34,.05) 0%,rgba(255,152,0,.05) 100%)}.photo-feedback-modal .MuiAccordion-root[data-category=technical_issues]{border-color:#9c27b0;background:linear-gradient(135deg,rgba(156,39,176,.05) 0%,rgba(103,58,183,.05) 100%)}.photo-feedback-modal *{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.photo-feedback-modal .MuiSlider-thumb:focus-visible{box-shadow:0 0 0 8px #1976d229}.photo-feedback-modal .MuiTextField-root .MuiOutlinedInput-root:focus-within{box-shadow:0 0 0 2px #1976d233}.photo-feedback-modal .MuiDialogContent-root::-webkit-scrollbar{width:8px}.photo-feedback-modal .MuiDialogContent-root::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.photo-feedback-modal .MuiDialogContent-root::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:4px}.photo-feedback-modal .MuiDialogContent-root::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{inset:0;position:absolute}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.mobile-camera-capture{position:relative;width:100%;max-width:100vw;height:100vh;background:#000;overflow:hidden;display:flex;flex-direction:column}.camera-view{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:2;animation:flash .2s ease-out}@keyframes flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.camera-controls-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.top-controls{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;pointer-events:auto}.bottom-controls{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:40px;pointer-events:auto}.settings-button,.flash-button,.switch-camera-button,.capture-button,.stop-button{background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.settings-button:hover,.flash-button:hover,.switch-camera-button:hover,.stop-button:hover{background:rgba(0,0,0,.7);border-color:#fff9;transform:scale(1.1)}.capture-button{width:80px;height:80px;background:rgba(255,255,255,.9);border:4px solid white;font-size:32px}.capture-button:hover{background:rgba(255,255,255,1);transform:scale(1.05)}.capture-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.capture-button.capturing{animation:pulse .5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.flash-button.active{background:rgba(255,255,0,.8);border-color:#ff0}.settings-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:10;padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.settings-panel h3{color:#fff;margin:0 0 20px;text-align:center}.setting-group{display:flex;flex-direction:column;gap:10px}.setting-group label{color:#fff;font-weight:500}.setting-group select,.setting-group input[type=range]{padding:10px;border:1px solid #ccc;border-radius:8px;background:white;font-size:16px}.setting-group input[type=range]{padding:0;height:40px}.close-settings-button{background:#2196F3;color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;cursor:pointer;margin-top:auto}.close-settings-button:hover{background:#1976D2}.captured-photos{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.9);padding:20px;max-height:50vh;overflow-y:auto;z-index:5}.captured-photos h3{color:#fff;margin:0 0 15px;text-align:center}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:15px}.photo-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.photo-preview{width:100%;height:100%;object-fit:cover}.photo-actions{position:absolute;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease}.photo-item:hover .photo-actions{opacity:1}.retake-button,.download-button{background:rgba(255,255,255,.9);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .3s ease}.retake-button:hover,.download-button:hover{background:white;transform:scale(1.1)}.clear-all-button{background:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;width:100%}.clear-all-button:hover{background:#d32f2f}.camera-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;z-index:4;pointer-events:none}.mobile-camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px;text-align:center;background:#f5f5f5}.error-icon{font-size:64px;margin-bottom:20px}.mobile-camera-error h3{color:#333;margin:0 0 10px}.mobile-camera-error p{color:#666;margin:0 0 20px}.retry-button{background:#2196F3;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer}.retry-button:hover{background:#1976D2}@media (max-width: 768px){.mobile-camera-capture,.camera-controls-overlay{height:100vh}.top-controls{top:10px;padding:0 15px}.bottom-controls{bottom:20px;gap:30px}.settings-button,.flash-button,.switch-camera-button,.stop-button{width:50px;height:50px;font-size:20px}.capture-button{width:70px;height:70px;font-size:28px}.settings-panel,.captured-photos{padding:15px}}@media (max-width: 480px){.top-controls{top:5px;padding:0 10px}.bottom-controls{bottom:15px;gap:20px}.settings-button,.flash-button,.switch-camera-button,.stop-button{width:45px;height:45px;font-size:18px}.capture-button{width:60px;height:60px;font-size:24px}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (orientation: landscape){.mobile-camera-capture{height:100vh}.camera-video{height:100vh;width:auto}.top-controls{top:10px}.bottom-controls{bottom:10px}}.offline-support{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.9);color:#fff;padding:15px;border-radius:12px;min-width:250px;z-index:1000;backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.status-indicator{display:flex;align-items:center;gap:8px;margin-bottom:15px;font-weight:500}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.online .status-dot{background:#4CAF50}.status-indicator.offline .status-dot{background:#f44336}.status-text{font-size:14px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.sync-progress{margin-bottom:15px}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#2196F3,#4CAF50);border-radius:4px;transition:width .3s ease}.progress-text{font-size:12px;color:#ccc;text-align:center;display:block}.offline-summary{margin-bottom:15px;padding:10px;background:rgba(255,255,255,.1);border-radius:8px}.offline-summary h4{margin:0 0 10px;font-size:14px;color:#fff}.data-breakdown{display:flex;flex-direction:column;gap:5px}.data-type{font-size:12px;color:#ccc;display:flex;align-items:center;gap:5px}.sync-controls{display:flex;gap:10px;margin-bottom:15px}.sync-button,.clear-button{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.sync-button{background:#2196F3;color:#fff}.sync-button:hover:not(:disabled){background:#1976D2;transform:translateY(-1px)}.sync-button:disabled{background:#666;cursor:not-allowed;transform:none}.clear-button{background:#666;color:#fff}.clear-button:hover:not(:disabled){background:#555;transform:translateY(-1px)}.clear-button:disabled{background:#444;cursor:not-allowed;transform:none}.last-sync{font-size:11px;color:#999;text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}@media (max-width: 768px){.offline-support{top:10px;right:10px;left:10px;min-width:auto;padding:12px}.sync-controls{flex-direction:column}.sync-button,.clear-button{padding:10px;font-size:14px}}@media (max-width: 480px){.offline-support{top:5px;right:5px;left:5px;padding:10px}.status-indicator{margin-bottom:10px}.offline-summary{margin-bottom:10px;padding:8px}.sync-controls{margin-bottom:10px}}.offline-summary{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sync-button.success{background:#4CAF50;animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.offline-support.error{border:2px solid #f44336;animation:errorShake .5s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Inter,Roboto,Helvetica,Arial,sans-serif;font-weight:400;color:#212121;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root,.MuiContainer-root,.MuiBox-root{background:transparent!important}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1200px;margin:0 auto;padding:0 16px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.grid{display:grid}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.m-0{margin:0}.m-1{margin:8px}.m-2{margin:16px}.m-3{margin:24px}.m-4{margin:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.pt-0{padding-top:0}.pt-1{padding-top:8px}.pt-2{padding-top:16px}.pt-3{padding-top:24px}.pt-4{padding-top:32px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:8px}.pb-2{padding-bottom:16px}.pb-3{padding-bottom:24px}.pb-4{padding-bottom:32px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*:focus{outline:none!important}.focus-visible button:focus,.focus-visible a:focus,.focus-visible [tabindex]:focus,.focus-visible .MuiButton-root:focus,.focus-visible .MuiIconButton-root:focus,.focus-visible .MuiLink-root:focus{outline:2px solid #2196f3!important;outline-offset:2px!important}input:focus,textarea:focus,select:focus,.MuiOutlinedInput-root:focus,.MuiTextField-root:focus,.MuiSelect-root:focus,.MuiInputBase-root:focus{outline:none}.skip-link{position:absolute;top:-40px;left:6px;background:#2196f3;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out}.camera-overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));pointer-events:none}.face-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:70%;border:3px solid #2196f3;border-radius:50%;box-shadow:0 0 0 9999px #0000004d}.face-guide.detected{border-color:#4caf50;box-shadow:0 0 0 9999px #0003}.validation-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;transition:all .3s ease}.validation-item.success{background-color:#4caf501a;color:#2e7d32}.validation-item.error{background-color:#f443361a;color:#c62828}.validation-item.warning{background-color:#ff98001a;color:#ef6c00}.card-hover{transition:all .3s ease;cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.button-scale{transition:transform .2s ease}.button-scale:active{transform:scale(.95)}.glass{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.no-print{display:none!important}a,a:visited{text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@media (prefers-contrast: high){:root{--primary-color: #000000;--background-color: #ffffff;--text-color: #000000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.auto-dark{background-color:#121212;color:#fff}}@media (max-width: 768px){.container{padding:0 12px}.hide-mobile{display:none!important}.mobile-full{width:100%!important}.mobile-center{text-align:center!important}}@media (min-width: 769px) and (max-width: 1024px){.hide-tablet{display:none!important}}@media (min-width: 1025px){.hide-desktop{display:none!important}}.high-contrast{--primary-color: #000000;--secondary-color: #ffffff;--background-color: #ffffff;--text-color: #000000;--border-color: #000000;--shadow: 0 0 0 2px #000000}.high-contrast *{background-color:var(--background-color)!important;color:var(--text-color)!important}.high-contrast .MuiOutlinedInput-root,.high-contrast .MuiTextField-root,.high-contrast .MuiSelect-root,.high-contrast .MuiInputBase-root{border-color:var(--border-color)!important}.high-contrast .MuiButton-root{border:2px solid var(--border-color)!important;background-color:var(--background-color)!important;color:var(--text-color)!important}.high-contrast .MuiButton-contained{background-color:var(--text-color)!important;color:var(--background-color)!important}.large-text{font-size:1.2em}.large-text .MuiTypography-h1{font-size:3rem!important}.large-text .MuiTypography-h2{font-size:2.5rem!important}.large-text .MuiTypography-h3{font-size:2rem!important}.large-text .MuiTypography-h4{font-size:1.75rem!important}.large-text .MuiTypography-h5{font-size:1.5rem!important}.large-text .MuiTypography-h6{font-size:1.25rem!important}.large-text .MuiTypography-body1{font-size:1.1rem!important}.large-text .MuiTypography-body2{font-size:1rem!important}.font-small{font-size:.875rem}.font-medium{font-size:1rem}.font-large{font-size:1.125rem}.font-extra-large{font-size:1.25rem}.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduced-motion .MuiCollapse-root,.reduced-motion .MuiFade-root,.reduced-motion .MuiSlide-root{transition:none!important}.color-blind-support{--red-primary: #0066cc;--red-secondary: #4d94ff;--green-primary: #cc6600;--green-secondary: #ff994d;--blue-primary: #cc0066;--blue-secondary: #ff4d99}.color-blind-support .MuiButton-containedPrimary{background-color:var(--red-primary)!important}.color-blind-support .MuiButton-containedSecondary{background-color:var(--green-primary)!important}.color-blind-support .MuiChip-colorPrimary{background-color:var(--red-primary)!important}.color-blind-support .MuiChip-colorSecondary{background-color:var(--green-primary)!important}.focus-visible *:focus{outline:3px solid #0066cc!important;outline-offset:2px!important}.focus-visible .MuiButton-root:focus{outline:3px solid #0066cc!important;outline-offset:2px!important}.focus-visible .MuiTextField-root .MuiInputBase-root:focus{outline:3px solid #0066cc!important;outline-offset:2px!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.keyboard-navigation .MuiButton-root:focus,.keyboard-navigation .MuiIconButton-root:focus,.keyboard-navigation .MuiLink-root:focus{outline:3px solid #0066cc!important;outline-offset:2px!important}.keyboard-navigation .MuiTab-root:focus{outline:3px solid #0066cc!important;outline-offset:2px!important}.keyboard-navigation .MuiMenuItem-root:focus{background-color:#0066cc1a!important;outline:3px solid #0066cc!important;outline-offset:-2px!important}.theme-high-contrast{--primary-color: #00ff00;--secondary-color: #ff0000;--background-color: #000000;--text-color: #ffffff;--border-color: #ffffff}.theme-high-contrast .MuiPaper-root{background-color:#000!important;color:#fff!important;border:1px solid #ffffff!important}.theme-high-contrast .MuiButton-root{border:2px solid #ffffff!important;color:#fff!important}.theme-high-contrast .MuiButton-contained{background-color:#fff!important;color:#000!important}.theme-high-contrast .MuiTextField-root .MuiInputBase-root{background-color:#000!important;color:#fff!important;border:1px solid #ffffff!important}[aria-live]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.focus-trap{position:relative}.focus-trap:focus-within{outline:3px solid #0066cc;outline-offset:2px}.MuiFormControl-error .MuiInputBase-root{border-color:#d32f2f!important;box-shadow:0 0 0 2px #d32f2f33!important}.MuiFormControl-error .MuiInputLabel-root{color:#d32f2f!important}.MuiFormControl-success .MuiInputBase-root{border-color:#2e7d32!important;box-shadow:0 0 0 2px #2e7d3233!important}.MuiFormControl-success .MuiInputLabel-root{color:#2e7d32!important}.MuiCircularProgress-root{color:#06c!important}.MuiLinearProgress-root{background-color:#06c3!important}.MuiLinearProgress-bar{background-color:#06c!important}@media (max-width: 600px){.accessibility-panel{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;z-index:1001!important}}@media print{.accessibility-panel,.skip-link{display:none!important}*{background:white!important;color:#000!important}}