body{margin:0;padding:0}.video-container{display:inline-block;position:relative}.annotation-tool{margin-top:20px}.range-slider{align-items:center;display:flex;flex-direction:column;margin:10px 0}.range-slider .noUi-target{margin:5px 0;width:100%}.range-values{display:flex;justify-content:space-between;width:100%}.App label{display:block;margin:10px 0}.App input[type=file]{margin-left:10px}.top-bar{align-items:center;background-color:#fff;color:#333;display:flex;font-size:12px;font-weight:700;justify-content:center;margin-bottom:20px;padding:4px;position:relative;text-align:center}.top-bar .logo{height:40px;left:10px;position:absolute}.content{padding:0 4%}button{background-color:#007bff}button,button:disabled{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}button:disabled{background-color:#babfc5}@media (max-width:768px){.top-bar h1{opacity:0}}.video-detection-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.video-detection-container .stats-row{display:flex;gap:24px;margin-bottom:32px}.video-detection-container .stat-card{align-items:center;background:#fff;border-radius:30px;box-shadow:0 10px 60px #e1ecf880;display:flex;flex:1 1;gap:20px;padding:31px 50px}.video-detection-container .stat-icon{color:#fff;height:30px;object-fit:fill;width:30px}.video-detection-container .stat-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin-right:16px;width:48px}.video-detection-container .stat-icon-wrapper,.video-detection-container .stat-icon-wrapper.first{background:linear-gradient(135deg,#667eea,#764ba2)}.video-detection-container .stat-icon-wrapper.second{background:linear-gradient(135deg,#56ab2f,#a8e6cf)}.video-detection-container .stat-icon-wrapper.third{background:linear-gradient(135deg,#ff6b6b,#ffa8a8)}.video-detection-container .stat-content{display:flex;flex-direction:column}.video-detection-container .stat-label{color:#718096;font-size:14px}.video-detection-container .stat-value{color:#2d3748;font-size:24px;font-weight:700;margin-bottom:4px}.video-detection-container .video-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.video-detection-container .table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.video-detection-container .tab-section{display:flex;gap:8px}.video-detection-container .tab-button{background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.video-detection-container .tab-button.active{background:#ef6e4d;color:#fff}.video-detection-container .tab-button:hover:not(.active){background:#f7fafc;color:#2d3748}.video-detection-container .table-controls{align-items:center;display:flex;gap:16px}.video-detection-container .search-container{align-items:center;background:#f9fbff;border-radius:10px;display:flex;gap:8px;padding:7px 8px}.video-detection-container .search-icon{height:26px;object-fit:fill;width:26px}.video-detection-container .search-input{background:#0000;border:none;color:#2d3748;flex:1 1;font-size:14px;outline:none}.video-detection-container .search-input::placeholder{color:#a0aec0}.ideo-detection-container .patients-table{min-height:400px}.video-detection-container .sort-button{align-items:center;background:#f9fbff;border:none;border-radius:10px;color:#b5b7c0;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:9px;padding:10px 15px}.video-detection-container .sort-icon{height:26px;margin-right:18px;object-fit:fill;width:26px}.video-detection-container .table-header:after{background:#eee;bottom:-19px;content:"";height:1px;left:38px;position:absolute;right:38px}.video-detection-container .video-table{width:100%}.video-detection-container .table-header-row{grid-gap:16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;display:grid;font-size:14px;font-weight:600;gap:16px;grid-template-columns:2fr 1.2fr 1fr 1.3fr 1fr .8fr;padding:16px 24px}.video-detection-container .header-cell{color:#b5b7c0;font-size:14px;font-weight:700}.video-detection-container .table-row{grid-gap:16px;border-bottom:1px solid #f1f5f9;display:grid;gap:16px;grid-template-columns:2fr 1.2fr 1fr 1.3fr 1fr .8fr;padding:16px 24px;transition:background-color .2s}.video-detection-container .table-row:hover{background:#f8fafc}.video-detection-container .table-cell{color:#292d32;font-size:14px;font-weight:700}.video-detection-container .status-button{border:1px solid;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:4px 18px;text-align:center;white-space:nowrap}.video-detection-container .status-button.labeled{background:#15c0985e;border-color:#00b086;color:#292d32}.video-detection-container .status-button.unlabeled{background:#ffc4c4;border-color:#df0404;color:#292d32}.video-detection-container .action-button{background:#ef6e4d;border:1px solid #ef6e4d;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 16px;white-space:nowrap}.video-detection-container .action-button:hover{background:#dc3545}.video-detection-container .table-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:40px 38px}.video-detection-container .table-info{color:#b5b7c0;font-size:14px;font-weight:700}.video-detection-container .pagination{align-items:center;display:flex;gap:12px}.video-detection-container .page-button{align-items:center;background:#f5f5f5;border:1px solid #eee;border-radius:4px;color:#404b52;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:6px 9px;text-align:left;width:auto}.video-detection-container .page-button.active{background:##ef6e4d;border-color:##ef6e4d;color:#fff}.video-detection-container .page-dots{color:#292d32;font-size:14px;font-weight:700;margin:0 8px}.video-detection-container .error-message,.video-detection-container .loading-message{background:#fff;border-radius:30px;box-shadow:0 10px 60px #e1ecf880;color:#b5b7c0;padding:48px;text-align:center}.video-detection-container .error-message button{background:#ef6e4d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:16px;padding:8px 16px}@media (max-width:1200px){.video-detection-container .stats-row{flex-direction:column}.video-detection-container .table-header{align-items:flex-start;flex-direction:column;gap:16px}.video-detection-container .table-controls{justify-content:space-between;width:100%}.video-detection-container .table-header-row,.video-detection-container .table-row{gap:12px;grid-template-columns:1.5fr 1fr .8fr 1fr .8fr .6fr}}@media (max-width:768px){.video-name,.video-time{line-break:anywhere}.video-detection-container{padding:16px}.video-detection-container .stat-card{padding:24px}.video-detection-container .stat-icon{color:#fff;height:60px;width:60px}.video-detection-container .table-header-row,.video-detection-container .table-row{gap:8px;grid-template-columns:1.5fr 1fr .8fr 1fr .8fr .6fr;padding:16px 20px}.video-detection-container .table-footer{flex-direction:column;gap:16px;padding:24px 20px}.video-detection-container .pagination{gap:8px}.video-detection-container .tab-button{padding:4px}.video-detection-container .header-cell{font-size:10px;font-weight:700}.video-detection-container .table-cell{font-size:10px}.video-detection-container .action-button,.video-detection-container .status-button{font-size:10px;padding:4px 8px}}.patients-container{min-height:100vh;padding:24px}.patients-container .error-message,.patients-container .loading-message{align-items:center;color:#718096;display:flex;font-size:16px;height:200px;justify-content:center}.patients-container .error-message{flex-direction:column;gap:16px}.patients-container .error-message button{background:#ef6e4d;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.patients-container .stats-row{display:flex;gap:24px;margin-bottom:32px}.patients-container .stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;min-width:200px;padding:20px}.patients-container .stat-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin-right:16px;width:48px}.patients-container .stat-icon-wrapper,.patients-container .stat-icon-wrapper.first{background:linear-gradient(135deg,#667eea,#764ba2)}.patients-container .stat-icon-wrapper.second{background:linear-gradient(135deg,#56ab2f,#a8e6cf)}.patients-container .stat-icon-wrapper.third{background:linear-gradient(135deg,#ff6b6b,#ffa8a8)}.patients-container .stat-icon{color:#fff;height:24px;width:24px}.patients-container .stat-content{display:flex;flex-direction:column}.patients-container .stat-value{color:#2d3748;font-size:24px;font-weight:700;margin-bottom:4px}.patients-container .stat-label{color:#718096;font-size:14px}.patients-container .patients-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.patients-container .table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.patients-container .tab-section{display:flex;gap:8px}.patients-container .tab-button{background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.patients-container .tab-button.active{background:#ef6e4d;color:#fff}.patients-container .tab-button:hover:not(.active){background:#f7fafc;color:#2d3748}.patients-container .table-controls{align-items:center;display:flex;gap:16px}.patients-container .search-container{align-items:center;background:#f7fafc;border-radius:8px;display:flex;min-width:250px;padding:8px 12px}.patients-container .search-icon{color:#a098ae;height:20px;margin-right:8px;width:20px}.patients-container .search-input{background:#0000;border:none;color:#2d3748;flex:1 1;font-size:14px;outline:none}.patients-container .search-input::placeholder{color:#a0aec0}.patients-container .patients-table{min-height:400px}.patients-container .table-header-row{grid-gap:16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;display:grid;font-size:14px;font-weight:600;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:16px 24px}.patients-container .table-header-row.three-columns{grid-template-columns:2.5fr 2.5fr 1fr}.patients-container .table-header-row.four-columns{grid-template-columns:2fr 2fr 1.5fr 1fr}.patients-container .table-row{grid-gap:16px;border-bottom:1px solid #f1f5f9;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:16px 24px;transition:background-color .2s}.patients-container .table-row.three-columns{grid-template-columns:2.5fr 2.5fr 1fr}.patients-container .table-row.four-columns{grid-template-columns:2fr 2fr 1.5fr 1fr}.patients-container .table-row:hover{background:#f8fafc}.patients-container .table-cell{align-items:center;color:#2d3748;display:flex;font-size:14px}.patients-container .patient-name{color:#ef6e4d;font-weight:500}.patients-container .status-button{border:none;border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px}.patients-container .status-button.active{background:#c6f6d5;color:#22543d}.patients-container .status-button.inactive{background:#fed7d7;color:#742a2a}.patients-container .action-button{background:#ef6e4d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 16px;transition:background-color .2s}.patients-container .action-button:hover{background:#dc3545}.patients-container .table-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.patients-container .table-info{color:#718096;font-size:14px}@media (max-width:768px){.patients-container .stats-row{flex-direction:column}.patients-container .table-header{align-items:stretch;flex-direction:column;gap:16px}.patients-container .table-controls{justify-content:stretch}.patients-container .search-container{min-width:auto}.patients-container .table-header-row,.patients-container .table-row{gap:8px;grid-template-columns:1.5fr 1fr 1.2fr .8fr .8fr;padding:16px 20px}.patients-container .table-header-row.three-columns,.patients-container .table-row.three-columns{gap:8px;grid-template-columns:2fr 2fr 1fr}.patients-container .table-header-row.four-columns,.patients-container .table-row.four-columns{gap:8px;grid-template-columns:1.5fr 1.5fr 1fr .8fr}.patients-container .table-footer{flex-direction:column;gap:16px;padding:24px 20px}.patients-container .pagination{gap:8px}.patients-container .tab-button{padding:4px}.patients-container .header-cell{font-size:10px;font-weight:700}.patients-container .table-cell{font-size:10px}.patients-container .action-button,.patients-container .status-button{font-size:10px;padding:4px 8px}.patients-container .patient-name{line-break:anywhere}}.profile-video-modal-content{overflow:auto}.profile-video-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.profile-video-modal-title{font-weight:600;margin:0}.profile-video-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:0}.profile-video-modal-body{align-items:center;display:flex;flex:1 1;justify-content:center}.profile-video-modal-content video{border-radius:4px;max-height:50vh;width:100%}.profile-video-modal-severity{background-color:#f8f9fa;border-radius:4px;margin-top:16px;padding:16px}.profile-video-modal-severity h4{color:#333;margin:0 0 12px}.profile-video-modal-severity-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.profile-video-modal-severity-option{align-items:center;background:#0000;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-width:80px;padding:8px 12px;transition:background .2s,border .2s}.profile-video-modal-severity-option.selected{background-color:#e3f2fd;border:1px solid #2196f3}.profile-video-modal-severity-option input[type=radio]{margin-right:8px}.profile-video-modal-severity-option span{font-size:14px;font-weight:400}.profile-video-modal-severity-option.selected span{font-weight:600}.profile-video-modal-success{background-color:#d4edda;color:#155724}.profile-video-modal-error,.profile-video-modal-success{border-radius:4px;font-size:14px;margin-top:12px;padding:8px 12px}.profile-video-modal-error{background-color:#f8d7da;color:#721c24}.profile-video-modal-submit{display:flex;justify-content:center;margin-top:20px;padding-top:16px}.profile-video-modal-submit .button3{align-items:center;display:flex;font-size:1rem;padding:10px 20px}.profile-modal-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-modal-content{max-width:400px;min-width:320px}.profile-modal-content,.profile-video-modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 16px #0003;padding:24px}.profile-video-modal-content{display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:scroll}.add-video-button{align-items:center;background:#ef6e4d;border:none;border-radius:8px;box-shadow:0 2px 4px #ef6e4d33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.add-video-button:hover{background:#dc3545;box-shadow:0 4px 8px #ef6e4d4d;transform:translateY(-1px)}.add-video-button:active{box-shadow:0 2px 4px #ef6e4d33;transform:translateY(0)}.add-video-icon{height:16px;width:16px}.add-video-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.add-video-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.add-video-modal-header h3{color:#2d3748;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all .2s}.modal-close-btn:hover{background:#e2e8f0;color:#2d3748}.add-video-modal-body{flex:1 1;max-height:calc(85vh - 180px);overflow-y:auto;padding:24px}.upload-section{margin-bottom:24px}.file-input-label{cursor:pointer;display:block}.file-input-hidden{display:none}.file-input-button{align-items:center;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;color:#4a5568;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 20px;transition:all .2s}.file-input-button:hover{background:#edf2f7;border-color:#ef6e4d}.file-input-button .upload-icon{color:#ef6e4d;height:20px;width:20px}.upload-error-message{background:#fed7d7;border-radius:6px;color:#742a2a;font-size:13px;margin-top:12px;padding:10px 12px}.disclaimer-section{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:16px}.disclaimer-title{align-items:center;color:#92400e;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.disclaimer-content{max-height:200px;overflow-y:auto;padding-right:8px}.disclaimer-content::-webkit-scrollbar{width:6px}.disclaimer-content::-webkit-scrollbar-track{background:#fef3c7;border-radius:3px}.disclaimer-content::-webkit-scrollbar-thumb{background:#fbbf24;border-radius:3px}.disclaimer-content::-webkit-scrollbar-thumb:hover{background:#f59e0b}.disclaimer-text{color:#78350f;font-size:13px;line-height:1.6;margin:0 0 12px}.disclaimer-text:last-child{margin-bottom:0}.disclaimer-text strong{font-weight:600}.add-video-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-cancel-btn{background:#0000;border:1px solid #cbd5e0;border-radius:6px;color:#718096;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-cancel-btn:hover{background:#e2e8f0;color:#4a5568}.modal-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.modal-upload-btn{align-items:center;background:#ef6e4d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.modal-upload-btn:hover:not(:disabled){background:#dc3545;box-shadow:0 2px 8px #ef6e4d4d}.modal-upload-btn:disabled{cursor:not-allowed;opacity:.5}.upload-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.add-video-modal-content{max-height:90vh;max-width:none;width:95%}.add-video-modal-header{padding:16px 20px}.add-video-modal-header h3{font-size:18px}.add-video-modal-body{max-height:calc(90vh - 160px);padding:20px}.file-input-button{font-size:13px;padding:14px 16px}.disclaimer-section{padding:14px}.disclaimer-title{font-size:15px}.disclaimer-content{max-height:160px}.disclaimer-text{font-size:12px}.add-video-modal-footer{flex-direction:column;padding:14px 20px}.modal-cancel-btn,.modal-upload-btn{justify-content:center;width:100%}.add-video-button{font-size:13px;padding:8px 16px}}@media (max-width:480px){.add-video-modal-content{border-radius:8px;max-height:95vh;width:98%}.add-video-modal-body{padding:16px}.disclaimer-content{max-height:140px}}.video-player-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.video-player-modal-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.video-modal-title-section{flex:1 1}.video-player-modal-title{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 8px}.video-modal-meta{display:flex;flex-wrap:wrap;gap:16px}.video-meta-item{color:#718096;font-size:13px}.video-status-badge{background:#c6f6d5;border-radius:12px;color:#22543d;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;text-transform:capitalize}.video-modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;justify-content:center;padding:4px;transition:all .2s}.video-modal-close-btn:hover{background:#e2e8f0;color:#2d3748}.video-player-modal-body{align-items:center;background:#000;display:flex;flex-shrink:0;justify-content:center;min-height:300px;position:relative}.video-player-element{display:block;max-height:45vh;width:100%}.video-loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;padding:40px}.video-loading-spinner{animation:spin .8s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.video-error-state{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;padding:40px;text-align:center}.video-retry-btn{background:#ef6e4d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.video-retry-btn:hover{background:#dc3545}.video-modal-scrollable-content{flex:1 1;max-height:calc(90vh - 200px);overflow-x:hidden;overflow-y:auto}.video-modal-scrollable-content::-webkit-scrollbar{width:8px}.video-modal-scrollable-content::-webkit-scrollbar-track{background:#f1f5f9}.video-modal-scrollable-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.video-modal-scrollable-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.video-info-card{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 24px}.video-info-title{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px}.video-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.video-info-item{display:flex;flex-direction:column;gap:4px}.video-info-label{color:#718096;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.video-info-value{color:#2d3748;font-size:14px;font-weight:600}.video-severity-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 24px}.severity-section-title{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px}.severity-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.severity-option-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.severity-option-card:hover{background:#f7fafc;border-color:#cbd5e0}.severity-option-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.severity-option-card input[type=radio]{cursor:pointer;margin:0}.severity-option-label{color:#4a5568;font-size:14px;font-weight:500}.severity-option-card.selected .severity-option-label{color:#1e40af;font-weight:600}.video-success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.video-error-message,.video-success-message{font-size:14px;font-weight:500;margin:0 24px 20px;padding:12px 16px}.video-error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.video-player-modal-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 24px}.video-report-btn{align-items:center;background:#fff;border:2px solid #ef6e4d;border-radius:6px;color:#ef6e4d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.video-report-btn:hover:not(:disabled){background:#ef6e4d;box-shadow:0 2px 8px #ef6e4d4d;color:#fff}.video-report-btn:disabled{cursor:not-allowed;opacity:.5}.video-submit-btn{align-items:center;background:#ef6e4d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.video-submit-btn:hover:not(:disabled){background:#dc3545;box-shadow:0 2px 8px #ef6e4d4d}.video-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.video-player-modal-content{max-height:92vh;max-width:none;width:95%}.video-player-modal-header{flex-direction:column;gap:12px;padding:16px 20px}.video-player-modal-title{font-size:18px}.video-modal-meta{gap:12px}.video-modal-close-btn{position:absolute;right:20px;top:16px}.video-player-element{max-height:35vh}.video-modal-scrollable-content{max-height:calc(92vh - 180px)}.video-info-grid{gap:12px;grid-template-columns:1fr}.severity-options-grid{grid-template-columns:repeat(2,1fr)}.video-player-modal-footer{flex-direction:column;gap:10px}.video-report-btn,.video-submit-btn{justify-content:center;width:100%}.video-info-card,.video-severity-section{padding:16px 20px}}@media (max-width:480px){.video-player-modal-content{max-height:95vh;width:98%}.video-player-modal-header{padding:14px 16px}.video-player-modal-title{font-size:16px;margin-bottom:6px}.video-meta-item{font-size:12px}.video-modal-close-btn{font-size:20px;right:16px;top:14px}.video-player-element{max-height:30vh}.video-modal-scrollable-content{max-height:calc(95vh - 160px)}.severity-options-grid{grid-template-columns:1fr}}@media (max-height:700px){.video-player-element{max-height:30vh}.video-modal-scrollable-content{max-height:calc(90vh - 150px)}.video-info-card,.video-severity-section{padding:14px 20px}}@media (max-height:600px){.video-player-modal-content{max-height:95vh}.video-player-element{max-height:25vh}.video-modal-scrollable-content{max-height:calc(95vh - 140px)}.video-info-card,.video-player-modal-footer,.video-player-modal-header,.video-severity-section{padding:12px 20px}}.box{background:#ef6e4d;height:3px;margin:8px 0 16px;width:207px}.box2{align-self:stretch;background:#a2a1a833;height:1px;margin:20px 0}.button{align-items:flex-start;background:#a2a1a80d;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:12px 16px;transition:all .2s ease}.button:hover{background:#dc3545;border-color:#ef6e4d}.button-active{background:#ef6e4d1a;border-color:#ef6e4d}.button2{align-items:center;background:#f8f9fa;border:2px dashed #a2a1a8;border-radius:8px;color:#a9a9a9;cursor:pointer;display:flex;justify-content:center;min-height:24px;padding:12px 20px;transition:all .2s ease}.button2:hover{background:#dc3545;border-color:#ef6e4d}.button3{align-items:center;background:#ef6e4d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.button3:hover{background:#dc3545;transform:translateY(-1px)}.button-disabled{background:#a2a1a8!important;cursor:not-allowed!important;transform:none!important}.button-delete{align-items:center;background:#dc3545;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s,transform .1s}.button-delete:hover{background:#b02a37;transform:translateY(-1px)}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-box{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;max-width:420px;padding:32px;width:90%}.modal-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 12px}.modal-body{color:#495057;font-size:14px;line-height:1.6;margin:0 0 24px}.button-row-view,.modal-actions{display:flex;gap:12px;justify-content:flex-end}.button-row-view{border-top:1px solid #e9ecef;padding:20px}.button-row-view2{display:flex;gap:16px;margin-bottom:20px}.button-remove{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s;width:24px}.button-remove:hover{background:#dc3545}.button-download{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;position:absolute;right:40px;top:8px;transition:background-color .2s;width:24px}.button-download:hover{background:#dc3545}.column{display:flex;flex:1 1;flex-direction:column;gap:8px}.column2{display:flex;flex-direction:column;gap:20px;padding:24px}.column3{width:100%}.column3,.column4{display:flex;flex-direction:column;gap:8px}.column4{flex:1 1;min-width:0}.column5{display:flex;flex-direction:column;gap:16px}.contain{background:#fff;border-radius:8px;overflow:hidden}.profile-pic{height:120px;width:120px}.profile-pic,.reference-pic{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;position:relative}.reference-pic{height:20%;justify-content:center;max-height:100px;max-width:100px;min-height:40px;min-width:40px;width:20%}.image{color:#ef6e4d}.image,.image2{height:16px;width:16px}.image2{color:#a2a1a8;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.profile-pic .image,.reference-pic .image{border-radius:8px 8px 0 0;height:100%;width:100%}.reference-pic-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.input{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#333;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.input:focus{border-color:#ef6e4d;box-shadow:0 0 0 3px #7152f31a}.input:hover:not(:focus):not(.input-disabled){border-color:#a2a1a8}.input-error,.input-error:focus{border-color:#dc3545}.input-error:focus{box-shadow:0 0 0 3px #dc35451a}.input-disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.input::placeholder{color:#a2a1a8}.input2{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#333;font-family:inherit;font-size:14px;line-height:1.4;min-height:80px;padding:12px 16px;resize:vertical;transition:border-color .2s}.row-view{border-bottom:1px solid #e9ecef;display:flex;gap:8px;overflow-x:auto;padding:16px}.row-view2{gap:8px}.row-view2,.row-view3{align-items:center;display:flex}.row-view3{position:relative}.row-view4,.row-view5{display:flex;gap:16px}.row-view5{flex-wrap:wrap;margin-top:16px}.text{color:#333;font-size:18px;font-weight:600;margin:0}.text2{color:#555;margin-bottom:4px}.text2,.text3{font-size:14px;font-weight:500}.text3{color:inherit}.text4{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;color:#666;display:flex;font-size:11px;height:20%;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.text4,.view{overflow:hidden}.view{background:#fff;border-radius:12px;margin:0 auto;max-width:1000px}.required-text{color:#dc3545;font-size:13px;margin-left:2px}.error-text{color:#dc3545;font-size:12px;font-weight:500;margin-top:4px}.profile-pic-section{margin-bottom:20px}.profile-pic-container,.profile-pic-section{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.profile-pic-circle{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:80px}.profile-pic-circle:hover{background:#ef6e4d0a;border-color:#ef6e4d}.profile-pic-placeholder{align-items:center;background:#f8f9fa;color:#a2a1a8;cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .2s ease;width:100%}.profile-pic-placeholder:hover{color:#ef6e4d}.placeholder-icon{color:inherit;height:32px;transition:all .2s ease;width:32px}.profile-pic-preview{cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.profile-pic-image{border-radius:50%;height:100%;object-fit:cover;transition:all .2s ease;width:100%}.profile-pic-preview:hover .profile-pic-image{opacity:.8}.profile-pic-remove{align-items:center;background:#dc3545;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-2px;top:-2px;transition:background-color .2s;width:20px;z-index:1}.profile-pic-remove:hover{background:#c82333}.profile-pic-upload,.profile-pic-upload-btn,.upload-label{display:none}@media (max-width:768px){.profile-video-modal-severity{text-align:center}.profile-video-modal-severity-options{justify-content:center}.column2{padding:16px}.row-view{padding:12px}.row-view4{flex-direction:column;gap:12px}.button-row-view{flex-direction:column-reverse;padding:16px}.button2,.button3{justify-content:center}.text{font-size:16px}.profile-pic-circle{height:70px;width:70px}.placeholder-icon{height:28px;width:28px}.profile-pic-remove{font-size:9px;height:18px;width:18px}.text3{font-size:10px}}@media (max-width:480px){.view{border-radius:0;box-shadow:none;margin:0}.column2{padding:12px}.row-view{padding:8px}.input,.input2{font-size:16px}.profile-pic{height:100px;width:100px}.reference-pic{height:80px;width:80px}.profile-pic-circle{height:60px;width:60px}.placeholder-icon{height:24px;width:24px}.upload-label{font-size:11px;padding:5px 10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.row-view5>*{animation:fadeIn .3s ease-out}.button2:focus,.button3:focus,.button:focus,.profile-pic-circle:focus{outline:2px solid #ef6e4d;outline-offset:2px}.profile-pic-remove:focus{outline:2px solid #dc3545;outline-offset:1px}@media print{.view{border:1px solid #e9ecef;box-shadow:none}.button-row-view,.row-view{display:none}.column2{padding:20px}}.profile-pic-circle:active{transform:scale(.98)}.profile-pic-placeholder:active{transform:scale(.95)}.profile-pic-circle:after{background:#7152f300;border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .2s ease}.profile-pic-circle:hover:after{background:#7152f30d}.profile-pic-placeholder,.profile-pic-preview{position:relative;z-index:0}.profile-pic-remove{z-index:2}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button,.button2,.button3,.input,.profile-pic-circle,.profile-pic-placeholder,.profile-pic-preview{will-change:transform,background-color,border-color}@media (prefers-contrast:high){.profile-pic-circle,.profile-pic-remove{border-width:3px}.button,.button2,.button3{border-width:2px}}@media (prefers-reduced-motion:reduce){.button,.button2,.button3,.input,.profile-pic-circle,.profile-pic-placeholder,.profile-pic-preview{animation:none;transition:none}.row-view5>*{animation:none}}.dashboard-container{background:#f5f5f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.dashboard-layout{display:flex;width:100%}.sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;width:280px}.sidebar-header{border-bottom:1px solid #f0f0f0;padding:24px}.logo{height:auto;object-fit:contain;width:180px}.sidebar-nav{flex:1 1;padding:24px 0}.menu-item{align-items:center;cursor:pointer;display:flex;gap:16px;padding:12px 24px;position:relative;transition:all .2s ease}.menu-item:hover{background:#f8f9fa}.menu-item--active{background:#ef6e4d1a;border-right:3px solid #ef6e4d}.menu-icon{height:24px;object-fit:contain;width:24px}.menu-text{color:#363b64;font-size:16px;font-weight:500}.menu-item--active .menu-text{color:#ef6e4d;font-weight:600}.active-indicator{background:#ef6e4d;bottom:0;position:absolute;right:0;top:0;width:3px}.input,.input2{background:#0000;color:#363b64;font-size:16px;font-weight:500;outline:none}.input{font-weight:600}.input2,.input2::placeholder,.input::placeholder{color:#a098ae}.upgrade-section{border-top:1px solid #f0f0f0;padding:24px}.upgrade-card{background:linear-gradient(135deg,#ef6e4d,#f0c868);border-radius:16px;overflow:hidden;padding:20px;position:relative}.upgrade-content{position:relative;z-index:2}.upgrade-bg{background:#ffffff1a;border-radius:16px;bottom:0;left:0;position:absolute;right:0;top:0}.upgrade-text{display:block;margin-bottom:12px}.upgrade-button,.upgrade-text{color:#fff;font-size:14px;font-weight:600}.upgrade-button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;padding:8px 16px;transition:all .2s ease}.upgrade-button:hover{background:#ffffff4d}.upgrade-image{bottom:10px;height:60px;object-fit:contain;position:absolute;right:10px;width:60px}.main-content{display:flex;flex:1 1;flex-direction:column}.main-header{background:#fff;box-shadow:0 2px 10px #0000001a;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.main-header,.search-section{align-items:center;display:flex}.search-section{background:#f5f5f5;border-radius:12px;flex:1 1;gap:12px;max-width:400px;padding:12px 16px;visibility:hidden}.search-icon{height:20px;object-fit:contain;width:20px}.search-placeholder{color:#a098ae;font-size:16px}.user-section{gap:24px}.notifications,.user-section{align-items:center;display:flex}.notifications{gap:16px}.notification-icon{cursor:pointer;height:24px;transition:transform .2s ease;width:24px}.notification-icon:hover{transform:scale(1.1)}.user-info{align-items:center;display:flex;gap:12px}.user-details{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:#363b64;font-size:16px;font-weight:600}.user-role{color:#a098ae;font-size:14px}.user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.content-area{flex:1 1;padding:40px;width:calc(100vw - 280px)}.content-wrapper{margin:0 auto;max-width:1200px}.dashboard-content{display:flex;flex-direction:column;gap:32px}.dashboard-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.section-header{margin-bottom:32px}.section-title{color:#363b64;font-size:32px;font-weight:700;margin:0}.stats-section{display:flex;flex-direction:column;gap:32px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.stat-icon{height:30px;object-fit:contain;width:30px}.stat-icon-large{height:60px;object-fit:contain;width:60px}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{color:#363b64;font-size:28px;font-weight:700}.stat-label{color:#a098ae;font-size:14px;font-weight:500}.chart-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;color:#a098ae;display:flex;font-size:16px;height:300px;justify-content:center}.chart-placeholder:before{content:"Chart will be displayed here"}@media (max-width:1024px){.sidebar{width:240px}.content-area{box-sizing:border-box;overflow-x:hidden;padding:24px;width:calc(100vw - 240px)}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.main-content{margin-left:0}.main-header{padding:16px 20px}.content-area{box-sizing:border-box;overflow-x:hidden;padding:16px;width:100vw}.stats-grid{grid-template-columns:1fr}.search-section{max-width:200px}.user-details{display:none}}.menu-icon{color:#a098ae;filter:brightness(0) saturate(100%) invert(67%) sepia(8%) saturate(315%) hue-rotate(225deg) brightness(93%) contrast(88%);height:20px;width:20px}.menu-item--active .menu-icon{color:#ef6e4d;filter:brightness(0) saturate(100%) invert(52%) sepia(89%) saturate(1945%) hue-rotate(343deg) brightness(96%) contrast(91%)}.menu-item .menu-icon svg{color:#a098ae}.menu-item--active .menu-icon svg{color:#ef6e4d}.section-header-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 24px}.new-invoice-button{align-items:center;background:#ef6e4d;border:none;border-radius:8px;box-shadow:0 2px 4px #5932ea33;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .2s ease}.new-invoice-button:hover{background:#ef6e4d;box-shadow:0 4px 8px #5932ea4d;transform:translateY(-1px)}.new-invoice-text{color:#fff;font-size:14px;font-weight:600;margin:0}.new-invoice-icon{height:16px;object-fit:contain;width:16px}.image-loading{align-items:center;background-color:#f5f5f5;border:1px dashed #ccc;display:flex;justify-content:center;min-height:100px}.loading-spinner{animation:pulse 1.5s ease-in-out infinite;font-size:24px;opacity:.6}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.image-error{filter:grayscale(100%);opacity:.5}.contain.reference-pic.loading,.profile-pic-preview.loading{align-items:center;background-color:#f8f9fa;border:2px dashed #dee2e6;display:flex;justify-content:center}@media (max-width:768px){.section-header-with-action{align-items:stretch;flex-direction:column;gap:16px}.new-invoice-button{align-self:flex-end;padding:8px 16px}.new-invoice-text{font-size:12px}.new-invoice-icon{height:14px;width:14px}}@media (max-width:480px){.section-header-with-action{padding:0 16px}.section-title{font-size:20px}}.section-header-with-back{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:0 24px}.back-button{color:#4a5568}.back-button:hover{background:#f7fafc;border-color:#cbd5e0}.back-icon{height:16px;width:16px}.back-text{font-size:14px;font-weight:500}.patient-create-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 24px;padding:0 24px}@media (max-width:768px){.section-header-with-action{align-items:stretch;flex-direction:column;gap:16px}.section-header-with-back{padding:0 16px}.patient-create-content{margin:0 16px;padding:0 16px}.new-invoice-button{align-self:flex-end;padding:8px 16px}.new-invoice-text{font-size:12px}.new-invoice-icon{height:14px;width:14px}}.burger-menu{align-items:center;background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:36px;justify-content:center;margin-right:16px;width:36px;z-index:200}.burger-bar{background:#ef6e4d;border-radius:2px;margin-bottom:2px;padding-bottom:4px;transition:all .3s ease;width:24px}@media (max-width:768px){.burger-menu{display:flex}.sidebar{background:#fff;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:240px;z-index:150}.sidebar.sidebar--open{transform:translateX(0)}.sidebar-overlay{background:#0000004d;display:block;inset:0;position:fixed;z-index:100}.main-content{margin-left:0}.dashboard-section{padding:32px 16px}}@media (min-width:769px){.sidebar{background:#fff;height:auto;position:static;transform:none;width:240px;z-index:1}.sidebar-overlay{display:none}}.info-content{padding:0 24px}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:900px;padding:32px}.info-paragraph{color:#363b64;font-size:16px;line-height:1.7;margin-bottom:20px}.info-paragraph:last-child{margin-bottom:0}.info-paragraph strong{color:#ef6e4d;font-weight:600}.contact-item{border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px;padding:20px 0}.contact-item:last-child{border-bottom:none}.contact-item strong{color:#8b92b0;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.contact-link{color:#ef6e4d;font-size:18px;font-weight:500;text-decoration:none;transition:all .2s ease}.contact-link:hover{color:#d45a3a;text-decoration:underline}@media (max-width:768px){.info-content{padding:0 16px}.info-card{border-radius:8px;padding:20px}.info-paragraph{font-size:14px;line-height:1.6}.contact-item{padding:16px 0}.contact-item strong{font-size:12px}.contact-link{font-size:16px}}@media (max-width:480px){.info-card{padding:16px}.info-paragraph{font-size:13px}.contact-link{font-size:14px}}.login-popup{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.login-popup-content{background:#fff;border-radius:8px;box-sizing:border-box;max-width:400px;padding:50px;text-align:center;width:100%}.login-popup-content h2{font-size:24px;margin-bottom:20px}.login-popup-content .input-group{margin-bottom:15px;text-align:left;width:100%}.login-popup-content input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;font-size:14px;margin-bottom:0;padding:12px;width:100%}.login-popup-content input.input-error{background-color:#fff5f5;border-color:#dc3545}.login-popup-content input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.login-popup-content input.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.login-popup-content .field-error{color:#dc3545;font-size:12px;margin:5px 0 0;text-align:left}.login-popup-content .error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:14px;margin-bottom:15px;padding:10px}.login-popup-content .success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:14px;margin-bottom:15px;padding:10px}.login-popup-content button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:10px;padding:12px 20px;transition:background-color .2s ease;width:100%}.login-popup-content button:hover{background:#0056b3}.login-popup-content button:active{background:#004085}.login-popup-content button.back-button{background:#6c757d}.login-popup-content button.back-button:hover{background:#5a6268}.login-popup-content button.forgot-password-button{background:#0000;color:#007bff;font-size:14px;text-decoration:none;.input-group{margin-bottom:12px}.login-popup-content input{font-size:14px;padding:10px}.login-popup-content .field-error{font-size:11px}.login-popup-content button{font-size:15px;padding:10px 20px}}@media (max-width:480px){.login-popup{padding:15px}.login-popup-content{max-width:100%;padding:30px 20px}.login-popup-content h2{font-size:20px;margin-bottom:15px}.login-popup-content .input-group{margin-bottom:12px}.login-popup-content input{font-size:14px;padding:10px}.login-popup-content .field-error{font-size:11px;margin:4px 0 0}.login-popup{padding:15px}.login-popup-content{max-width:100%;padding:30px 20px}.login-popup-content h2{font-size:20px;margin-bottom:15px}.login-popup-content input{font-size:14px;margin-bottom:12px;padding:10px}.login-popup-content button{font-size:14px;margin-bottom:8px;padding:10px 15px}.login-popup-content .error,.login-popup-content .success{font-size:13px;margin-bottom:12px;padding:8px}}@media (max-width:360px){.login-popup-content{padding:25px 15px}.login-popup-content h2{font-size:18px}}
/*! nouislider - 14.7.0 - 4/6/2021 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none}.noUi-target{position:relative}.noUi-base,.noUi-connects{height:100%;position:relative;width:100%;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;will-change:transform;z-index:1}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{height:28px;right:-17px;top:-6px;width:34px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{height:34px;right:-6px;top:-17px;width:28px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border:1px solid #d3d3d3;border-radius:4px;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{background:#fff;border:1px solid #d9d9d9;border-radius:3px;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;cursor:default}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{background:#e8e7e6;content:"";display:block;height:14px;left:14px;position:absolute;top:6px;width:1px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{height:1px;left:6px;top:14px;width:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{color:#999;position:absolute}.noUi-value{position:absolute;text-align:center;white-space:nowrap}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{background:#ccc;position:absolute}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{height:80px;left:0;padding:10px 0;top:100%;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{height:5px;margin-left:-1px;width:2px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{height:100%;left:100%;padding:0 10px;top:0}.noUi-value-vertical{padding-left:25px;transform:translateY(-50%)}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{height:2px;margin-top:-1px;width:5px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{background:#fff;border:1px solid #d9d9d9;border-radius:3px;color:#000;display:block;padding:5px;position:absolute;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{bottom:120%;left:50%;transform:translate(-50%)}.noUi-vertical .noUi-tooltip{right:120%;top:50%;transform:translateY(-50%)}.noUi-horizontal .noUi-origin>.noUi-tooltip{bottom:10px;left:auto;transform:translate(50%)}.noUi-vertical .noUi-origin>.noUi-tooltip{right:28px;top:auto;transform:translateY(-18px)}.video-playback{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.video-playback video{height:auto;max-width:100%}.video-playback canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.range-slider{margin-top:20px;max-width:800px;width:100%}.button-group{display:flex;gap:10px;margin-top:20px}.popup{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 24px #0000002e;max-width:90vw;min-width:300px;padding:32px 24px;text-align:center}.popup-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}
/*# sourceMappingURL=main.51a6b896.css.map*/