:root{font-family: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}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}}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.app-title{margin:0 0 15px;font-size:20px;font-weight:600;color:#4ecca3}.current-org{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#ffffff0d;border-radius:8px;margin-top:10px}.org-name{font-size:14px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-org-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px;transition:transform .2s}.change-org-btn:hover{transform:scale(1.2)}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#ffffffb3;text-decoration:none;transition:all .3s;border-left:3px solid transparent}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#4ecca31a;color:#4ecca3;border-left-color:#4ecca3;font-weight:600}.nav-item.primary.active{background:#4ecca333}.nav-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.nav-label{font-size:15px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.user-info{margin-bottom:15px;padding:10px;background:#ffffff0d;border-radius:8px}.user-name{font-weight:600;font-size:14px;margin-bottom:4px}.user-role{font-size:12px;color:#fff9}.logout-btn{width:100%;padding:10px;background:#dc354533;border:1px solid rgba(220,53,69,.5);color:#ff6b6b;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.logout-btn:hover{background:#dc35454d;border-color:#ff6b6b}.main-content{flex:1;overflow-y:auto;background:#f5f6fa}.mobile-menu-toggle,.overlay{display:none}@media(max-width:768px){.sidebar{position:fixed;left:-280px;top:0;bottom:0;height:100vh;z-index:1001;transition:transform .3s ease-in-out;transform:translate(0)}.sidebar.open{transform:translate(280px)}.app-layout{flex-direction:column}.main-content{margin-left:0;width:100%;height:calc(100vh - 60px)}.mobile-menu-toggle{display:block;position:fixed;top:15px;left:15px;z-index:1002;background:#1a1a2e;color:#fff;border:none;padding:10px;border-radius:8px;font-size:24px;cursor:pointer;box-shadow:0 2px 5px #0003}.overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:none}.overlay.visible{display:block}}.password-input-container{position:relative;width:100%}.password-input{width:100%;padding:12px 45px 12px 12px;font-size:14px;border:1px solid #ddd;border-radius:8px;transition:all .3s ease}.password-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}.password-toggle-btn:hover{color:#3b82f6}.password-toggle-btn:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.modal-small{width:90%;max-width:400px}.modal-medium{width:90%;max-width:600px}.modal-large{width:90%;max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #dee2e6}.modal-header h2{margin:0;font-size:24px;color:#333}.modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f8f9fa;color:#333}.modal-body{padding:24px}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.diner-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:15px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4ecca3}.form-error{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;border:1px solid #f5c6cb}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-danger{background:#dc3545;color:#fff}.btn-primary:disabled,.btn-danger:disabled{background:#ccc;cursor:not-allowed}.full-width{width:100%;justify-content:center}.warning-box{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:15px;margin-bottom:15px}.warning-box strong{display:block;color:#856404;margin-bottom:8px}.warning-box p{margin:4px 0;color:#856404}.qr-modal-content{display:flex;flex-direction:column;gap:20px}.qr-display{display:flex;justify-content:center;padding:20px;background:#f8f9fa;border-radius:12px}.qr-image{max-width:300px;width:100%;height:auto}.qr-info{background:#f8f9fa;padding:15px;border-radius:8px}.qr-info p{margin:8px 0;color:#555}.qr-info strong{color:#333}.qr-history{border-top:1px solid #dee2e6;padding-top:20px}.qr-history h4{margin:0 0 15px;color:#333}.history-timeline{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;flex-direction:column;padding:10px;background:#f8f9fa;border-radius:6px;gap:4px}.history-item span.active{color:#28a745;font-weight:600}.history-item small{color:#666;font-size:13px}.bulk-upload{display:flex;flex-direction:column;gap:20px}.upload-instructions{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;padding:15px}.upload-instructions h4{margin:0 0 10px;color:#004085}.upload-instructions ul{margin:0;padding-left:20px;color:#004085}.upload-instructions code{background:#fff;padding:2px 6px;border-radius:3px;border:1px solid #b3d9ff;font-family:Courier New,monospace}.file-input-container{border:2px dashed #ddd;border-radius:8px;padding:30px;text-align:center;transition:border-color .3s}.file-input-container:hover{border-color:#4ecca3}.file-input{width:100%;padding:8px}.preview-section{background:#f8f9fa;padding:15px;border-radius:8px}.preview-section h4{margin:0 0 15px;color:#333}.preview-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}.preview-table th{background:#e9ecef;padding:10px;text-align:left;font-weight:600;color:#333}.preview-table td{padding:10px;border-top:1px solid #dee2e6;color:#555}.upload-result{border:1px solid #ddd;border-radius:8px;padding:15px;background:#f8f9fa}.upload-result h4{margin:0 0 15px;color:#333}.result-stats{display:flex;gap:20px;margin-bottom:15px}.success-count{color:#28a745;font-weight:600}.error-count{color:#dc3545;font-weight:600}.error-list{margin-top:15px;padding-top:15px;border-top:1px solid #dee2e6}.error-list h5{margin:0 0 10px;color:#dc3545}.error-list ul{margin:0;padding-left:20px;color:#721c24}.error-list li{margin:5px 0}.diners-dashboard{padding:30px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.header-actions{display:flex;gap:10px}.filters-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;flex-wrap:wrap}.filter-group{flex:1;min-width:250px}.search-input,.filter-select{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:15px;transition:border-color .3s}.search-input:focus,.filter-select:focus{outline:none;border-color:#4ecca3}.diners-table-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.diners-table{width:100%;border-collapse:collapse}.diners-table thead{background:#f8f9fa}.diners-table th{padding:15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.diners-table td{padding:15px;border-bottom:1px solid #dee2e6;color:#555}.diners-table tbody tr:hover{background:#f8f9fa}.qr-code-cell{font-family:Courier New,monospace;font-size:13px;color:#666}.actions-cell{display:flex;gap:8px}.btn-icon{padding:6px 10px;border:none;background:transparent;font-size:18px;cursor:pointer;border-radius:4px;transition:all .2s}.btn-icon:hover{background:#f8f9fa;transform:scale(1.1)}.btn-view:hover{background:#e7f3ff}.btn-edit:hover{background:#fff3e0}.btn-regenerate:hover{background:#e8f5e9}.btn-delete:hover{background:#ffebee}@media(max-width:768px){.diners-dashboard{padding:15px}.dashboard-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.filters-section{flex-direction:column}.filter-group{min-width:100%}.diners-table{font-size:14px}.diners-table th,.diners-table td{padding:10px 8px}.actions-cell{flex-wrap:wrap}}.deleted-history-section{animation:fadeIn .3s ease-in-out}.deleted-history-section .diners-table th{background-color:#f8f9fa;color:#495057}.deleted-history-section .badge{opacity:.8}.diners-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4ecca3}.selected-row{background-color:#e6fffa!important}.selected-row:hover{background-color:#b2f5ea!important}.warning-box{border-left:4px solid #ffc107}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.records-dashboard{padding:30px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-actions{display:flex;gap:12px}.btn-export,.btn-report,.btn-secondary{background:#4ecca3;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.btn-report{background:#4a90e2}.btn-report:hover{background:#357abd}.btn-export:hover{background:#3dac81}.btn-secondary{background:#6c757d}.filters-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.filter-group{display:flex;flex-direction:column}.filter-group.search{grid-column:span 2}.filter-group label{font-size:14px;font-weight:500;color:#555;margin-bottom:6px}.filter-group input,.filter-group select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:15px;transition:border-color .3s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#4ecca3}.records-table-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.loading{text-align:center;padding:40px;color:#666}.records-table{width:100%;border-collapse:collapse}.records-table thead{background:#f8f9fa}.records-table th{padding:15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.records-table td{padding:15px;border-bottom:1px solid #dee2e6;color:#555}.records-table tbody tr:hover{background:#f8f9fa}.diner-name{font-weight:600;color:#333}.badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.badge.single{background:#fff3cd;color:#856404}.badge.multi{background:#d1ecf1;color:#0c5460}.status-badge{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600}.status-badge.valid{background:#d4edda;color:#155724}.status-badge.invalid{background:#f8d7da;color:#721c24}.status-badge.warning{background:#fff3cd;color:#856404}.scan-details{font-size:13px;color:#666}.no-data{text-align:center;padding:40px;color:#999}.btn-delete-small{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.btn-delete-small:hover{background:#c82333}.deleted-scans-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a}.deleted-scans-section h2{margin:0 0 20px;color:#333}.deleted-by-info{display:flex;flex-direction:column}.deleted-by-info strong{font-size:14px;color:#333}.deleted-by-info small{font-size:12px;color:#666}.deletion-reason{font-size:13px;color:#666;max-width:300px}.modal-content h2{margin:0 0 16px;color:#333}.modal-content p{margin:0 0 16px;color:#666}.modal-scan-info{background:#f8f9fa;padding:12px;border-radius:6px;margin-bottom:20px}.modal-scan-info p{margin:6px 0;font-size:14px}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px}.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.form-group textarea:focus{outline:none;border-color:#4ecca3}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.btn-danger{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.btn-danger:hover:not(:disabled){background:#c82333}.btn-cancel:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.pagination button{padding:8px 16px;background:#4ecca3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s}.pagination button:hover:not(:disabled){background:#3dac81}.pagination button:disabled{background:#ccc;cursor:not-allowed}.pagination span{color:#555;font-weight:500}@media(max-width:768px){.records-dashboard{padding:15px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%;flex-direction:column}.btn-export,.btn-secondary{width:100%}.filters-section{grid-template-columns:1fr}.filter-group.search{grid-column:span 1}.records-table{font-size:14px}.records-table th,.records-table td{padding:10px 8px}.modal-content{padding:20px}}�/�*� �M�o�d�a�l� �R�e�p�o�r�t� �O�p�t�i�o�n�s� �*�/� �.�f�o�r�m�a�t�-�o�p�t�i�o�n�s� �{� � � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � � �g�a�p�:� �2�0�p�x�;� � � � � �m�a�r�g�i�n�-�t�o�p�:� �1�0�p�x�;� �}� � �.�r�a�d�i�o�-�l�a�b�e�l� �{� � � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � � �g�a�p�:� �8�p�x�;� � � � � �f�o�n�t�-�w�e�i�g�h�t�:� �5�0�0�;� � � � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� �}� � �.�r�a�d�i�o�-�l�a�b�e�l� �i�n�p�u�t�[�t�y�p�e�=�"�r�a�d�i�o�"�]� �{� � � � � �w�i�d�t�h�:� �1�8�p�x�;� � � � � �h�e�i�g�h�t�:� �1�8�p�x�;� � � � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� �}� � �.�m�o�d�a�l�-�i�n�p�u�t� �{� � � � � �w�i�d�t�h�:� �1�0�0�%�;� � � � � �p�a�d�d�i�n�g�:� �1�0�p�x�;� � � � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �#�d�d�d�;� � � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �6�p�x�;� � � � � �f�o�n�t�-�s�i�z�e�:� �1�5�p�x�;� �}� � �.�m�o�d�a�l�-�i�n�p�u�t�:�f�o�c�u�s� �{� � � � � �o�u�t�l�i�n�e�:� �n�o�n�e�;� � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �#�4�a�9�0�e�2�;� �}� � �.stats-dashboard{padding:30px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.dashboard-header h1{margin:0;color:#333}.period-selector{display:flex;gap:10px;background:#fff;padding:5px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.period-btn{padding:10px 20px;border:none;background:transparent;color:#666;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.period-btn:hover{background:#f8f9fa}.period-btn.active{background:#4ecca3;color:#fff}.custom-date-range{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}.custom-date-range label{display:flex;flex-direction:column;gap:8px;font-weight:500;color:#555}.custom-date-range input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:15px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.stat-card.total{border-left:4px solid #6c757d}.stat-card.valid{border-left:4px solid #28a745}.stat-card.invalid{border-left:4px solid #dc3545}.stat-card.diners{border-left:4px solid #007bff}.stat-icon{font-size:40px;margin-right:20px}.stat-content h3{margin:0 0 8px;font-size:14px;color:#666;font-weight:500}.stat-number{margin:0;font-size:32px;font-weight:700;color:#333}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:30px}.chart-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 4px #0000001a}.chart-section h3{margin:0 0 20px;color:#333;font-size:18px}.alerts-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 4px #0000001a}.alerts-section h3{margin:0 0 20px;color:#333;font-size:20px}.no-alerts{text-align:center;padding:40px;color:#999}.alerts-list{display:flex;flex-direction:column;gap:15px}.alert-item{display:flex;align-items:flex-start;padding:15px;border-radius:8px;border-left:4px solid;gap:15px}.alert-item.alert-high{background:#fff5f5;border-left-color:#dc3545}.alert-item.alert-medium{background:#fff3e0;border-left-color:#ff9800}.alert-item.alert-low{background:#e7f3ff;border-left-color:#2196f3}.alert-icon{font-size:28px;flex-shrink:0}.alert-content{flex:1}.alert-content h4{margin:0 0 8px;color:#333;font-size:16px}.alert-content p{margin:0 0 6px;color:#555;font-size:14px}.alert-content small{color:#666;font-size:13px}.alert-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;flex-shrink:0}.alert-high .alert-badge{background:#dc3545;color:#fff}.alert-medium .alert-badge{background:#ff9800;color:#fff}.alert-low .alert-badge{background:#2196f3;color:#fff}.loading{text-align:center;padding:60px;color:#666;font-size:18px}@media(max-width:968px){.stats-dashboard{padding:15px}.dashboard-header{flex-direction:column;align-items:flex-start}.period-selector{width:100%;flex-direction:column}.period-btn{width:100%}.charts-container{grid-template-columns:1fr}.chart-section{padding:15px}}.card-designer{padding:30px;height:calc(100vh - 60px);display:flex;flex-direction:column}.designer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.designer-header h1{margin:0;color:#333}.designer-content{display:grid;grid-template-columns:300px 1fr;gap:20px;flex:1;overflow:hidden}.templates-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;overflow-y:auto}.templates-sidebar h3{margin:0 0 20px;color:#333}.no-templates{text-align:center;color:#999;padding:20px;font-size:14px}.templates-list{display:flex;flex-direction:column;gap:10px}.template-item{padding:15px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.template-item:hover{background:#f8f9fa;border-color:#4ecca3}.template-item.active{background:#e8f5f2;border-color:#4ecca3}.template-info h4{margin:0 0 5px;color:#333;font-size:16px}.template-info small{color:#666;font-size:12px}.btn-delete-small{background:transparent;border:none;font-size:18px;cursor:pointer;padding:5px;border-radius:4px;transition:background .2s}.btn-delete-small:hover{background:#ffebee}.template-details{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 4px #0000001a;overflow-y:auto}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:18px}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.details-header h2{margin:0;color:#333}.template-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}.config-section{background:#f8f9fa;padding:20px;border-radius:8px}.config-section h4{margin:0 0 15px;color:#333;font-size:16px}.config-section p{margin:8px 0;color:#555;font-size:14px}.config-section strong{color:#333}.elements-list{list-style:none;padding:0;margin:0}.elements-list li{padding:10px;background:#fff;margin-bottom:8px;border-radius:6px;font-size:14px}.elements-list small{color:#666;margin-left:10px}.no-elements{text-align:center;color:#999;padding:20px;font-style:italic}.template-preview{margin-top:30px;padding-top:30px;border-top:2px solid #e9ecef}.template-preview h4{margin:0 0 20px;color:#333}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.preview-card{aspect-ratio:85.6 / 53.98;border:2px dashed #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#999;font-size:12px}.template-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;color:#333;font-size:14px}.form-group input,.form-group select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:15px;font-family:inherit}.form-group small{margin-top:4px;color:#666;font-size:12px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.radio-group input[type=radio]{cursor:pointer}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:#4ecca3;color:#fff}.btn-primary:hover{background:#3dac81}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.pdf-form{display:flex;flex-direction:column;gap:20px}@media(max-width:968px){.card-designer{padding:15px}.designer-content{grid-template-columns:1fr}.templates-sidebar{max-height:300px}.form-row{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.scan-interface{padding:30px;max-width:1400px;margin:0 auto}.scan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.scan-header h1{margin:0;color:#333}.scan-controls .btn-primary{background:#28a745;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.scan-controls .btn-primary:hover{background:#218838}.scan-controls .btn-danger{background:#dc3545;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.scan-controls .btn-danger:hover{background:#c82333}.scan-content{display:grid;grid-template-columns:1fr 400px;gap:30px}.scanner-section{position:relative}#qr-reader{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.scan-result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-in;border-radius:12px;z-index:100}.scan-result.success{background:#28a745f2;color:#fff}.scan-result.warning{background:#ffc107f2;color:#333}.scan-result.error{background:#dc3545f2;color:#fff}.result-icon{font-size:120px;font-weight:700;margin-bottom:20px;animation:scaleIn .3s ease-out}.result-details h2{margin:0 0 10px;font-size:36px;text-align:center}.result-message{font-size:20px;margin:0;text-align:center}.result-time-info{font-size:16px;margin:10px 0 0;text-align:center;font-weight:600}.history-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;max-height:600px;display:flex;flex-direction:column}.history-section h3{margin:0 0 20px;color:#333;font-size:20px}.history-list{flex:1;overflow-y:auto}.no-history{text-align:center;color:#999;padding:40px 20px}.history-item{display:flex;align-items:flex-start;padding:12px;border-radius:8px;margin-bottom:10px;transition:background .2s}.history-item.valid{background:#28a7451a;border-left:4px solid #28a745}.history-item.warning{background:#ffc1071a;border-left:4px solid #ffc107}.history-item.invalid{background:#dc35451a;border-left:4px solid #dc3545}.history-item:hover{background:#0000000d}.history-icon{font-size:24px;font-weight:700;margin-right:12px}.history-item.valid .history-icon{color:#28a745}.history-item.warning .history-icon{color:#ffc107}.history-item.invalid .history-icon{color:#dc3545}.history-info{flex:1;display:flex;flex-direction:column}.history-info strong{font-size:16px;color:#333;margin-bottom:4px}.history-time{font-size:12px;color:#666}.history-reason{font-size:13px;color:#666;margin-top:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.5)}to{transform:scale(1)}}@media(max-width:968px){.scan-content{grid-template-columns:1fr}.history-section{max-height:400px}}.settings-container{max-width:1000px;margin:0 auto;padding:30px}.settings-loading{text-align:center;padding:60px 20px;font-size:18px;color:#666}.access-denied{background:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 2px 4px #0000001a}.access-denied h2{color:#dc3545;margin-bottom:16px}.access-denied p{color:#666}.settings-header{margin-bottom:30px}.settings-header h1{margin:0 0 8px;color:#333}.settings-header p{margin:0;color:#666;font-size:16px}.message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.settings-section h2{margin:0 0 8px;color:#333;font-size:22px}.section-description{margin:0 0 20px;color:#666;font-size:14px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-header h2{margin:0}.tolerance-controls{display:flex;align-items:center;gap:12px}.tolerance-controls input[type=number]{width:100px;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px}.tolerance-controls input[type=number]:focus{outline:none;border-color:#4ecca3}.tolerance-controls span{color:#666;font-size:14px}.empty-state{text-align:center;padding:40px 20px;color:#999}.shifts-list{display:grid;gap:16px}.shift-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e5e7eb;border-radius:8px;transition:box-shadow .2s}.shift-card:hover{box-shadow:0 2px 8px #0000001a}.shift-info h3{margin:0 0 4px;color:#333;font-size:18px}.shift-time{margin:0;color:#666;font-size:14px}.shift-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.btn-edit{background:#f0f0f0;color:#333}.btn-edit:hover:not(:disabled){background:#e0e0e0}.btn-delete{background:#fee2e2;color:#dc3545}.btn-delete:hover:not(:disabled){background:#fecaca}.invite-codes{display:grid;gap:20px}.code-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:border-color .3s}.code-card:hover{border-color:#4ecca3}.code-card.admin{border-color:#ffc107;background:#fffbf0}.code-card.admin:hover{border-color:#ff9800}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.code-header h3{margin:0;color:#333;font-size:18px}.btn-regenerate{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .3s}.btn-regenerate:hover:not(:disabled){background:#5a6268}.btn-regenerate:disabled{opacity:.6;cursor:not-allowed}.code-display{display:flex;gap:12px;align-items:center;margin-bottom:12px}.code-display code{flex:1;background:#f8f9fa;padding:12px 16px;border-radius:6px;font-size:16px;font-family:Courier New,monospace;color:#333;border:1px solid #dee2e6;word-break:break-all}.btn-copy{background:#4ecca3;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s;white-space:nowrap}.btn-copy:hover{background:#3dac81}.code-info{margin:0;font-size:13px;color:#666}.code-card.admin .code-info{color:#ff6f00;font-weight:500}.btn-primary{background:#4ecca3;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s}.btn-primary:hover:not(:disabled){background:#3dac81}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s}.btn-cancel:hover:not(:disabled){background:#5a6268}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 4px 20px #0000004d}.modal-content h2{margin:0 0 20px;color:#333}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group input:focus{outline:none;border-color:#4ecca3}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media(max-width:768px){.settings-container,.settings-section{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.tolerance-controls{flex-wrap:wrap}.shift-card{flex-direction:column;align-items:flex-start;gap:12px}.shift-actions{width:100%}.shift-actions button{flex:1}.code-header{flex-direction:column;align-items:flex-start;gap:12px}.code-display{flex-direction:column}.btn-copy{width:100%}.modal-content{padding:20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.account-container{max-width:800px;margin:0 auto;padding:24px}.account-header{margin-bottom:32px}.account-header h1{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:8px}.account-header p{color:#6b7280;font-size:14px}.message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.account-sections{display:flex;flex-direction:column;gap:32px}.account-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.account-section h2{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input[type=email]{width:100%;padding:12px;font-size:14px;border:1px solid #ddd;border-radius:8px;transition:all .3s ease}.form-group input[type=email]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.btn{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.account-container{padding:16px}.account-header h1{font-size:24px}.account-section{padding:16px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}