@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0f172a,#1e293b,#334155,#4f46e5,#6366f1);background-size:400% 400%;animation:gradientAnimation 15s ease infinite;position:relative}.login-card{width:100%;max-width:400px;background:#ffffff40!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f26875e,0 20px 60px #00000026}.login-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:24px;color:#1f2937}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;background:#ffffff4d;padding:4px;border-radius:8px}.mode-btn{padding:12px;background:transparent;border:none;border-radius:6px;font-weight:500;color:#1f2937b3;transition:all .2s;cursor:pointer}.mode-btn:hover{color:#1f2937e6}.mode-btn.active{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.text-secondary{color:#1f2937b3;font-size:14px}.login-card .form-label{display:none}.login-card .btn-link{color:#1f2937cc}.login-card .btn-link:hover{color:#1f2937}.login-version{position:fixed;bottom:12px;right:16px;font-size:12px;color:#9ca3af;font-weight:500;padding:4px 10px;background:#ffffffe6;border-radius:4px;border:1px solid #e5e7eb}.superadmin-page{padding:0;max-width:1400px;margin:0 auto}.page-header{display:none}.error-banner{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:#991b1b}.error-banner i{font-size:20px}.error-banner .btn-close{margin-left:auto;background:transparent;border:none;font-size:24px;cursor:pointer;color:#991b1b;padding:0;width:24px;height:24px;line-height:1}.section{margin-bottom:50px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:24px;color:var(--foreground);margin:0;display:flex;align-items:center;gap:12px}.section-header h2 i{color:var(--accent);font-size:22px}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}.company-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.company-card .card-header{background:transparent;border-bottom:1px solid var(--border);padding:12px;display:flex;justify-content:space-between;align-items:center}.company-card .card-header h3{margin:0;font-size:22px;color:var(--foreground);font-weight:700}.card-actions{display:flex;gap:8px}.company-card .card-body{padding:12px}.stat-row{display:flex;gap:16px;margin-bottom:16px}.stat{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--foreground)}.stat i{color:var(--muted-foreground)}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-trial{background:#dbeafe;color:#1e40af}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}.device-limit{font-size:13px;color:#6b7280}.trial-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#f59e0b;background:#fef3c7;padding:8px 12px;border-radius:6px}.trial-info i{font-size:14px}.trial-info-combined{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#1e40af;background:#dbeafe;padding:10px 12px;border-radius:6px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.3px}.trial-info-combined .status-badge{margin:0}.trial-separator{color:#1e40af4d;font-weight:400}.trial-date{display:flex;align-items:center;gap:4px}.trial-date i{font-size:13px}.admins-table{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admins-table table{width:100%;border-collapse:collapse}.admins-table thead{background:var(--muted);border-bottom:1px solid var(--border)}.admins-table th{padding:8px 10px;text-align:left;font-size:12px;font-weight:600;color:var(--foreground);text-transform:uppercase;letter-spacing:.5px}.admins-table th:nth-child(4){width:140px;min-width:140px}.admins-table td{padding:10px;border-bottom:1px solid var(--border);font-size:14px;color:var(--foreground)}.admins-table tbody tr:hover{background:var(--muted)}.admins-table tbody tr:last-child td{border-bottom:none}.role-badge{padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.role-super{background:#fef3c7;color:#92400e}.role-owner{background:#dbeafe;color:#1e40af}.role-admin{background:#e0e7ff;color:#3730a3}.role-member{background:#f3f4f6;color:#4b5563}.empty-state{padding:60px 20px;text-align:center;color:#9ca3af}.empty-state p{margin:12px 0 0;font-size:16px}.form-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--background);border:1px solid var(--border);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{padding:14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;color:var(--foreground)}.modal-header .btn-close{background:transparent;border:none;font-size:32px;cursor:pointer;color:#9ca3af;padding:0;width:32px;height:32px;line-height:1}.modal-header .btn-close:hover{color:#374151}.modal-content form{padding:14px}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--foreground)}.form-group input,.form-group select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;background:var(--background);color:var(--foreground)}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{background:var(--secondary);border:1px solid var(--border);padding:8px;cursor:pointer;color:var(--foreground);border-radius:4px;transition:all .2s}.btn-icon:hover{background:var(--muted)}.btn-icon.btn-danger:hover{background:#fee2e2;color:#ef4444}.loading{padding:60px;text-align:center;font-size:18px;color:#9ca3af}@media(max-width:768px){.superadmin-page{padding:0}.companies-grid{grid-template-columns:1fr}.admins-table{overflow-x:auto}.form-row{grid-template-columns:1fr}}.scanner-container{padding:16px 16px 80px;max-width:600px;margin:0 auto}.scanner-section{margin-bottom:16px}.scan-placeholder{background:var(--background);border:2px dashed var(--border);border-radius:var(--radius-md);padding:32px 16px;text-align:center}.scanner-wrapper{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;overflow:hidden}#qr-reader{border-radius:var(--radius-sm);overflow:hidden}.manual-input-section{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;margin-bottom:12px}.manual-input-section h3{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--foreground)}.barcode-list{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;min-height:100px}.barcode-list h3{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--foreground)}.empty-state{text-align:center;color:var(--muted-foreground);padding:24px;font-size:14px}.barcode-items{display:flex;flex-direction:column;gap:8px}.barcode-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md)}.barcode-text{font-family:SF Mono,Monaco,Consolas,monospace;font-size:15px;font-weight:500;color:var(--foreground)}.remove-btn{background:transparent;color:var(--muted-foreground);border:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .15s ease;border-radius:var(--radius-sm)}.remove-btn:hover{background:#ef44441a;color:var(--destructive)}.action-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:var(--background);border-top:1px solid var(--border);z-index:50}.scan-btn{width:100%;padding:14px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.scan-btn:hover{opacity:.9}.scan-btn:disabled{background:var(--muted-foreground);cursor:not-allowed;opacity:.6}.scan-btn.secondary{background:var(--muted);color:var(--foreground);border:1px solid var(--border)}.scan-btn.secondary:hover{background:var(--border)}.scan-btn.next{background:var(--accent)}.form-capture{min-height:calc(100vh - 200px);display:flex;flex-direction:column}.form-capture form{flex:1;display:flex;flex-direction:column}.form-content{flex:1;padding:16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);max-width:600px;margin:12px auto 80px;width:calc(100% - 24px)}.form-field{margin-bottom:20px}.form-field-label{display:block;font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:8px}.form-field-label.required:after{content:" *";color:var(--destructive)}.action-bar{position:fixed;bottom:0;left:0;right:0;padding:12px;background:var(--background);border-top:1px solid var(--border);display:flex;gap:12px;z-index:50;justify-content:center}.action-bar>*{max-width:600px;width:100%}.action-bar .btn-back{padding:14px 20px;background:var(--muted);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.action-bar .btn-back:hover{background:var(--border)}.action-bar .btn-next{flex:1;padding:14px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.action-bar .btn-next:hover{opacity:.9}input[type=range].range-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--border);border-radius:4px;outline:none}input[type=range].range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;background:var(--accent);border-radius:50%;cursor:grab;border:3px solid white;box-shadow:0 3px 10px #0003;position:relative}input[type=range].range-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.1);box-shadow:0 4px 16px #0000004d}input[type=range].range-slider::-moz-range-thumb{width:32px;height:32px;background:var(--accent);border-radius:50%;cursor:grab;border:3px solid white;box-shadow:0 3px 10px #0003}input[type=range].range-slider:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.1);box-shadow:0 4px 16px #0000004d}.toggle-group{display:flex;gap:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.toggle-btn{flex:1;padding:12px 16px;background:var(--background);border:none;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border-right:1px solid var(--border)}.toggle-btn:last-child{border-right:none}.toggle-btn.active{background:var(--primary);color:#fff}.theme-toggle .toggle-btn.active{background:var(--company-theme-color, var(--primary));color:#fff}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:8px}.radio-option,.checkbox-option{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.radio-option:hover,.checkbox-option:hover,.radio-option.selected,.checkbox-option.selected{border-color:var(--accent);background:var(--accent-light)}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.range-value-display{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.range-current-value{font-size:24px;font-weight:600;color:var(--accent)}.range-limits{font-size:12px;color:var(--muted-foreground)}.summary-container{min-height:calc(100vh - 200px);padding-bottom:80px}.summary-content{padding:16px;max-width:600px;margin:0 auto}.summary-section{margin-bottom:16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:14px;font-weight:500;color:var(--foreground);margin:0}.edit-btn{background:var(--muted);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;font-size:14px;padding:6px 10px;border-radius:var(--radius-sm);transition:all .15s ease;display:flex;align-items:center;gap:6px}.edit-btn:hover{background:var(--border);color:var(--foreground)}.barcode-preview{display:flex;flex-wrap:wrap;gap:8px}.barcode-badge{background:var(--muted);color:var(--foreground);padding:8px 14px;border-radius:var(--radius-md);font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:500;border:1px solid var(--border)}.info-text{color:var(--muted-foreground);font-size:14px;padding:12px;background:var(--muted);border-radius:var(--radius-md);border:1px solid var(--border)}.form-data-preview{display:flex;flex-direction:column;gap:0}.data-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}.data-row:last-child{border-bottom:none}.data-label{font-size:13px;font-weight:500;color:var(--muted-foreground)}.data-value{font-size:14px;font-weight:500;text-align:right;color:var(--foreground)}.info-card{background:var(--muted);padding:12px;border-radius:var(--radius-md);border-left:3px solid var(--accent)}.info-card h4{margin:0 0 8px;color:var(--accent);font-weight:500;font-size:14px}.info-card ul{margin:0 0 0 16px;color:var(--muted-foreground);font-size:13px}.info-card li{margin-bottom:4px}.media-preview{margin-top:8px;width:100%}.signature-preview{max-width:100%;height:auto;max-height:120px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;padding:4px}.audio-preview{width:100%;max-width:280px;height:36px}.thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin-top:8px;width:100%}.thumbnail-item{position:relative}.thumbnail-image{width:100%;height:56px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.thumbnail-placeholder{width:100%;height:56px;background:var(--muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);font-size:18px;color:var(--muted-foreground)}.action-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:var(--background);border-top:1px solid var(--border);display:flex;gap:12px;z-index:50}.submit-btn{flex:1;padding:14px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.back-btn{padding:14px 20px;background:var(--muted);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.back-btn:hover{background:var(--border)}.device-records{flex:1;display:flex;flex-direction:column;padding:16px;overflow-y:auto}.records-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.3)}.back-btn{background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:10px 14px;color:#1f2937;font-size:18px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#ffffff80;transform:translate(-2px)}.records-header h2{margin:0;font-size:24px;font-weight:700;color:#9ca3af}.loading-container{flex:1;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:12px;border-radius:8px;text-align:center}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#1f2937b3}.records-list{display:flex;flex-direction:column;gap:12px}.record-card{background:#ffffff4d;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268733;padding:16px;border-radius:12px;transition:all .3s ease}.record-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f26874d}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.record-project{font-size:16px;font-weight:600;color:#1f2937;flex:1}.record-date{font-size:12px;color:#1f293799;text-align:right;flex-shrink:0}.record-date-small{font-size:11px;color:#1f293780;margin-bottom:8px}.delete-record-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;flex-shrink:0}.delete-record-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef444466}.record-barcode{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff80;border-radius:8px;margin-bottom:12px}.record-barcode i{color:#6366f1;font-size:18px}.record-barcode span{font-family:Courier New,monospace;font-size:16px;font-weight:600;color:#1f2937}.record-data{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.3)}.data-item{display:flex;gap:8px;font-size:14px}.data-key{color:#1f2937b3;font-weight:500;min-width:80px}.data-value{color:#1f2937;font-weight:600;flex:1;word-break:break-word}.edit-record-btn{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;transition:background .2s}.edit-record-btn:hover{background:#2563eb}.save-record-btn{background:#10b981;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;transition:background .2s}.save-record-btn:hover:not(:disabled){background:#059669}.save-record-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-record-btn{background:#6b7280;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;transition:background .2s}.cancel-record-btn:hover:not(:disabled){background:#4b5563}.cancel-record-btn:disabled{opacity:.6;cursor:not-allowed}.notification{position:fixed;top:16px;left:50%;transform:translate(-50%);max-width:400px;width:calc(100% - 32px);padding:14px 16px;border-radius:var(--radius-md);z-index:10000;display:flex;align-items:center;justify-content:space-between;animation:slideDown .2s ease-out;border:1px solid}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notification-success{background:#ecfdf5;border-color:#10b981;color:#065f46}.notification-error{background:#fef2f2;border-color:#ef4444;color:#991b1b}.notification-warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.notification-info{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.notification-content{display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px}.notification-content i{font-size:16px}.notification-success .notification-content i{color:#10b981}.notification-error .notification-content i{color:#ef4444}.notification-warning .notification-content i{color:#f59e0b}.notification-info .notification-content i{color:#3b82f6}.notification-close{background:none;border:none;color:currentColor;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .15s}.notification-close:hover{opacity:1}.notification-close i{font-size:14px}.sync-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;transition:all .2s ease}.sync-status i{font-size:14px}.sync-status-text{white-space:nowrap}.sync-status-badge{background:#ffffff4d;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.status-offline{background:#ef4444;color:#fff}.status-syncing{background:#3b82f6;color:#fff}.status-pending{background:#f59e0b;color:#fff}.status-error{background:#dc2626;color:#fff}.status-synced{background:#10b981;color:#fff}.status-saving{background:#f59e0b;color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media(max-width:768px){.sync-status-text{display:none}.sync-status{padding:6px 10px}}.operator-app{min-height:100vh;background:var(--muted);padding:0;margin:0;display:flex;flex-direction:column}.operator-nav{position:sticky;top:0;z-index:100;background:var(--background);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.burger-menu{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--background);border-radius:var(--radius-md);cursor:pointer;color:var(--foreground);font-size:18px;transition:all .15s ease}.burger-menu:hover{background:var(--muted)}.nav-brand{display:flex;align-items:center}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--background);box-shadow:-4px 0 24px #00000026;overflow-y:auto;animation:slideInRight .2s ease;display:flex;flex-direction:column;z-index:1000}.menu-header{padding:20px 16px;border-bottom:1px solid var(--border)}.menu-user-info{display:flex;flex-direction:column;gap:4px}.menu-user-name{font-size:15px;font-weight:500;color:var(--foreground)}.menu-device-id{font-size:12px;color:var(--muted-foreground)}.menu-section-label{padding:16px 16px 8px;font-size:11px;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.menu-links{flex:1;padding:8px}.menu-link{width:100%;padding:12px 16px;border:none;background:transparent;color:var(--foreground);font-size:14px;font-weight:400;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:12px;border-radius:var(--radius-md);margin-bottom:2px}.menu-link i{width:20px;font-size:14px;color:var(--muted-foreground)}.menu-link:hover{background:var(--muted)}.menu-link:hover i{color:var(--foreground)}.menu-link.active{background:var(--accent-light);color:var(--accent);font-weight:500}.menu-link.active i{color:var(--accent)}.menu-divider{height:1px;background:var(--border);margin:8px 16px}.menu-actions{padding:16px;border-top:1px solid var(--border)}.menu-action-btn{width:100%;padding:12px 16px;background:#ef44441a;border:none;border-radius:var(--radius-md);color:var(--destructive);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.menu-action-btn:hover{background:#ef444426}.menu-action-btn.admin-btn{background:var(--muted);color:var(--foreground)}.menu-action-btn.admin-btn:hover{background:var(--border)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.project-selector{padding:24px 16px;max-width:600px;margin:0 auto;text-align:center}.project-selector h2{color:var(--foreground);font-size:20px;font-weight:600;margin-bottom:8px}.project-selector p{color:var(--muted-foreground);font-size:14px}.project-card{width:100%;background:var(--background);border:1px solid var(--border);padding:16px;margin-bottom:12px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left}.project-card:hover{border-color:var(--accent);background:var(--accent-light)}.project-card h3{margin:0 0 4px;font-size:16px;font-weight:500;color:var(--foreground)}.project-card p{margin:0;font-size:13px;color:var(--muted-foreground)}.operator-header{background:var(--card);border-bottom:2px solid var(--accent);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}:root{--background: #FFFFFF;--foreground: #0A0A0A;--card: #FFFFFF;--card-foreground: #0A0A0A;--popover: #FFFFFF;--popover-foreground: #0A0A0A;--primary: #171717;--primary-foreground: #FAFAFA;--secondary: #F5F5F5;--secondary-foreground: #171717;--muted: #F5F5F5;--muted-foreground: #737373;--accent: var(--company-theme-color, #6366F1);--accent-foreground: #FFFFFF;--accent-light: color-mix(in srgb, var(--accent) 15%, white);--accent-dark: color-mix(in srgb, var(--accent) 85%, black);--destructive: #EF4444;--destructive-foreground: #FAFAFA;--success: #22C55E;--success-foreground: #FAFAFA;--warning: #F59E0B;--warning-foreground: #0A0A0A;--border: #E5E5E5;--input: #E5E5E5;--ring: var(--accent);--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}.shadcn-spinner{border:2px solid var(--muted);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1,"calt" 1}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:var(--foreground);text-decoration:none}.shadcn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:500;line-height:1;height:40px;padding:0 16px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;transition:all .15s ease;outline:none;cursor:pointer}.shadcn-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shadcn-btn:disabled{pointer-events:none;opacity:.5}.shadcn-btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.shadcn-btn-primary:hover{background:#262626}.shadcn-btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.shadcn-btn-secondary:hover{background:#ebebeb}.shadcn-btn-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.shadcn-btn-outline:hover{background:var(--secondary)}.shadcn-btn-ghost{background:transparent;color:var(--foreground);border-color:transparent}.shadcn-btn-ghost:hover{background:var(--secondary)}.shadcn-btn-destructive{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.shadcn-btn-destructive:hover{background:#dc2626}.shadcn-btn-accent{background:var(--accent);color:var(--accent-foreground);border:none}.shadcn-btn-accent:hover{background:var(--accent-dark)}.shadcn-btn-primary{background:var(--accent);color:var(--accent-foreground);border:none}.shadcn-btn-primary:hover{background:var(--accent-dark)}.shadcn-btn-sm{height:32px;padding:0 12px;font-size:13px}.shadcn-btn-lg{height:48px;padding:0 24px;font-size:16px}.shadcn-btn-icon{width:40px;padding:0}.shadcn-btn-icon.shadcn-btn-sm{width:32px}.shadcn-input{display:flex;width:100%;height:40px;padding:8px 12px;font-size:14px;line-height:1.5;color:var(--foreground);background:var(--background);border:1px solid var(--input);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.shadcn-input::placeholder{color:var(--muted-foreground)}.shadcn-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.shadcn-input:disabled{cursor:not-allowed;opacity:.5;background:var(--muted)}.shadcn-input-error{border-color:var(--destructive)}.shadcn-input-error:focus{border-color:var(--destructive);box-shadow:0 0 0 2px #ef444426}.shadcn-textarea{min-height:80px;height:auto;resize:vertical}.shadcn-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;padding-right:36px}.shadcn-select option{background:var(--background);color:var(--foreground);padding:8px 12px}.shadcn-select option:hover{background:var(--accent-light);color:var(--accent)}.shadcn-select option:checked{background:var(--accent);color:var(--accent-foreground)}.shadcn-label{display:block;font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:6px}.shadcn-label-required:after{content:" *";color:var(--destructive)}.shadcn-helper{font-size:13px;color:var(--muted-foreground);margin-top:4px}.shadcn-error{font-size:13px;color:var(--destructive);margin-top:4px}.shadcn-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.shadcn-card-header{padding:24px 24px 0}.shadcn-card-title{font-size:18px;font-weight:600;color:var(--foreground);line-height:1.4}.shadcn-card-description{font-size:14px;color:var(--muted-foreground);margin-top:4px}.shadcn-card-content{padding:24px}.shadcn-card-footer{padding:0 24px 24px;display:flex;align-items:center;gap:12px}.shadcn-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:500;line-height:1;padding:4px 10px;border-radius:9999px;border:1px solid transparent}.shadcn-badge-default{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.shadcn-badge-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.shadcn-badge-success{background:#22c55e1a;color:#16a34a}.shadcn-badge-warning{background:#f59e0b1a;color:#d97706}.shadcn-badge-destructive{background:#ef44441a;color:var(--destructive)}.shadcn-checkbox{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;background:var(--background);cursor:pointer;transition:all .15s ease;flex-shrink:0;appearance:none;-webkit-appearance:none;position:relative}.shadcn-checkbox:checked{background:var(--accent);border-color:var(--accent)}.shadcn-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.shadcn-checkbox:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-radio{appearance:none;-webkit-appearance:none;border:2px solid var(--border);border-radius:50%;outline:none;position:relative}.theme-radio:checked{border-color:var(--company-theme-color, var(--primary))}.theme-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--company-theme-color, var(--primary))}.shadcn-toggle{position:relative;width:44px;height:24px;background:var(--input);border-radius:12px;border:none;cursor:pointer;transition:background .2s ease}.shadcn-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:var(--shadow-sm)}.shadcn-toggle[data-state=checked],.shadcn-toggle.checked{background:var(--accent)}.shadcn-toggle[data-state=checked]:after,.shadcn-toggle.checked:after{transform:translate(20px)}.shadcn-toggle-accent-outline{background:var(--background);border:1px solid var(--accent)}.shadcn-toggle-accent-outline[data-state=checked]{background:var(--accent)}.shadcn-toggle-accent-outline:after{background:var(--accent)}.shadcn-toggle-accent-outline[data-state=checked]:after{background:var(--background)}.shadcn-table{width:100%;border-collapse:collapse;font-size:14px}.shadcn-table th{text-align:left;font-weight:500;color:var(--muted-foreground);padding:12px 16px;border-bottom:1px solid var(--border);background:var(--muted)}.shadcn-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--foreground)}.shadcn-table tr:hover td{background:var(--muted)}.shadcn-table tr:last-child td{border-bottom:none}.shadcn-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.shadcn-modal{background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:480px;max-height:90vh;overflow:auto;margin:16px;animation:slideUp .2s ease}.shadcn-modal-header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.shadcn-modal-title{font-size:18px;font-weight:600;color:var(--foreground)}.shadcn-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted-foreground);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.shadcn-modal-close:hover{background:var(--muted);color:var(--foreground)}.shadcn-modal-content{padding:24px}.shadcn-modal-footer{padding:0 24px 24px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.shadcn-sidebar{width:260px;height:100vh;background:var(--background);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0}.shadcn-sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border)}.shadcn-sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.shadcn-sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;color:var(--muted-foreground);border-radius:var(--radius);border:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:all .15s ease;margin-bottom:2px}.shadcn-sidebar-item:hover{background:var(--muted);color:var(--foreground)}.shadcn-sidebar-item.active{background:var(--muted);color:var(--accent)}.shadcn-sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--accent);border-radius:0 2px 2px 0}.shadcn-sidebar-footer{padding:16px;border-top:1px solid var(--border)}.shadcn-main{margin-left:260px;min-height:100vh;background:var(--muted)}.shadcn-header{height:60px;background:var(--background);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.shadcn-page{padding:24px}.shadcn-page-title{font-size:24px;font-weight:600;color:var(--foreground);margin-bottom:8px}.shadcn-page-description{font-size:14px;color:var(--muted-foreground);margin-bottom:24px}.shadcn-form-group{margin-bottom:20px}.shadcn-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}.shadcn-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.shadcn-spinner-accent{border-top-color:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shadcn-alert{padding:16px;border-radius:var(--radius-md);border:1px solid;display:flex;align-items:flex-start;gap:12px}.shadcn-alert-error{background:#ef44440d;border-color:#ef444433;color:var(--destructive)}.shadcn-alert-success{background:#22c55e0d;border-color:#22c55e33;color:#16a34a}.shadcn-alert-warning{background:#f59e0b0d;border-color:#f59e0b33;color:#d97706}.shadcn-skeleton{background:linear-gradient(90deg,var(--muted) 25%,var(--border) 50%,var(--muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shadcn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--muted-foreground)}.shadcn-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.shadcn-empty-title{font-size:16px;font-weight:500;color:var(--foreground);margin-bottom:4px}.shadcn-empty-description{font-size:14px}.theme-datetime{color-scheme:light;accent-color:var(--accent)}.theme-datetime::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:invert(46%) sepia(89%) saturate(2476%) hue-rotate(227deg) brightness(97%) contrast(92%);transition:opacity .2s,filter .2s;width:20px;height:20px}.theme-datetime::-webkit-calendar-picker-indicator:hover{opacity:.7}.theme-datetime::-webkit-datetime-edit-fields-wrapper{color:var(--text-primary)}.theme-datetime::-webkit-datetime-edit-text{color:var(--text-secondary)}input[type=datetime-local]::-webkit-calendar-picker-indicator{background:none}.theme-button-get-location,.theme-button-barcode-scan,.theme-button-start-recording{background-color:var(--company-theme-color, var(--accent));color:var(--company-theme-color-foreground, white)}.theme-photo-form-buttons{background-color:var(--company-theme-color, var(--secondary));color:var(--company-theme-color, var(--accent))}.theme-photo-form-buttons svg{color:var(--company-theme-color, var(--accent))}.theme-slider-arrows{color:var(--company-theme-color, var(--accent))}@media(max-width:768px){.shadcn-sidebar{transform:translate(-100%);z-index:200;transition:transform .2s ease}.shadcn-sidebar.open{transform:translate(0)}.shadcn-main{margin-left:0}.shadcn-page{padding:16px}.shadcn-modal{max-width:100%;margin:8px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-darker: #4338ca;--primary-light: #818cf8;--primary-lighter: #a5b4fc;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--success: #10b981;--success-dark: #059669;--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--error: #ef4444;--error-dark: #dc2626;--warning: #f59e0b;--warning-dark: #d97706;--bg: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text: #0f172a;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .25);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37)}body.dark{--bg: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text: #f1f5f9;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--border-light: #1e293b;--primary-light: #312e81}html,body{overflow-x:hidden;max-width:100vw}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}#root{min-height:100vh;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;outline:none}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--error);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-block{width:100%}.card{background:#ffffff4d;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:12px;box-shadow:0 8px 32px #1f268733,0 4px 12px #0000001a}.btn-icon{width:36px;height:36px;padding:0;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);border:1px solid var(--border);transition:all .15s;font-size:16px}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-secondary);transform:translateY(-1px)}.btn-icon.btn-danger:hover{background:#fee2e2;color:var(--error);border-color:var(--error)}.field-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.field-row label{min-width:130px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-top:12px;white-space:nowrap}.field-row input,.field-row select,.field-row textarea{flex:1}@media(max-width:600px){.field-row{flex-direction:column;gap:6px}.field-row label{min-width:unset;width:100%;padding-top:0;margin-bottom:2px}.field-row input,.field-row select,.field-row textarea{width:100%}.field-reorder-arrows{display:none!important}}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#1f2937}.form-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:16px;background:var(--bg);color:var(--text);min-height:48px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);outline:none}select.form-input{cursor:pointer}select.form-input option{background:var(--bg);color:var(--text);padding:8px 12px}select.form-input option:hover{background:var(--accent-light);color:var(--accent)}select.form-input option:checked{background:var(--accent);color:#fff;font-weight:500}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-error{background:#ef44441a;color:var(--error)}.alert{padding:16px;border-radius:8px;margin-bottom:20px}.alert-error{background:#ef44441a;color:var(--error);border:1px solid var(--error)}.alert-success{background:#10b9811a;color:var(--success);border:1px solid var(--success)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.container{padding:16px}}