.table-section{border:1px solid #ddd;background:#fefefe;overflow:hidden;width:80%!important}.table-section h3{background:linear-gradient(135deg,#667eea,#764ba2);color:#fefefe;margin:0;padding:10px 15px;border-bottom:1px solid #ddd}.table-section table{width:100%}.table-section th,.table-section td{padding:10px 15px;text-align:left;border-bottom:1px solid #eee}.table-section th{background-color:#f8f9fa;font-weight:600}.table-section tr:hover{background-color:#f5f7ff}.number-cell{text-align:center;font-weight:700;width:40px;min-width:40px}th{text-align:center;background-color:#f2f2f2;padding:8px}td{padding:8px;vertical-align:middle}.table-section h3{background-color:#4a6fa5;color:#fff;padding:10px;border-radius:5px}.table-section-wrapper{display:flex;align-items:stretch}.vertical-title{writing-mode:vertical-rl;transform:rotate(180deg);padding:10px;font-size:20px;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ccc;text-align:center;min-width:40px;color:#fff}.test-row{transition:background-color .2s ease}.test-row:hover{background-color:#f8fafc}.test-row td{padding:12px 8px;border-bottom:1px solid #e2e8f0}.custom-checkbox-container{display:inline-block;position:relative;cursor:pointer;width:24px;height:24px}.improved-checkbox{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkmark{position:absolute;top:0;left:10%;width:24px;height:24px;background-color:#fff;border:2px solid #cbd5e0;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.improved-checkbox:checked~.checkmark{background-color:#667eea;border-color:#667eea}.improved-checkbox:checked~.checkmark:after{display:block}.custom-checkbox-container:hover .checkmark{border-color:#667eea;transform:scale(1.05)}.custom-checkbox-container:hover .improved-checkbox:checked~.checkmark{background-color:#5a67d8;border-color:#5a67d8}.improved-checkbox:focus~.checkmark{box-shadow:0 0 0 3px #667eea33;border-color:#667eea}.custom-checkbox-container:active .checkmark{transform:scale(.95)}.test-row button{background:#667eea;color:#fff;border:none;font-size:.9rem;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.delete-button{background:#ea6666!important}.test-row button:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.test-row button:active{transform:translateY(0)}.notes-indicator{margin-left:8px;font-size:14px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}@media (max-width: 768px){.test-row td{padding:10px 6px}.custom-checkbox-container{width:22px;height:22px}.checkmark{width:22px;height:22px;left:80%}.checkmark:after{left:6px;top:2px;width:4px;height:8px}.test-row button{padding:6px 12px;font-size:.8rem}}@media (prefers-color-scheme: dark){.test-row:hover{background-color:#2d3748}.test-row td{border-bottom-color:#4a5568}.checkmark{background-color:#2d3748;border-color:#4a5568}.custom-checkbox-container:hover .checkmark{border-color:#667eea}}.test-row button:hover{background:#475569}.compact-row{height:15px!important;line-height:.8!important}.compact-cell{padding:4px 8px!important;vertical-align:middle}tr.test-row td:nth-child(2){width:400px!important}.number-cell{width:40px;min-width:40px;text-align:center;font-weight:700;font-size:.9em}.checkbox-cell{width:60px;min-width:60px;text-align:center}.inspection-right .notes-cell{width:100px;min-width:100px;text-align:center;display:flex;gap:2px}.compact-checkbox{transform:scale(.9)}.compact-checkmark{width:18px!important;height:18px!important}.custom-checkbox-container{display:inline-block;position:relative;cursor:pointer;font-size:12px;-webkit-user-select:none;user-select:none}.custom-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border-radius:3px;border:1px solid #ccc}.custom-checkbox-container:hover input~.checkmark{background-color:#ccc}.custom-checkbox-container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox-container input:checked~.checkmark:after{display:block}.custom-checkbox-container .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.compact-button{padding:3px 8px!important;font-size:.8em!important;height:24px!important;line-height:1!important;min-height:auto!important}.modal-content{padding:15px}.modal-content textarea{min-height:80px;font-size:.9em}.test-row:hover{background-color:#f5f5f5}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:white;padding:0;border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.modal-header h4{margin:0;color:#333;font-size:1.3em;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#f5f5f5;color:#333}.language-section{padding:0 24px;margin-bottom:20px}.section-label{display:block;margin-bottom:12px;color:#666;font-size:.9em;font-weight:500}.toggle-container{display:flex;background:#f8f9fa;border-radius:12px;padding:4px;margin-bottom:8px}.toggle-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9em}.toggle-option.active{background:white;box-shadow:0 2px 8px #0000001a;color:#007bff;font-weight:500}.language-hint{font-size:.8em;color:#888;text-align:center}.textarea-container{padding:0 24px;margin-bottom:20px}.note-textarea{width:100%;padding:16px;border:2px solid #e9ecef;border-radius:12px;resize:vertical;font-family:inherit;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.note-textarea:focus{outline:none;border-color:#007bff}.voice-recording-section{padding:0 24px;margin-bottom:20px}.recording-ready{text-align:center}.record-start-btn{width:100%;padding:16px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#666}.record-start-btn:hover:not(:disabled){background:#e9ecef;border-color:#007bff;color:#007bff}.mic-icon{font-size:18px}.recording-active{background:#ff4444;border-radius:12px;padding:20px;color:#fff;animation:recordingPulse 2s infinite}@keyframes recordingPulse{0%,to{background-color:#f44}50%{background-color:#f66}}.recording-header{text-align:center;margin-bottom:15px}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:500}.pulsating-dot{width:12px;height:12px;background:white;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-time{font-family:Courier New,monospace;font-weight:600}.recording-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.slide-to-cancel{display:flex;align-items:center;gap:5px;font-size:.8em;opacity:.8}.slide-arrow{font-size:1.2em}.stop-recording-btn{width:50px;height:50px;border-radius:50%;border:none;background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.stop-recording-btn:hover{transform:scale(1.1)}.stop-icon{width:20px;height:20px;background:#ff4444;border-radius:2px}.recording-visualizer{display:flex;align-items:center;justify-content:center;gap:2px;height:30px}.visualizer-bar{width:3px;background:white;border-radius:2px;animation:visualizerPulse .5s infinite alternate}@keyframes visualizerPulse{0%{opacity:.4}to{opacity:1}}.modal-buttons{display:flex;gap:12px;padding:0 24px 20px}.save-btn,.cancel-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.save-btn{background:#007bff;color:#fff}.save-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.save-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#545b62;transform:translateY(-1px)}.quick-tip{text-align:center;padding:0 24px 20px;font-size:.8em;color:#666}@media (max-width: 480px){.modal-content{width:95%;margin:20px}.modal-header,.language-section,.textarea-container,.voice-recording-section,.modal-buttons{padding-left:20px;padding-right:20px}.toggle-option{padding:8px 12px;font-size:.85em}}.recording-controls{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.cancel-recording-btn{background:#ff6b6b;color:#fff;border:none;padding:8px 15px;border-radius:20px;cursor:pointer;font-size:14px;transition:background .3s}.cancel-recording-btn:hover{background:#ff5252}.main-controls{display:flex;gap:10px;align-items:center}.pause-recording-btn,.resume-recording-btn,.save-recording-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .2s}.pause-recording-btn{background:#ffa500;color:#fff}.resume-recording-btn{background:#4CAF50;color:#fff}.save-recording-btn{background:#2196F3;color:#fff}.pause-recording-btn:hover,.resume-recording-btn:hover,.save-recording-btn:hover{transform:scale(1.1)}.visualizer-bar.paused{opacity:.5;animation-play-state:paused}.recording-text{margin:0 10px;font-weight:500}.recording-time{font-weight:700;margin-left:10px}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:rgb(103,82,180);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;margin:0}.inspection-container{display:flex;width:100%;max-width:1200px;justify-content:center;align-items:flex-start;gap:30px;padding:30px;background:white;border-radius:16px;box-shadow:0 20px 40px #0000001a;flex-wrap:wrap;margin:20px}.inspection-left{flex:1;min-width:300px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:25px;margin-right:0}.car-image{width:100%;max-width:400px;height:100%;transform:translateY(130px);border:2px solid #e2e8f0;border-radius:12px;background:#f7fafc;padding:15px;display:flex;align-items:center;justify-content:center;color:#718096;font-size:16px;transition:all .3s ease;margin-top:0}.car-image:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.inspection-right{flex:2;display:flex;flex-direction:column;gap:20px;min-width:500px}.inspection-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.section-title{color:#2d3748;font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #667eea}table{width:100%;border-collapse:collapse;font-size:14px;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}th,td{padding:12px;border:1px solid #e2e8f0;text-align:left}th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:13px}td{background:white;transition:background-color .2s ease}tr:hover td{background:#f7fafc}.car-info{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:14px}.car-info label{font-weight:600;color:#4a5568;margin-bottom:5px;display:block;font-size:13px}.car-info input,.final-note textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease;background:white;font-family:inherit}.car-info input:focus,.final-note textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.car-info input:hover,.final-note textarea:hover{border-color:#cbd5e0}.final-note textarea{height:80px;resize:vertical;font-size:14px}.generate-report-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:10px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;margin-top:10px;width:100%}.generate-report-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.generate-report-btn:active{transform:translateY(0)}@media (max-width: 1024px){.inspection-container{flex-direction:row;gap:20px;padding:20px}.inspection-left{min-width:250px}.car-image{height:200px}.inspection-right{min-width:400px}}@media (max-width: 820px){.inspection-container{flex-direction:column;align-items:center;gap:25px;margin:10px;gap:5%}.inspection-left{margin-right:0;width:100%;height:auto;align-items:center}.car-image{width:100%;max-width:400px;height:500px;transform:translateY(-0px)}.inspection-right{min-width:100%;width:100%}.car-info{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){body{padding:10px}.inspection-container{padding:20px 15px;margin:0}.inspection-section{padding:15px}th,td{padding:8px;font-size:12px}.section-title{font-size:16px}.generate-report-btn{padding:14px 20px;font-size:15px}}.generate-report-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;animation:pulse 1.5s ease-in-out infinite}.car-info input:focus-visible,.final-note textarea:focus-visible,.generate-report-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.inspection-container{animation:slideUp .5s ease-out}.canvas-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .25s ease-out}.canvas-modal-content{background:white;width:90%;max-width:1100px;max-height:90vh;overflow-y:auto;border-radius:14px;padding:20px;box-shadow:0 15px 35px #0000004d;position:relative;animation:scaleIn .25s ease-out}.canvas-modal-close-btn{position:absolute;top:12px;right:12px;background:#e63946;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;border:none;font-size:14px;font-weight:700;transition:.2s}.canvas-modal-close-btn:hover{background:#c72536}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.final-note{margin:20px 0;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9}.final-note label{display:block;margin-bottom:8px;font-weight:600;color:#333}.final-note-controls{display:flex;gap:10px;align-items:flex-start}.final-note textarea{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;resize:vertical;min-height:80px;background:white}.voice-note-btn{padding:12px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap}.voice-note-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.voice-note-btn:active{transform:translateY(0)}@media (max-width: 768px){.final-note-controls{flex-direction:column}.voice-note-btn{align-self:flex-start}}.car-info-display{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e2e8f0;transform:translateY(130px)}.car-info-display h3{margin:0 0 15px;color:#2d3748;font-size:18px;font-weight:600;text-align:center;padding-bottom:10px;border-bottom:2px solid #667eea}.car-info-grid{display:grid;grid-template-columns:1fr;gap:10px}.car-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.car-info-item label{font-weight:600;color:#4a5568;font-size:14px;min-width:120px}.car-info-item span{color:#2d3748;font-size:14px;text-align:right;flex:1}.arabic-text{direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px}@media (max-width: 768px){.car-info-display{transform:translateY(0);padding:12px;margin-top:15px}.car-info-display h3{font-size:16px;margin-bottom:12px}.car-info-item{flex-direction:column;align-items:flex-start;gap:4px}.car-info-item label{min-width:auto;font-size:13px}.car-info-item span{text-align:left;font-size:13px;width:100%}.arabic-text{font-size:14px}}.car-info-display{background:#ebf0f8;border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 8px 25px #00000026;border:1px solid rgba(255,255,255,.2);color:#fff;position:relative;overflow:hidden}.car-info-display:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00c6ff,#0072ff)}.car-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px}.car-info-header h3{margin:0;color:#fff;font-size:1.3em;font-weight:600}.edit-date-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:6px 10px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9em}.edit-date-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.car-info-grid{display:grid;grid-template-columns:1fr;gap:12px}.car-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.car-info-item:last-child{border-bottom:none}.car-info-item label,.car-info-item span{font-weight:500;color:#ffffffe6;font-size:.9em;min-width:120px}.car-info-value{font-weight:600;text-align:right;color:#fff;font-size:.95em}.plate-number{font-family:Courier New,monospace;background:rgba(0,0,0,.2);padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.arabic-text{font-family:Arial,sans-serif;font-size:1.1em;direction:rtl}.date-item{position:relative}.date-input{padding:6px 10px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:rgba(255,255,255,.1);color:#fff;font-size:.9em}.date-cancel-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;padding:4px 8px;cursor:pointer;font-size:.8em;transition:all .3s ease}.date-cancel-btn:hover{background:rgba(255,77,77,.3)}.date-value{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.date-hint{font-size:.7em;opacity:.7;font-weight:400;font-style:italic}@media (min-width: 768px){.car-info-grid{grid-template-columns:1fr 1fr;gap:15px}.car-info-item{flex-direction:column;align-items:flex-start;padding:10px;background:rgba(255,255,255,.05);border-radius:6px;border-bottom:none;background:#718096;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.car-info-item label{margin-bottom:5px;font-size:.85em;opacity:.8}.car-info-value{text-align:left;font-size:1em}.date-value{align-items:flex-start}}.car-info-item{transition:all .3s ease}.car-info-item:hover{background:linear-gradient(135deg,#536bd3 0%,#5c3683 100%);transform:translate(5px)}.date-input{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.date-display-container{display:flex;align-items:center;gap:8px}.edit-date-btn,.save-date-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.edit-date-btn:hover,.save-date-btn:hover{background-color:#f0f0f0}.save-date-btn{background-color:#4caf50;color:#fff}.save-date-btn:hover{background-color:#45a049}.car-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.saved-notes-section{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.saved-notes-section h3{margin-bottom:15px;color:#333;font-size:1.2em}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;margin-top:10px}.note-icon{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease;padding:10px;border-radius:8px;background:white;box-shadow:0 2px 4px #0000001a}.note-icon:hover{transform:scale(1.1);box-shadow:0 4px 8px #00000026}.note-icon-content{font-size:2em;margin-bottom:5px}.note-preview{font-size:.8em;color:#666;text-align:center}.no-notes{text-align:center;color:#999;font-style:italic;grid-column:1 / -1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.note-view-modal{background:white;padding:20px;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#333}.close-btn{background:none;border:none;font-size:2em;cursor:pointer;color:#999;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{background:#f0f0f0;color:#666}.note-meta{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.9em;color:#666}.note-content{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #007bff;white-space:pre-wrap;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.delete-btn{background:#dc3545!important;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-size:.9em;transition:background-color .2s}.close-modal-btn{background:#6c757d;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-size:.9em;transition:background-color .2s}.close-modal-btn:hover{background:#545b62}@media (max-width: 768px){.notes-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.note-icon-content{font-size:1.5em}.note-view-modal{width:95%;margin:10px}}.car-info-container{transform:translateY(7rem);background-color:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px;box-shadow:0 2px 4px #0000001a}.car-info-container h3{margin-top:0;margin-bottom:15px;color:#333;text-align:center;border-bottom:2px solid #4a90e2;padding-bottom:8px}.car-info-table{width:100%;border-collapse:collapse}.car-info-table tr{border-bottom:1px solid #e0e0e0}.car-info-table tr td:first-child{border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.car-info-table tr:last-child{border-bottom:none}.car-info-table td{padding:12px 8px}.info-label{font-weight:600;color:#555;width:35%;vertical-align:top}.info-value{color:#333;word-break:break-word}.arabic-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.1em;direction:rtl}.date-cell{position:relative}.date-edit-container{display:flex;align-items:center;gap:8px}.date-input{padding:6px 10px;border:1px solid #4a90e2;border-radius:4px;font-size:.95em;flex-grow:1;color:#000}.date-action-buttons{display:flex;gap:4px}.save-date-btn,.cancel-date-btn,.edit-date-btn{border:1px solid #ddd;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.9em;transition:all .2s}.save-date-btn:hover{background-color:#4caf50;color:#fff;border-color:#4caf50}.cancel-date-btn{background-color:#ff574b}.cancel-date-btn:hover{background-color:#f44336;color:#fff;border-color:#f44336}.edit-date-btn:hover{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.edit-date-btn{background-color:#6babf5}.date-display-container{display:flex;align-items:center;justify-content:space-between}.date-text{flex-grow:1}@media (max-width: 768px){.car-info-table{font-size:.9em}.car-info-table td{padding:8px 4px}.date-edit-container{flex-direction:column;gap:5px}.date-action-buttons{align-self:flex-end}}.car-inspection-canvas{background:white;border-radius:12px;padding:0;max-width:1200px;max-height:90vh;overflow:auto}.canvas-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px 12px 0 0}.canvas-title{margin:0;font-size:24px;font-weight:600}.canvas-actions{display:flex;gap:12px}.save-btn{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.save-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.close-btn{background:rgba(255,255,255,.9);color:#333;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:1.5rem}.close-btn:hover{background:white;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.canvas-main-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;min-height:500px}.canvas-section{display:flex;flex-direction:column}.canvas-wrapper{border:2px solid #e1e5e9;border-radius:8px;padding:16px;background:#f8f9fa;position:relative;flex:1}.canvas-tooltip{position:absolute;bottom:-2px;left:16px;right:16px;background:rgba(0,0,0,.8);color:#fff;padding:2px 12px;border-radius:6px;font-size:12px;text-align:center}.table-section{display:flex;flex-direction:column}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-header h3{margin:0;color:#333;font-size:18px}.points-count{background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.table-container{border:1px solid #e1e5e9;border-radius:8px;overflow:hidden;flex:1}.points-table{width:100%;border-collapse:collapse;font-size:14px}.points-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e1e5e9}.points-table td{padding:12px 16px;border-bottom:1px solid #e1e5e9}.point-number{font-weight:600;color:#667eea;text-align:center}.point-label{font-weight:500}.point-actions{display:flex;gap:8px}.note-btn{background:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.note-btn:hover{background:#218838}.delete-btn{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.delete-btn:hover{background:#c82333}.point-status{text-align:center}.has-notes-badge{background:#d4edda;color:#155724;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.no-notes-badge{background:#fff3cd;color:#856404;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.has-notes{background:#f8f9fa}.empty-state td{text-align:center;color:#6c757d;font-style:italic;padding:40px 16px}.canvas-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.canvas-modal-content{background:white;border-radius:12px;max-width:1200px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.report-page{max-width:1200px;margin:0 auto;padding:clamp(12px,2vw,20px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;box-sizing:border-box}.report-container{background:white;border-radius:clamp(12px,2vw,16px);box-shadow:0 20px 40px #0000001a;overflow:hidden;margin:clamp(12px,2vw,20px) 0}.report-actions{margin-bottom:clamp(20px,3vw,30px);text-align:center;padding:clamp(16px,2vw,20px);background:white;border-radius:clamp(10px,1.5vw,12px);box-shadow:0 4px 12px #0000001a}.action-buttons{display:flex;gap:clamp(8px,1.5vw,12px);justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-pdf{padding:clamp(12px,2vw,14px) clamp(20px,3vw,28px);border:none;border-radius:clamp(8px,1.2vw,10px);cursor:pointer;font-size:clamp(14px,1.8vw,15px);font-weight:600;transition:all .3s ease;font-family:inherit;flex:1;min-width:min(140px,100%);text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:5px}.btn-pdf{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.btn-secondary{background:linear-gradient(135deg,#718096,#4a5568);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-pdf:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e53e3e4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7180964d}.btn-primary:active,.btn-pdf:active,.btn-secondary:active{transform:translateY(0)}.report-section{padding:clamp(20px,3vw,30px);border-bottom:1px solid #e2e8f0;transition:all .3s ease}.report-section:last-child{border-bottom:none}.report-section:hover{background:#fafbff}.section-title{color:#2d3748;border-bottom:3px solid;border-image:linear-gradient(135deg,#667eea,#764ba2) 1;padding-bottom:clamp(8px,1.2vw,12px);margin-bottom:clamp(16px,2.5vw,25px);font-size:clamp(1.2em,4vw,1.5em);font-weight:700;line-height:1.3}.array-table-section{margin-bottom:clamp(20px,3vw,35px);background:#f8fafc;border-radius:clamp(10px,1.5vw,12px);padding:clamp(16px,2vw,20px);border:1px solid #e2e8f0;overflow-x:auto}.array-table-title{color:#2d3748;font-size:clamp(1.1em,3.5vw,1.3em);margin-bottom:clamp(16px,2vw,20px);padding-left:clamp(12px,1.5vw,15px);border-left:4px solid;border-image:linear-gradient(135deg,#667eea,#764ba2) 1;font-weight:600}.array-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.8vw,14px);border-radius:clamp(8px,1.2vw,10px);overflow:hidden;box-shadow:0 2px 8px #00000014;background:white;min-width:500px}.array-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:clamp(12px,1.8vw,16px) clamp(10px,1.2vw,12px);text-align:left;font-weight:600;font-size:clamp(12px,1.8vw,14px);white-space:nowrap}.array-table td{padding:clamp(12px,1.8vw,14px) clamp(10px,1.2vw,12px);border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.array-table tr:last-child td{border-bottom:none}.array-table tr.issue-item{background-color:#fff5f5;border-left:4px solid #e53e3e}.array-table tr.good-item{background-color:#f0fff4;border-left:4px solid #38a169}.array-table tr:hover{background-color:#edf2f7;transform:translate(4px);transition:all .2s ease}.status-col{width:clamp(70px,10vw,90px);text-align:center}.item-col{width:45%;font-weight:500}.notes-col{width:45%}.status-cell{text-align:center}.status-badge{display:inline-flex;align-items:center;justify-content:center;width:clamp(24px,4vw,28px);height:clamp(24px,4vw,28px);border-radius:50%;text-align:center;line-height:1;font-weight:700;font-size:clamp(12px,2vw,14px);transition:all .3s ease}.status-badge.issue{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;box-shadow:0 2px 6px #e53e3e4d}.status-badge.good{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;box-shadow:0 2px 6px #38a1694d}.item-cell{font-weight:600;color:#2d3748}.notes-cell{color:#718096;font-style:italic;line-height:1.4}.key-value-section{margin-bottom:clamp(16px,2.5vw,25px);background:#f8fafc;border-radius:clamp(10px,1.5vw,12px);padding:clamp(16px,2vw,20px);border:1px solid #e2e8f0;overflow-x:auto}.key-value-title{color:#2d3748;font-size:clamp(1em,3vw,1.2em);margin-bottom:clamp(12px,1.8vw,15px);font-weight:600}.key-value-table{width:100%;border-collapse:collapse;border-radius:clamp(6px,1vw,8px);overflow:hidden;box-shadow:0 2px 6px #0000000d;background:white;min-width:400px}.key-value-table tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.key-value-table tr:last-child{border-bottom:none}.key-value-table tr:hover{background-color:#f7fafc}.key-value-table td{padding:clamp(12px,1.8vw,14px) clamp(12px,1.8vw,16px)}.key-column{font-weight:600;color:#2d3748;width:35%;padding-right:clamp(16px,2.5vw,25px);border-right:2px solid #e2e8f0;background:#f8fafc;white-space:nowrap}.value-column{color:#4a5568;width:65%;font-weight:500;word-break:break-word}.summary-section{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:clamp(10px,1.5vw,12px);margin:clamp(12px,2vw,20px);border:1px solid #e2e8f0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(12px,2vw,20px);margin-top:clamp(16px,2vw,20px)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:clamp(16px,2vw,20px);background:white;border-radius:clamp(8px,1.2vw,10px);border-left:5px solid;border-image:linear-gradient(135deg,#667eea,#764ba2) 1;box-shadow:0 4px 12px #00000014;transition:all .3s ease;flex-wrap:wrap;gap:8px}.summary-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.summary-label{font-weight:600;color:#2d3748;font-size:clamp(14px,1.8vw,15px)}.summary-value{font-weight:700;font-size:clamp(16px,2.5vw,18px)}.issue-count{color:#e53e3c;background:#fed7d7;padding:clamp(4px,.8vw,6px) clamp(8px,1.2vw,12px);border-radius:20px;font-size:clamp(14px,1.8vw,15px)}.good-count{color:#38a169;background:#c6f6d5;padding:clamp(4px,.8vw,6px) clamp(8px,1.2vw,12px);border-radius:20px;font-size:clamp(14px,1.8vw,15px)}@media print{@page{margin:.5in;size:letter}.no-print{display:none!important}.report-page{padding:0;margin:0;background:white!important}.report-container{box-shadow:none;border:none;border-radius:0}.section-title{color:#000!important;border-bottom:2px solid #000!important}.print-header,.print-footer{display:block!important}.array-table{font-size:10px;box-shadow:none!important}.status-badge{border:1px solid #000!important}.report-section:hover{background:white!important}.summary-item{box-shadow:none!important;border:1px solid #ddd!important}}.print-header,.print-footer{display:none}@media print{.print-header{display:block;text-align:center;border-bottom:2px solid #000;margin-bottom:25px;padding-bottom:15px}.print-header h1{margin:0;font-size:24px;color:#000;font-weight:700}.print-footer{display:block;text-align:center;margin-top:35px;padding-top:15px;border-top:2px solid #ccc;font-size:11px;color:#666}}@media (max-width: 1200px){.report-page{padding:15px}}@media (max-width: 768px){.report-page{padding:10px}.report-section{padding:16px 12px}.array-table{font-size:13px;min-width:450px}.array-table th,.array-table td{padding:10px 8px}.status-col{width:65px}.summary-grid{grid-template-columns:1fr;gap:12px}.action-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-pdf,.btn-secondary{width:100%;margin:4px 0;padding:14px 16px}.key-column{width:40%}.value-column{width:60%}.array-table-section,.key-value-section{margin-left:-8px;margin-right:-8px;border-radius:0}}@media (max-width: 480px){.array-table{font-size:12px;min-width:380px}.array-table th,.array-table td{padding:8px 6px}.status-badge{width:22px;height:22px;font-size:11px}.section-title{font-size:1.2em}.key-value-table td{padding:10px 8px}.key-column{width:45%;padding-right:12px}.value-column{width:55%}.summary-item{flex-direction:column;align-items:flex-start;text-align:left}.summary-label,.summary-value{width:100%}}@media (max-width: 360px){.report-page{padding:8px}.report-section{padding:12px 8px}.array-table{font-size:11px;min-width:340px}.array-table th,.array-table td{padding:6px 4px}}.btn-primary:disabled,.btn-pdf:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important;animation:pulse 1.5s ease-in-out infinite}.btn-primary:focus-visible,.btn-pdf:focus-visible,.btn-secondary:focus-visible{outline:2px solid #667eea;outline-offset:2px}.report-container{animation:slideUp .5s ease-out}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader-container{background:white;border-radius:clamp(12px,2vw,16px);padding:clamp(24px,4vw,40px);text-align:center;box-shadow:0 20px 40px #0000004d;max-width:min(300px,90vw);animation:slideUp .3s ease-out}.loader-spinner{width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);border:4px solid #e2e8f0;border-top:4px solid;border-image:linear-gradient(135deg,#667eea,#764ba2) 1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto clamp(16px,2vw,20px)}.loader-text{color:#2d3748;font-size:clamp(14px,2vw,16px);font-weight:600;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.alert-container{background:white;border-radius:clamp(12px,2vw,16px);padding:clamp(20px,3vw,30px);text-align:center;box-shadow:0 20px 40px #0003;max-width:min(400px,90vw);animation:slideUp .3s ease-out}.alert-icon{width:clamp(50px,8vw,60px);height:clamp(50px,8vw,60px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto clamp(16px,2vw,20px);font-size:clamp(20px,3vw,24px)}.alert-icon.success{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff}.alert-icon.error{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.alert-title{font-size:clamp(1.2em,3.5vw,1.4em);font-weight:700;margin-bottom:8px;color:#2d3748}.alert-message{color:#718096;font-size:clamp(14px,2vw,15px);line-height:1.5;margin-bottom:clamp(20px,3vw,25px)}.alert-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:clamp(10px,2vw,12px) clamp(20px,3vw,30px);border-radius:clamp(8px,1.2vw,10px);font-size:clamp(14px,2vw,15px);font-weight:600;cursor:pointer;transition:all .3s ease;min-width:min(120px,100%)}.alert-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.build-payload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:clamp(14px,2vw,16px) clamp(24px,3vw,32px);border-radius:clamp(10px,1.5vw,12px);font-size:clamp(14px,2vw,16px);font-weight:600;cursor:pointer;transition:all .3s ease;margin:clamp(16px,2vw,20px) 0;display:flex;align-items:center;justify-content:center;gap:8px;min-width:min(200px,100%)}.build-payload-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #667eea59}.build-payload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.build-payload-btn:disabled .button-spinner{display:inline-block}.button-spinner{width:clamp(16px,2.5vw,18px);height:clamp(16px,2.5vw,18px);border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:none}@media (max-width: 640px){.array-table,.key-value-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.item-col,.notes-col{min-width:150px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.array-table,.key-value-table{border-width:.5px}}.pdf-upload-section{display:inline-block;padding:clamp(10px,1.7vw,12px) clamp(20px,3vw,28px)}.pdf-upload-section label{cursor:pointer;margin:0}.uploaded-pdfs-section{margin:20px 0;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9}.uploaded-pdfs-section h3{margin:0 0 15px;color:#2c3e50;font-size:1.2em}.uploaded-pdfs-list{display:flex;flex-direction:column;gap:10px}.uploaded-pdf-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:white;border:1px solid #ddd;border-radius:6px;transition:all .3s ease}.uploaded-pdf-item:hover{box-shadow:0 2px 4px #0000001a}.pdf-info{display:flex;align-items:center;gap:10px}.pdf-name{font-weight:500;color:#2c3e50}.pdf-size{font-size:.9em;color:#666}.btn-delete{background:#e74c3c;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9em;transition:background .3s ease}.btn-delete:hover{background:#c0392b}@media print{.uploaded-pdfs-section,.pdf-upload-section{display:none!important}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#3498db;border-radius:50%;animation:spin .6s linear infinite;margin-right:6px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner-text{color:#fff;font-size:18px;display:flex;align-items:center;gap:8px;font-weight:700}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(102,126,234,.534) 0%,rgba(118,75,162,.534) 100%);background:white;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-card{background:white;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:440px;transition:all .3s ease}.auth-title{text-align:center;color:#2d3748;font-size:28px;font-weight:700;margin-bottom:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-group{display:flex;background:#f7fafc;border-radius:12px;padding:6px;margin-bottom:32px;border:1px solid #e2e8f0}.toggle-btn{flex:1;padding:12px 20px;border:none;background:transparent;border-radius:8px;font-size:16px;font-weight:600;color:#718096;cursor:pointer;transition:all .3s ease}.toggle-btn:hover{color:#4a5568;background:rgba(255,255,255,.5)}.toggle-btn.active{background:white;color:#667eea;box-shadow:0 2px 8px #667eea33}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form label{font-weight:600;color:#4a5568;margin-bottom:-8px;font-size:14px}.auth-form input{padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .3s ease;background:white}.auth-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:white}.auth-form input:hover{border-color:#cbd5e0}.submit-btn{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-message{text-align:center;padding:12px;border-radius:8px;margin-top:20px;font-weight:500;font-size:14px}.auth-message:not(:empty){background:#fed7d7;color:#c53030;border:1px solid #feb2b2}.auth-message:contains("successfully"){background:#c6f6d5;color:#2d784d;border:1px solid #9ae6b4}@media (max-width: 480px){.auth-card{padding:30px 24px;margin:10px}.auth-title{font-size:24px;margin-bottom:24px}.button-group{margin-bottom:24px}.toggle-btn{padding:10px 16px;font-size:14px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.submit-btn:disabled{animation:pulse 1.5s ease-in-out infinite}.auth-form input:focus-visible{outline:2px solid #667eea;outline-offset:2px}.toggle-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.auth-success{color:#28a745!important;background:#d4edda!important;border:1px solid #c3e6cb!important;padding:10px;border-radius:4px}.main-page{min-height:100vh;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-container{background:white;border-radius:20px;box-shadow:0 20px 40px #00000026;padding:50px;width:100%;max-width:600px;text-align:center;animation:slideUp .6s ease-out}.main-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5em;font-weight:800;margin-bottom:10px;letter-spacing:-.5px}.welcome-message{color:#718096;font-size:1.1em;margin-bottom:40px;font-weight:500}.welcome-user{color:#667eea;font-weight:700}.car-info-form{background:#f8fafc;border-radius:16px;padding:30px;border:2px solid #e2e8f0;margin-bottom:35px;text-align:left}.form-title{color:#2d3748;font-size:1.4em;font-weight:700;margin-bottom:25px;text-align:center;border-bottom:2px solid;border-image:linear-gradient(135deg,#667eea,#764ba2) 1;padding-bottom:12px}.car-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#4a5568;font-size:14px;margin-bottom:2px}.form-group input{padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .3s ease;background:white;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:white}.form-group input:hover{border-color:#cbd5e0}.form-group input:read-only{background-color:#f7fafc;color:#718096;cursor:not-allowed}.start-inspect-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 40px;border-radius:12px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px;margin:0 auto;display:block}.start-inspect-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #667eea59}.start-inspect-btn:active:not(:disabled){transform:translateY(-1px)}.start-inspect-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group input:focus-visible,.start-inspect-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.main-container{padding:40px 30px;margin:20px}.main-title{font-size:2em}.car-info-grid{grid-template-columns:1fr;gap:15px}.car-info-form{padding:25px}.start-inspect-btn{padding:16px 30px;font-size:1em}}@media (max-width: 480px){.main-page{padding:20px 15px}.main-container{padding:30px 20px}.main-title{font-size:1.8em}.welcome-message{font-size:1em;margin-bottom:30px}.car-info-form{padding:20px}.form-group input{padding:12px 14px}}.start-inspect-btn:disabled{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.status-message{text-align:center;padding:12px;border-radius:8px;margin-top:20px;font-weight:500;font-size:14px}.status-message.error{background:#fed7d7;color:#c53030;border:1px solid #feb2b2}.status-message.success{background:#c6f6d5;color:#2d784d;border:1px solid #9ae6b4}.form-group select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;background-color:#fff;font-size:16px;color:#333;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:12px}.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group select:hover{border-color:#007bff}.form-group select:required:invalid{color:#999}.form-group select option{padding:12px 16px;font-size:16px;color:#333;background-color:#fff}.form-group select option:hover{background-color:#f8f9fa}.form-group select option:checked{background-color:#007bff;color:#fff}.form-group select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;border-color:#e9ecef}.form-group select.error{border-color:#dc3545;background-color:#fff5f5}.form-group select.error:focus{box-shadow:0 0 0 3px #dc35451a}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group{margin-bottom:20px}.form-group.full-width{grid-column:1 / -1}@media (max-width: 768px){.form-group select{padding:14px 16px;font-size:16px}}@media (prefers-color-scheme: dark){.form-group select{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.form-group select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group select option{background-color:#2d3748;color:#e2e8f0}.form-group label{color:#e2e8f0}}.car-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.car-info-grid .form-group:nth-child(2),.car-info-grid .form-group:nth-child(3){grid-column:span 1}@media (max-width: 768px){.car-info-grid{grid-template-columns:1fr}.car-info-grid .form-group:nth-child(2),.car-info-grid .form-group:nth-child(3){grid-column:span 1}}.plate-inputs-group{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:10px}.plate-input{margin-bottom:0}@media (max-width: 768px){.plate-inputs-group{grid-template-columns:1fr;gap:10px}}.arabic-input{text-align:right;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;direction:rtl}.arabic-input::placeholder{text-align:right;direction:rtl}.error-message{color:#dc3545;font-size:12px;margin-top:4px;font-weight:500}.form-group input.error,.form-group select.error{border-color:#dc3545;background-color:#fff5f5}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #dc35451a;border-color:#dc3545}.plate-hint{display:block;margin-top:4px;font-size:12px;color:#666;font-style:italic}.history-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:rgb(103,82,180);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;margin:0}.history-content{width:100%;max-width:1200px;background:white;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:30px;margin:20px;animation:slideUp .5s ease-out}.history-header{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid #667eea;text-align:center}.history-list{display:flex;flex-direction:column;gap:20px}.history-item{background:#f8fafc;border-radius:12px;padding:25px;border:1px solid #e2e8f0;transition:all .3s ease;cursor:pointer}.history-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.history-item-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:center}.history-info-group{display:flex;flex-direction:column;gap:8px}.history-label{font-weight:600;color:#4a5568;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.history-value{color:#2d3748;font-size:16px;font-weight:500;padding:8px 12px;background:white;border-radius:8px;border:1px solid #e2e8f0}.status-good{color:#2d784d;font-weight:600}.status-fair{color:#d69e2e;font-weight:600}.status-poor{color:#c53030;font-weight:600}.history-loading{text-align:center;padding:40px;color:#4a5568;font-size:18px;font-weight:600}.history-error{text-align:center;padding:40px;color:#c53030;font-size:18px;font-weight:600;background:#fed7d7;border-radius:12px;border:1px solid #feb2b2}.history-empty{text-align:center;padding:40px;color:#718096;font-size:16px;background:#f7fafc;border-radius:12px;border:2px dashed #cbd5e0}@media (max-width: 1024px){.history-content{padding:25px;margin:15px}.history-header{font-size:24px}.history-item-content{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}}@media (max-width: 768px){.history-container{padding:15px}.history-content{padding:20px;margin:10px}.history-header{font-size:22px;margin-bottom:25px}.history-item{padding:20px}.history-item-content{grid-template-columns:1fr;gap:12px}.history-info-group{flex-direction:row;justify-content:space-between;align-items:center}.history-value{text-align:right;min-width:150px}}@media (max-width: 480px){.history-container{padding:10px}.history-content{padding:15px;margin:5px;border-radius:12px}.history-header{font-size:20px;margin-bottom:20px}.history-item{padding:15px}.history-info-group{flex-direction:column;align-items:flex-start;gap:4px}.history-value{text-align:left;min-width:auto;width:100%}.history-label{font-size:11px}.history-value{font-size:14px;padding:6px 10px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.history-item:focus-visible{outline:2px solid #667eea;outline-offset:2px}.history-item-selected{border-color:#667eea!important;background:linear-gradient(135deg,#f0f4ff,#e6f0ff)!important;box-shadow:0 8px 25px #667eea33!important}.selected-item-info{background:#f0f9ff;border:2px solid #667eea;border-radius:12px;padding:20px;margin-bottom:25px;text-align:center}.selected-item-info h3{color:#2d3748;margin-bottom:10px;font-size:18px}.selected-item-info p{color:#4a5568;font-size:14px;margin:0}.history-item{cursor:pointer;transition:all .3s ease}.history-item:active{transform:translateY(1px)}.add-inspector-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.add-inspector-btn:hover{background:#218838}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:popup-appear .3s ease-out}@keyframes popup-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:12px 12px 0 0}.popup-header h3{margin:0;color:#333;font-size:1.3rem}.close-popup-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-popup-btn:hover{background:#e9ecef;color:#495057}.popup-body{padding:25px}@media (max-width: 768px){.view-mode-header{flex-direction:column;align-items:stretch}.add-inspector-btn{width:100%;margin-top:10px}.popup-content{width:95%;margin:20px}.popup-header{padding:15px 20px}.popup-body{padding:20px}}.resume-popup{max-width:600px}.resume-content{display:flex;flex-direction:column;gap:20px}.resume-section{border:1px solid #e9ecef;border-radius:8px;padding:15px;background:#f8f9fa}.resume-section h4{margin:0 0 12px;color:#495057;font-size:1.1rem;border-bottom:2px solid #007bff;padding-bottom:5px}.resume-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.resume-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dee2e6}.resume-item:last-child{border-bottom:none}.resume-label{font-weight:600;color:#6c757d;font-size:.9rem}.resume-value{font-weight:500;color:#495057}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-top:10px}.stat-item{text-align:center;padding:15px;border-radius:8px;background:white;box-shadow:0 2px 4px #0000001a}.stat-item.total{border-top:4px solid #17a2b8}.stat-item.good{border-top:4px solid #28a745}.stat-item.issues{border-top:4px solid #dc3545}.stat-item.diagrams{border-top:4px solid #ffc107}.stat-label{display:block;font-size:.8rem;color:#6c757d;margin-bottom:5px;text-transform:uppercase;font-weight:600}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#495057}.issues-list{display:flex;flex-direction:column;gap:8px}.issue-category{display:flex;justify-content:space-between;align-items:center;padding:10px;background:white;border-radius:6px;border-left:4px solid #dc3545}.issue-category-name{font-weight:500;color:#495057;text-transform:capitalize}.issue-count{background:#dc3545;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.final-notes{display:flex;flex-direction:column;gap:10px}.final-note{padding:12px;background:white;border-radius:6px;border-left:4px solid #007bff;font-style:italic;color:#495057}.resume-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.resume-actions .action-btn{padding:10px 20px;font-size:.9rem}.resume-actions .close-btn{background:#6c757d;color:#fff}.resume-actions .close-btn:hover{background:#5a6268}@media (max-width: 768px){.resume-popup{margin:10px;max-height:85vh}.resume-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.resume-actions{flex-direction:column}.resume-actions .action-btn{width:100%}}.role-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-transform:capitalize}.role-badge.technician{background-color:#e3f2fd;color:#1976d2}.role-badge.admin{background-color:#f3e5f5;color:#7b1fa2}.history-table th,.history-table td{padding:12px 8px;text-align:left}@media (max-width: 768px){.history-table{font-size:14px}.history-table th,.history-table td{padding:8px 4px}}.filters-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px;background:var(--bg-secondary, #f8f9fa);border-radius:var(--border-radius-sm, 8px);border:1px solid var(--border-color, #e5e7eb)}.filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.filter-group label{font-weight:600;font-size:14px;color:var(--text-primary, #333)}.filter-input{padding:10px 12px;border:1px solid var(--border-color, #ddd);border-radius:var(--border-radius-sm, 6px);font-size:14px;transition:all .3s ease}.filter-input:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 2px #007bff40}.clear-filters-btn{padding:10px 16px;background:var(--error-color, #dc3545);color:#fff;border:none;border-radius:var(--border-radius-sm, 6px);cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;align-self:flex-end;margin-top:24px}.clear-filters-btn:hover{background:#c82333;transform:translateY(-1px)}.logout-btn{padding:10px 20px;background:var(--error-color, #dc3545);color:#fff;border:none;border-radius:var(--border-radius-sm, 6px);cursor:pointer;font-weight:600;transition:all .3s ease;margin:0 5px}.logout-btn:hover{background:#c82333;transform:translateY(-1px)}@media (max-width: 768px){.filters-container{flex-direction:column;gap:12px}.filter-group{min-width:100%}.clear-filters-btn{align-self:stretch;margin-top:8px}}.column-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.filter-icon{background:none;border:none;cursor:pointer;padding:4px;border-radius:3px;font-size:12px;opacity:.6;transition:all .2s ease}.filter-icon:hover{opacity:1;background:#e9ecef}.filter-icon.active{opacity:1;background:#007bff;color:#fff}.filter-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.filter-popup{background:white;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:250px;z-index:1001}.filter-popup-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;background:#f8f9fa}.filter-popup-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.filter-popup-body{padding:16px}.filter-rule-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:12px}.filter-rule-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-actions{display:flex;gap:8px;justify-content:flex-end}.clear-filter-btn{padding:6px 12px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.clear-filter-btn:hover{background:#5a6268}.apply-filter-btn{padding:6px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.apply-filter-btn:hover{background:#0056b3}.close-popup-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-popup-btn:hover{color:#333;background:#e9ecef;border-radius:50%}.history-table th{position:relative;padding:12px 8px;border-bottom:2px solid #dee2e6}.history-table td{padding:10px 8px;border-bottom:1px solid #dee2e6}.table-row:hover{background-color:#f8f9fa}.selected-row{background-color:#e3f2fd!important}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.clear-filters-btn{padding:6px 12px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.clear-filters-btn:hover{background:#5a6268}.back-button{transform:translate(-350px);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:12ppx;cursor:pointer;font-size:14px}.back-button:hover{background:#764ba2}.header-actions{margin-bottom:10px}.history-header-section{text-align:center}.table-wrapper{position:relative;overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px;background:white}.table-wrapper.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.resizable-table{table-layout:fixed;width:100%;border-collapse:collapse}.resizable-table th{position:relative;border-right:1px solid #e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resizable-table th:last-child{border-right:none}.column-resizer{cursor:col-resize;position:absolute;right:0;top:0;bottom:0;width:6px;background-color:transparent;transition:background-color .2s ease;z-index:10}.column-resizer:hover,.column-resizer:active{background-color:#007bff}.column-header{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;min-height:44px}.column-header span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.resizable-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #f0f0f0;padding:8px}.resizable-table td:last-child{border-right:none}.table-controls{display:flex;gap:12px;align-items:center}.reset-columns-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .3s ease}.reset-columns-btn:hover{background:#545b62;transform:translateY(-1px)}.view-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.table-actions{display:flex;gap:12px}.action-buttons{display:flex;gap:8px;flex-wrap:nowrap}.action-buttons .action-btn{padding:6px 12px;font-size:.8em;white-space:nowrap}.action-buttons .view-btn{background:#17a2b8}.action-buttons .pdf-btn{background:#28a745}.action-buttons .view-btn:hover{background:#138496}.action-buttons .pdf-btn:hover{background:#218838}.no-data{color:#6c757d;font-style:italic}@media (max-width: 768px){.view-mode-header{flex-direction:column;align-items:stretch}.table-controls{justify-content:space-between}.action-buttons{flex-direction:column;gap:4px}.action-buttons .action-btn{padding:4px 8px;font-size:.75em}}.history-table{box-shadow:0 1px 3px #0000001a}.history-table th{background:#f8f9fa;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.history-table tr:hover{background-color:#f8f9fa}.history-table .selected-row{background-color:#e3f2fd!important}.role-badge{padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:500}.role-badge.technician{background:#e3f2fd;color:#1976d2}.role-badge.admin{background:#fce4ec;color:#c2185b}.history-loading,.history-error,.history-empty{text-align:center;padding:40px 20px;font-size:1.1em}.history-loading{color:#007bff}.history-error{color:#dc3545}.history-empty{color:#6c757d}.pagination-controls-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 15px;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.pagination-controls{display:flex;flex-direction:column;gap:15px;margin-top:20px;padding:15px;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.pagination-info{font-size:14px;color:#6c757d;font-weight:500}.pagination-info-bottom{font-size:14px;color:#6c757d;text-align:center;margin-bottom:10px}.pagination-buttons{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-btn{padding:8px 16px;border:1px solid #dee2e6;background:white;color:#007bff;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:#6c757d}.page-numbers{display:flex;align-items:center;gap:5px}.page-btn{min-width:36px;height:36px;border:1px solid #dee2e6;background:white;color:#495057;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.page-btn:hover{background:#e9ecef;border-color:#dee2e6}.page-btn.active{background:#007bff;color:#fff;border-color:#007bff;font-weight:700}.page-ellipsis{padding:0 5px;color:#6c757d}.items-per-page-selector{display:flex;align-items:center;gap:10px}.items-per-page-selector label{font-size:14px;color:#495057;font-weight:500}.items-per-page-select{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;background:white;font-size:14px;color:#495057;cursor:pointer}.items-per-page-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.items-per-page-bottom{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:10px}.items-per-page-bottom label{font-size:14px;color:#495057;font-weight:500}.table-wrapper{overflow-x:auto;max-height:500px;overflow-y:auto}.history-table{min-width:100%}@media (max-width: 768px){.pagination-controls-top{flex-direction:column;gap:10px;align-items:flex-start}.pagination-buttons{flex-wrap:wrap}.page-numbers{flex-wrap:wrap;justify-content:center}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--secondary-color: #764ba2;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius: 12px;--border-radius-sm: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-light: #9ca3af;--bg-primary: #1f2937;--bg-secondary: #111827;--border-color: #374151}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-secondary)}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:clamp(16px,4vw,32px);background:var(--bg-gradient);position:relative;overflow:hidden}.auth-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:float 20s linear infinite;pointer-events:none}@keyframes float{0%{transform:translate(0) rotate(0)}to{transform:translate(-30px,-30px) rotate(360deg)}}.auth-card{background:var(--bg-primary);padding:clamp(24px,5vw,48px);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);width:100%;max-width:min(440px,95vw);position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:slideUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-title{font-size:clamp(1.75rem,4vw,2rem);font-weight:700;text-align:center;margin-bottom:clamp(20px,4vw,32px);color:var(--text-primary);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.auth-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-gradient);border-radius:2px}.auth-form{display:flex;flex-direction:column;gap:clamp(16px,3vw,20px)}.auth-form label{font-weight:600;font-size:clamp(.875rem,2vw,.95rem);color:var(--text-primary);margin-bottom:-8px;transition:var(--transition)}.auth-form input{padding:clamp(12px,2vw,16px);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:clamp(.9rem,2vw,1rem);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition);font-family:inherit;width:100%}.auth-form input::placeholder{color:var(--text-light);font-weight:400}.auth-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.auth-form input:hover{border-color:#cbd5e1}.auth-form input:focus:valid{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.auth-form input:focus:invalid{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.submit-btn{background:var(--primary-gradient);color:#fff;border:none;padding:clamp(14px,2.5vw,18px);border-radius:var(--border-radius-sm);font-size:clamp(.95rem,2vw,1.05rem);font-weight:600;cursor:pointer;transition:var(--transition);margin-top:clamp(8px,2vw,12px);position:relative;overflow:hidden;font-family:inherit}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-btn:hover:before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.5}}.auth-message:contains("successfully"){background:rgba(16,185,129,.1);color:var(--success-color);border-left-color:var(--success-color)}.auth-message:contains("❌"),.auth-message:contains("failed"),.auth-message:contains("error"){background:rgba(239,68,68,.1);color:var(--error-color);border-left-color:var(--error-color)}.auth-message:contains("⚠️"){background:rgba(245,158,11,.1);color:var(--warning-color);border-left-color:var(--warning-color)}.auth-footer{text-align:center;margin-top:clamp(20px,4vw,28px);padding-top:clamp(16px,3vw,20px);border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-secondary);font-size:clamp(.875rem,2vw,.95rem)}.auth-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:var(--transition);position:relative;cursor:pointer}.auth-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width .3s ease}.auth-link:hover:after{width:100%}.auth-link:hover{color:var(--secondary-color)}.password-strength{margin-top:-8px;font-size:.8rem;display:flex;align-items:center;gap:8px}.strength-bar{flex:1;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;width:0%}.strength-fill.weak{width:33%;background:var(--error-color)}.strength-fill.medium{width:66%;background:var(--warning-color)}.strength-fill.strong{width:100%;background:var(--success-color)}@media (max-width: 768px){.auth-wrapper{padding:clamp(12px,3vw,20px);align-items:flex-start;min-height:100dvh}.auth-card{padding:clamp(20px,4vw,32px);margin-top:clamp(20px,5vw,40px)}.auth-form{gap:clamp(14px,2.5vw,18px)}.auth-form input{padding:clamp(14px,2.5vw,16px)}.submit-btn{padding:clamp(16px,3vw,18px)}}@media (max-width: 480px){.auth-card{padding:clamp(16px,3vw,24px);border-radius:clamp(10px,2vw,12px)}.auth-title{font-size:clamp(1.5rem,3vw,1.75rem);margin-bottom:clamp(16px,3vw,24px)}.auth-form input{font-size:16px}.auth-footer p{font-size:clamp(.8rem,1.8vw,.9rem)}}@media (max-width: 360px){.auth-wrapper{padding:8px}.auth-card{padding:20px 16px}.auth-form{gap:12px}}@media (prefers-contrast: high){:root{--border-color: #000000;--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3)}.auth-form input:focus{outline:2px solid #000000;border-color:#000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.auth-wrapper:before{animation:none}.auth-card{animation:none}.submit-btn:before{display:none}}@media print{.auth-wrapper{background:white!important}.auth-card{box-shadow:none;border:1px solid #000}.submit-btn{background:#000!important;color:#fff!important}.auth-link{color:#000!important}}.submit-btn:disabled:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.auth-form input:focus-visible,.submit-btn:focus-visible,.auth-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.auth-card::-webkit-scrollbar{width:6px}.auth-card::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.auth-card::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.auth-card::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.auth-message{padding:clamp(12px,2vw,16px);border-radius:var(--border-radius-sm);font-size:clamp(.875rem,2vw,.95rem);text-align:center;margin:clamp(16px,3vw,20px) 0;font-weight:500;animation:messageSlide .3s ease-out;border-left:4px solid transparent}@keyframes messageSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-message.success{background:rgba(16,185,129,.1);color:var(--success-color);border:var(--success-color)}.auth-message.error{background:rgba(239,68,68,.1);color:var(--error-color);border-left-color:var(--error-color)}.auth-message.warning{background:rgba(245,158,11,.1);color:var(--warning-color);border-left-color:var(--warning-color)}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px}.dashboard-content{max-width:1000px;width:100%;background:white;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.dashboard-header{background:linear-gradient(135deg,#2c3e50 0%,#3498db 100%);color:#fff;padding:40px;text-align:center}.dashboard-title{margin:0 0 10px;font-size:2.5rem;font-weight:700}.dashboard-subtitle{margin:0 0 15px;font-size:1.3rem;opacity:.9}.dashboard-description{font-size:1rem;opacity:.8;max-width:500px;margin:0 auto}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:50px}.action-card{background:white;border:2px solid #f8f9fa;border-radius:15px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.action-card:hover:before{transform:scaleX(1)}.action-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 15px 30px #667eea33}.logout-card:hover{border-color:#e74c3c;box-shadow:0 15px 30px #e74c3c33}.logout-card:before{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.action-icon{font-size:3rem;margin-bottom:20px;display:inline-block;padding:20px;border-radius:50%;background:#f8f9fa;transition:all .3s ease}.action-card:hover .action-icon{transform:scale(1.1)}.start-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.history-icon{background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.logout-icon{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.action-title{margin:0 0 15px;font-size:1.5rem;font-weight:600;color:#2c3e50}.action-description{margin:0 0 20px;color:#7f8c8d;line-height:1.5;font-size:.95rem}.action-arrow{font-size:1.5rem;color:#667eea;font-weight:700;transition:transform .3s ease}.action-card:hover .action-arrow{transform:translate(5px)}.logout-card .action-arrow{color:#e74c3c}.dashboard-footer{background:#f8f9fa;padding:30px;border-top:1px solid #e9ecef}.quick-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.stat{text-align:center;padding:15px}.stat-number{display:block;font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:5px}.stat-label{display:block;font-size:.9rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.dashboard-container{padding:10px}.dashboard-content{border-radius:15px}.dashboard-header{padding:30px 20px}.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1.1rem}.dashboard-actions{grid-template-columns:1fr;gap:20px;padding:30px 20px}.action-card{padding:25px}.quick-stats{gap:20px}.stat{padding:10px}}@media (max-width: 480px){.dashboard-header{padding:25px 15px}.dashboard-title{font-size:1.8rem}.dashboard-actions{padding:25px 15px}.action-card{padding:20px}.action-icon{font-size:2.5rem;padding:15px}.action-title{font-size:1.3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-content,.action-card{animation:fadeInUp .6s ease-out}.action-card:nth-child(1){animation-delay:.1s}.action-card:nth-child(2){animation-delay:.2s}.action-card:nth-child(3){animation-delay:.3s}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}