.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;min-width:320px;max-width:420px;pointer-events:auto;animation:slideIn .3s ease-out;border-left:4px solid #6b7280}.toast-item.exiting{animation:slideOut .3s ease-in forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-item.success{border-left-color:#22c55e}.toast-item.success .toast-icon{color:#22c55e;background:#dcfce7}.toast-item.error{border-left-color:#ef4444}.toast-item.error .toast-icon{color:#ef4444;background:#fee2e2}.toast-item.warning{border-left-color:#f59e0b}.toast-item.warning .toast-icon{color:#f59e0b;background:#fef3c7}.toast-item.info{border-left-color:#3b82f6}.toast-item.info .toast-icon{color:#3b82f6;background:#dbeafe}.toast-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.9rem;color:#111827;margin-bottom:2px}.toast-message{font-size:.85rem;color:#6b7280;line-height:1.4;word-wrap:break-word}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;font-size:.85rem;transition:color .15s;flex-shrink:0}.toast-close:hover{color:#374151}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #e5e7eb;margin-top:16px}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-info strong{color:#111827}.pagination-controls{display:flex;align-items:center;gap:16px}.page-size-selector{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#6b7280}.page-size-selector select{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer}.page-size-selector select:focus{outline:none;border-color:#2563eb}.page-buttons{display:flex;align-items:center;gap:4px}.page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.page-btn.page-number{font-weight:500}.page-ellipsis{padding:0 8px;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:12px;align-items:stretch}.pagination-info{text-align:center}.pagination-controls{justify-content:center;flex-wrap:wrap}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-container.large{max-width:800px}.modal-container.small{max-width:450px}.modal-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-header p{font-size:.85rem;color:#6b7280;margin:4px 0 0}.modal-close{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:1rem}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-form-group{margin-bottom:20px}.modal-form-group:last-child{margin-bottom:0}.modal-form-label{display:block;font-size:.8rem;font-weight:500;color:#374151;margin-bottom:6px}.modal-form-label.required:after{content:" *";color:#dc2626}.modal-form-input{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;color:#374151;transition:border-color .2s}.modal-form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-form-input.error{border-color:#dc2626}.modal-form-input::placeholder{color:#9ca3af}.modal-form-select{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;color:#374151;background:#fff;cursor:pointer}.modal-form-select:focus{outline:none;border-color:#2563eb}.modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-form-hint{font-size:.75rem;color:#6b7280;margin-top:4px}.modal-form-error{font-size:.75rem;color:#dc2626;margin-top:4px;display:flex;align-items:center;gap:4px}.file-upload-zone{border:2px dashed #e5e7eb;border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .2s}.file-upload-zone:hover,.file-upload-zone.dragover{border-color:#2563eb;background:#eff6ff}.file-upload-zone.has-file{border-color:#059669;background:#f0fdf4}.file-upload-icon{width:64px;height:64px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.5rem;color:#6b7280}.file-upload-zone.has-file .file-upload-icon{background:#d1fae5;color:#059669}.file-upload-zone h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:8px}.file-upload-zone p{font-size:.85rem;color:#6b7280;margin-bottom:12px}.file-upload-zone .btn-browse{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer}.file-upload-zone .btn-browse:hover{background:#1d4ed8}.file-info{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;margin-top:16px}.file-info i{font-size:1.5rem;color:#059669}.file-info-details{flex:1}.file-info-name{font-weight:500;color:#111827;font-size:.9rem}.file-info-size{font-size:.75rem;color:#6b7280}.file-info .btn-remove{background:none;border:none;color:#dc2626;cursor:pointer;font-size:.85rem}.validation-preview{margin-top:20px;padding:16px;background:#f9fafb;border-radius:8px}.validation-preview h5{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:12px}.validation-stats{display:flex;gap:24px;margin-bottom:12px}.validation-stat{display:flex;align-items:center;gap:8px;font-size:.85rem}.validation-stat.success{color:#059669}.validation-stat.error{color:#dc2626}.validation-stat.warning{color:#d97706}.btn-modal-primary{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-modal-primary:hover{background:#1d4ed8}.btn-modal-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-modal-secondary{padding:10px 20px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer}.btn-modal-secondary:hover{background:#f9fafb}.modal-section-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#9ca3af;font-size:.8rem}.modal-section-divider:before,.modal-section-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.modal-checkbox-group{display:flex;flex-direction:column;gap:12px}.modal-checkbox-item{display:flex;align-items:flex-start;gap:10px}.modal-checkbox-item input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:#2563eb}.modal-checkbox-item label{font-size:.875rem;color:#374151;cursor:pointer}.modal-checkbox-item .checkbox-hint{font-size:.75rem;color:#6b7280;margin-top:2px}.wizard-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.wizard-tab{padding:10px 20px;border:none;background:none;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;position:relative;transition:color .2s}.wizard-tab:hover{color:#374151}.wizard-tab.active{color:#2563eb}.wizard-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#2563eb;border-radius:2px 2px 0 0}.wizard-tab.completed{color:#059669}.wizard-tab-content{min-height:200px}.tg-toggle-row{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px}.tg-toggle-label{font-size:.9rem;font-weight:500;color:#374151}.tg-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.tg-toggle-switch input{opacity:0;width:0;height:0}.tg-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:24px;cursor:pointer;transition:background .25s}.tg-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s}.tg-toggle-switch input:checked+.tg-toggle-slider{background:#2563eb}.tg-toggle-switch input:checked+.tg-toggle-slider:before{transform:translate(20px)}.tg-config-area{padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.tg-hint-text{font-size:.8rem;color:#6b7280;margin:0 0 12px}.tg-multi-select{position:relative;margin-bottom:12px}.tg-multi-select-input{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s}.tg-multi-select-input:hover{border-color:#2563eb}.tg-chips-area{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-height:28px;align-items:center}.tg-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:.8rem;font-weight:500}.tg-chip-remove{background:none;border:none;color:#1e40af;font-size:1rem;cursor:pointer;padding:0;line-height:1;opacity:.7}.tg-chip-remove:hover{opacity:1}.tg-placeholder{font-size:.875rem;color:#9ca3af}.tg-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:50;overflow:hidden}.tg-dropdown-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f3f4f6}.tg-dropdown-search input{border:none;outline:none;flex:1;font-size:.85rem;color:#374151}.tg-dropdown-list{max-height:200px;overflow-y:auto}.tg-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .15s}.tg-dropdown-item:hover{background:#eff6ff}.tg-dropdown-item-name{font-size:.875rem;color:#374151}.tg-dropdown-empty{padding:24px;text-align:center;color:#9ca3af;font-size:.85rem}.tg-badge{font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:500}.tg-badge.emergency{background:#fef2f2;color:#dc2626}.tg-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#1e293b;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;margin-bottom:16px}.tg-add-btn:hover{background:#334155}.tg-primary-section{margin-top:8px}.tg-summary{display:flex;align-items:center;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:.85rem;color:#166534;margin-top:16px}.tg-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.tg-empty-icon{width:64px;height:64px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#9ca3af;margin-bottom:16px}.tg-empty-state p{font-size:.9rem;color:#6b7280;margin:0 0 4px}.template-layout{display:flex;gap:24px;min-height:calc(100vh - 200px);background-color:#fff;padding:24px;border-radius:8px}.template-sidebar{width:240px;flex-shrink:0}.template-sidebar-header h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:16px}.template-sidebar-header p{font-size:.8rem;color:#6b7280;margin-bottom:16px}.btn-add-template{width:100%;padding:10px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-add-template:hover{background-color:#1d4ed8}.template-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px;background:#fff}.template-search i{color:#9ca3af}.template-search input{border:none;outline:none;font-size:.85rem;width:100%;color:#374151;background:transparent}.template-search input::placeholder{color:#9ca3af}.template-warning{background-color:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:10px 12px;font-size:.75rem;color:#92400e;margin-bottom:12px}.template-warning strong{color:#b45309}.template-list{display:flex;flex-direction:column;gap:4px}.template-item{padding:12px 14px;border:1px solid transparent;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease}.template-item:hover{background-color:#f9fafb}.template-item.active{background-color:#dbeafe;border-color:#93c5fd;color:#1d4ed8;font-weight:500}.template-settings{flex:1;background-color:#fff;padding:24px;border-radius:8px}.settings-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:4px}.settings-header p{font-size:.85rem;color:#6b7280;margin-bottom:20px}.settings-row{display:flex;gap:24px}.settings-column{flex:1;display:flex;flex-direction:column;gap:16px}.settings-section{margin-bottom:0}.settings-section h4{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:16px;padding-bottom:0;border-bottom:none}.settings-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.settings-card h4{color:#111827;font-size:.9rem;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:none}.form-hint{display:block;font-size:.75rem;color:#6b7280;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.template-settings .form-label-sm{color:#6b7280;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.template-settings .form-input,.template-settings .form-select{background:#fff;border:1px solid #e5e7eb;color:#111827;padding:10px 12px;border-radius:6px;font-size:.875rem;width:100%}.template-settings .form-input::placeholder{color:#9ca3af}.template-settings .form-input:focus,.template-settings .form-select:focus{border-color:#2563eb;outline:none}.template-settings .form-select option{background:#fff;color:#111827}.device-search-section{margin-bottom:16px}.device-search-row{display:flex;gap:12px;align-items:center}.search-input-large{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.search-input-large i{color:#9ca3af}.search-input-large input{border:none;outline:none;font-size:.9rem;width:100%;color:#374151}.device-filters{display:flex;gap:8px}.device-cell{display:flex;align-items:center;gap:10px}.device-info{display:flex;flex-direction:column;gap:2px}.device-subtext{font-size:.75rem}.device-icon-sm{width:30px;height:30px;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#6b7280}.device-id-link{color:#2563eb;font-weight:500;cursor:pointer;font-size:.85rem}.mono-text{font-family:Courier New,monospace;font-size:.8rem;color:#6b7280}.fw-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.battery-indicator{display:flex;align-items:center;gap:4px;font-size:.85rem}.battery-indicator.high{color:#059669}.battery-indicator.medium{color:#d97706}.battery-indicator.low{color:#dc2626}.battery-indicator i{font-size:.8rem}.dock-info{display:flex;flex-direction:column}.dock-location{font-size:.82rem;color:#374151}.dock-time{font-size:.72rem;color:#9ca3af}.registration-layout{display:flex;flex-direction:column;gap:24px}.registration-header{display:flex;justify-content:space-between;align-items:flex-start}.reg-stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 20px;text-align:center}.reg-method-card{display:flex;gap:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s}.reg-method-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.reg-method-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.reg-method-content{flex:1}.reg-method-content h4{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:8px}.reg-method-content p{font-size:.875rem;color:#6b7280;margin-bottom:12px}.reg-method-features{list-style:none;padding:0;margin:0 0 16px}.reg-method-features li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#374151;margin-bottom:6px}.reg-method-features li i{color:#059669}.tier-badge{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.tier-badge.high{background:#dbeafe;color:#1d4ed8}.tier-badge.standard{background:#f3f4f6;color:#6b7280}.user-cell{display:flex;align-items:center;gap:10px}.user-name{font-size:.875rem;font-weight:500;color:#111827}.user-status{font-size:.75rem}.user-status.current{color:#059669}.user-status.last{color:#9ca3af}.hierarchy-cell{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#374151}.hierarchy-cell i{color:#6b7280}.recent-registrations{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.settings-layout{display:flex;flex-direction:column;gap:24px}.settings-header-section{display:flex;justify-content:space-between;align-items:flex-start}.settings-header-section h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.settings-header-section p{font-size:.875rem;color:#6b7280}.settings-scope-selector{display:flex;flex-direction:column;gap:6px}.feature-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-setting-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.feature-setting-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f3f4f6}.feature-icon-box{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.feature-icon-box.green{background:#d1fae5;color:#059669}.feature-icon-box.blue{background:#dbeafe;color:#2563eb}.feature-icon-box.cyan{background:#cffafe;color:#0891b2}.feature-info{flex:1}.feature-setting-body{padding:16px}.feature-options{display:flex;flex-direction:column;gap:8px}.cloning-layout{display:flex;flex-direction:column;gap:24px}.cloning-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.cloning-header p{font-size:.875rem;color:#6b7280}.cloning-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cloning-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.cloning-panel h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:16px}.source-device-card{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #2563eb;border-radius:8px;background:#eff6ff}.source-device-card.selectable{border:1px solid #e5e7eb;background:#fff;cursor:pointer}.source-device-card.selectable:hover{border-color:#2563eb;background:#f9fafb}.source-device-card.selectable.selected{border:2px solid #2563eb;background:#eff6ff}.settings-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-top:16px}.settings-preview h5{font-size:.85rem;font-weight:600;color:#111827;margin-bottom:12px}.settings-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-preview-item{display:flex;justify-content:space-between;font-size:.85rem}.setting-preview-item label{color:#6b7280}.setting-preview-item span{color:#111827;font-weight:500}.wifi-layout{display:flex;flex-direction:column;gap:24px}.wifi-header{display:flex;justify-content:space-between;align-items:flex-start}.wifi-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.wifi-header p{font-size:.875rem;color:#6b7280}.wifi-networks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wifi-network-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.wifi-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.wifi-ssid{font-size:1rem;font-weight:600;color:#111827}.wifi-status{padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500;background:#d1fae5;color:#059669}.wifi-details{display:flex;flex-direction:column;gap:8px}.wifi-detail{display:flex;justify-content:space-between;font-size:.85rem}.bluetooth-layout{display:flex;flex-direction:column;gap:24px}.bluetooth-header{display:flex;justify-content:space-between;align-items:flex-start}.bluetooth-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.bluetooth-header p{font-size:.875rem;color:#6b7280}.bluetooth-devices-list{display:flex;flex-direction:column;gap:12px}.bluetooth-device-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.bt-device-icon{width:48px;height:48px;background:#dbeafe;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:1.25rem}.bt-device-info{flex:1}.bt-device-name{display:block;font-weight:500;color:#111827;font-size:.95rem}.bt-device-mac{font-size:.8rem;color:#6b7280;font-family:monospace}.bt-device-type{padding:4px 10px;background:#f3f4f6;border-radius:4px;font-size:.75rem;color:#6b7280}.bt-pairing-status.paired{background:#d1fae5;color:#059669}.bt-pairing-status.pending{background:#fef3c7;color:#d97706}.bt-assigned{font-size:.85rem;color:#374151}.button-config-layout{display:flex;flex-direction:column;gap:24px}.button-config-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.button-config-header p{font-size:.875rem;color:#6b7280}.button-config-info{display:flex;gap:10px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:.85rem;color:#1e40af}.bulk-edit-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;min-height:calc(100vh - 280px)}.device-selection-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.device-selection-panel h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:12px}.selection-stats{display:flex;gap:12px;margin-bottom:16px}.selection-stat{padding:8px 12px;background:#f3f4f6;border-radius:6px;font-size:.85rem}.selection-stat strong{color:#2563eb}.device-checkbox-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.device-checkbox-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f9fafb;border-radius:6px;cursor:pointer}.device-checkbox-item:hover{background:#f3f4f6}.device-checkbox-item.selected{background:#eff6ff;border:1px solid #2563eb}.bulk-actions-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.bulk-actions-panel h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:20px}.bulk-action-card{padding:16px;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer}.bulk-action-card:hover{border-color:#2563eb;background:#f9fafb}.bulk-action-card.selected{border:2px solid #2563eb;background:#eff6ff}.bulk-action-card h5{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#111827;margin-bottom:4px}.bulk-action-card p{font-size:.8rem;color:#6b7280;margin:0}.media-layout{display:flex;flex-direction:column;gap:24px}.media-filters{display:flex;gap:12px;margin-bottom:16px}.media-type-badge{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.device-table .checkbox-cell{width:40px}.action-icons{display:flex;align-items:center;gap:8px}.action-icons button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.action-icons button:hover{color:#374151}.device-table thead th{font-size:.72rem;letter-spacing:.45px}.device-table tbody td,.device-id-link{font-size:.85rem}.device-icon-sm{width:30px;height:30px}.device-icon-sm i{font-size:.95rem}.battery-indicator i,.fw-badge i{font-size:.8rem}.dock-location{font-size:.82rem}.dock-time{font-size:.72rem}.device-filters .filter-select{min-width:150px;font-size:.8rem}.device-filters .form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239ca3af' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px}.action-right .btn-icon{width:34px;height:34px}.action-icons button i{font-size:.9rem}.fw-badge.uptodate{background:#d1fae5;color:#059669}.fw-badge.outdated{background:#fef3c7;color:#d97706}.registration-title h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.registration-title p{font-size:.875rem;color:#6b7280}.registration-stats{display:flex;gap:16px}.reg-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#2563eb}.reg-stat-label{font-size:.75rem;color:#6b7280}.registration-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.reg-method-icon.blue{background:#dbeafe;color:#2563eb}.reg-method-icon.green{background:#d1fae5;color:#059669}.user-cell-info{display:flex;flex-direction:column}.feature-info h4{font-size:.95rem;font-weight:600;color:#111827;margin-bottom:2px}.feature-info p{font-size:.8rem;color:#6b7280;margin:0}.feature-stats{display:flex;gap:24px;margin-bottom:16px}.feature-stat{display:flex;flex-direction:column}.fs-value{font-size:1.25rem;font-weight:700;color:#111827}.fs-label{font-size:.75rem;color:#6b7280}.bt-pairing-status{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.bulk-action-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.media-header{display:flex;justify-content:space-between;align-items:flex-start}.media-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.media-header p{font-size:.875rem;color:#6b7280}.user-type-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.user-type-badge.frontline{background-color:#dbeafe;color:#1d4ed8}.user-type-badge.admin-type{background-color:#ffedd5;color:#ea580c}.user-type-badge.soc-type{background-color:#fee2e2;color:#dc2626}.user-type-badge.soc-admin-type{background-color:#f3e8ff;color:#9333ea}.groups-layout{display:flex;flex-direction:column;gap:16px}.groups-sub-nav{display:flex;gap:8px;margin-bottom:16px}.groups-sub-btn{padding:10px 20px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px}.groups-sub-btn:hover{background:#e5e7eb}.groups-sub-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.groups-panel-layout{display:grid;grid-template-columns:360px 1fr;gap:24px;min-height:calc(100vh - 320px)}.groups-list-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.groups-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.groups-list-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.groups-list-header p{font-size:.8rem;color:#6b7280}.groups-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px}.groups-search i{color:#9ca3af}.groups-search input{border:none;outline:none;font-size:.875rem;width:100%;color:#374151}.groups-info-box{display:flex;gap:10px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:16px;font-size:.8rem;color:#1e40af}.groups-info-box i{color:#3b82f6;margin-top:2px}.groups-list{display:flex;flex-direction:column;gap:8px}.group-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.group-item:hover{background:#f9fafb;border-color:#d1d5db}.group-item.active{background:#eff6ff;border-color:#2563eb}.group-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.group-icon.blue{background:#dbeafe;color:#2563eb}.group-icon.cyan{background:#cffafe;color:#0891b2}.group-icon.red{background:#fee2e2;color:#dc2626}.group-icon.purple{background:#f3e8ff;color:#9333ea}.group-icon.green{background:#d1fae5;color:#059669}.group-icon.orange{background:#ffedd5;color:#ea580c}.group-info{flex:1;min-width:0}.group-name{display:block;font-weight:500;color:#111827;font-size:.9rem}.group-meta{font-size:.75rem;color:#6b7280}.group-badge{padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.group-badge.primary{background:#dbeafe;color:#1d4ed8}.group-badge.broadcast{background:#ffedd5;color:#ea580c}.group-config-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.group-config-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #f3f4f6;margin-bottom:20px}.group-title-section{display:flex;align-items:center;gap:16px}.group-icon-large{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.group-icon-large.blue{background:#dbeafe;color:#2563eb}.group-title-section h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:4px}.group-id{font-size:.8rem;color:#6b7280}.group-actions{display:flex;gap:8px}.btn-delete{padding:8px 12px;background:#fff;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer}.btn-delete:hover{background:#fef2f2}.config-section{margin-bottom:24px}.config-section h4{font-size:.9rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px;margin-bottom:16px}.config-section h4 i{color:#6b7280}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.config-item{display:flex;flex-direction:column;gap:4px}.config-item label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase}.config-item span{font-size:.875rem;color:#111827}.home-channel-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px}.home-channel-stat{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.hc-value{font-size:1.5rem;font-weight:700;color:#2563eb}.hc-label{font-size:.875rem;color:#6b7280}.hc-desc{font-size:.8rem;color:#6b7280}.home-channel-notice{display:flex;gap:8px;padding:10px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;font-size:.8rem;color:#92400e}.admin-perm-grid{display:flex;flex-direction:column;gap:12px}.admin-perm-item{display:flex;flex-direction:column;gap:4px}.admin-perm-item label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#374151;cursor:pointer}.perm-hint{font-size:.75rem;color:#9ca3af;margin-left:26px}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-add-small{padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;color:#374151;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-add-small:hover{background:#f9fafb}.members-notice{display:flex;gap:8px;padding:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:.8rem;color:#166534;margin-bottom:12px}.members-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.member-item{display:flex;align-items:center;gap:12px;padding:10px;background:#f9fafb;border-radius:8px}.member-info{flex:1}.member-name{display:block;font-weight:500;color:#111827;font-size:.875rem}.member-role{font-size:.75rem;color:#6b7280}.home-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#dbeafe;border-radius:4px;font-size:.7rem;color:#1d4ed8}.btn-remove-member{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.btn-remove-member:hover{color:#dc2626}.btn-view-all{width:100%;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;color:#2563eb;cursor:pointer;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-view-all:hover{background:#f3f4f6}.panic-layout{display:flex;flex-direction:column;gap:20px}.panic-header{display:flex;align-items:center;gap:16px}.panic-icon{width:56px;height:56px;background:#fee2e2;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#dc2626;font-size:1.5rem}.panic-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:4px}.panic-header p{font-size:.875rem;color:#6b7280}.panic-warning-box{display:flex;gap:16px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}.panic-warning-box i{color:#dc2626;font-size:1.25rem;margin-top:2px}.panic-warning-box strong{display:block;color:#991b1b;margin-bottom:4px}.panic-warning-box p{font-size:.85rem;color:#991b1b;margin:0}.panic-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panic-settings-card,.panic-stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.panic-settings-card h4,.panic-stats-card h4{font-size:.9rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px;margin-bottom:16px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.setting-row:last-child{border-bottom:none}.setting-row label{font-size:.875rem;color:#374151}.panic-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.panic-stat{text-align:center}.ps-value{display:block;font-size:1.5rem;font-weight:700;color:#111827}.ps-label{font-size:.75rem;color:#6b7280}.coverage-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#d1fae5;border-radius:6px;font-size:.85rem;color:#059669}.shift-badge{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.shift-badge.all{background:#dbeafe;color:#1d4ed8}.shift-badge.morning{background:#fef3c7;color:#d97706}.shift-badge.afternoon{background:#ffedd5;color:#ea580c}.priority-badge{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.priority-badge.primary{background:#fee2e2;color:#dc2626}.priority-badge.secondary{background:#f3f4f6;color:#6b7280}.role-badge.security{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.onboarding-layout{display:flex;flex-direction:column;gap:24px}.onboarding-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.onboarding-header p{font-size:.875rem;color:#6b7280}.onboarding-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.onboarding-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.onboarding-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.onboarding-card.disabled{opacity:.6;cursor:not-allowed}.onboarding-card.disabled:hover{border-color:#e5e7eb;box-shadow:none}.onboarding-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}.onboarding-icon.blue{background:#dbeafe;color:#2563eb}.onboarding-icon.green{background:#d1fae5;color:#059669}.onboarding-icon.gray{background:#f3f4f6;color:#9ca3af}.onboarding-content{flex:1}.onboarding-content h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:8px}.onboarding-content p{font-size:.85rem;color:#6b7280;margin-bottom:12px}.onboarding-features{list-style:none;padding:0;margin:0 0 16px}.onboarding-features li{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#374151;margin-bottom:6px}.onboarding-features li i{color:#059669;font-size:.7rem}.coming-soon-badge{display:inline-block;padding:4px 10px;background:#f3f4f6;border-radius:12px;font-size:.75rem;color:#6b7280;margin-top:8px}.btn-disabled{padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;cursor:not-allowed;margin-top:auto}.onboarding-activity{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.activity-header h4{font-size:1rem;font-weight:600;color:#111827}.method-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.method-badge.manual{background:#dbeafe;color:#1d4ed8}.method-badge.bulk{background:#d1fae5;color:#059669}.btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.85rem;font-weight:500}.btn-link:hover{text-decoration:underline}.panic-participants-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.filter-inline{display:flex;align-items:center;gap:8px;margin-right:8px}.filter-label{font-size:.8rem;color:#6b7280}.filter-select{border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;font-size:.8rem;color:#374151;background:#fff}.role-cell{display:flex;flex-direction:column;gap:6px}.permission-tags{display:flex;flex-wrap:wrap;gap:6px}.permission-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.7rem;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.permission-badge.admin{background:#fef3c7;color:#b45309;border-color:#fde68a}.permission-badge.soc{background:#fee2e2;color:#dc2626;border-color:#fecaca}.roles-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;min-height:calc(100vh - 280px)}.roles-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.roles-sidebar-header{margin-bottom:16px}.roles-sidebar-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.roles-sidebar-header p{font-size:.8rem;color:#6b7280}.btn-create-role{width:100%;padding:10px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.btn-create-role:hover{background:#1d4ed8}.roles-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px}.roles-search i{color:#9ca3af}.roles-search input{border:none;outline:none;font-size:.875rem;width:100%;color:#374151}.roles-category{margin-bottom:16px}.roles-category-header{font-size:.7rem;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;margin-bottom:8px;padding-left:4px}.roles-list{display:flex;flex-direction:column;gap:6px}.role-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.role-item:hover{background:#f9fafb;border-color:#d1d5db}.role-item.active{background:#eff6ff;border-color:#2563eb}.role-item-content{display:flex;align-items:center;gap:10px;flex:1}.role-item-content i{color:#6b7280;width:18px;text-align:center}.role-item-content span{font-size:.9rem;color:#374151;font-weight:500}.role-system-badge{padding:3px 8px;background:#f3f4f6;border-radius:4px;font-size:.65rem;font-weight:600;color:#6b7280;text-transform:uppercase}.role-count-badge{padding:3px 8px;background:#dbeafe;border-radius:4px;font-size:.75rem;font-weight:500;color:#2563eb}.roles-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.roles-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.roles-list-header h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:4px}.roles-list-header p{font-size:.8rem;color:#6b7280}.roles-list-actions{display:flex;align-items:center;gap:10px}.roles-list-search{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.roles-list-search i{color:#9ca3af}.roles-list-search input{border:none;outline:none;font-size:.85rem;color:#374151}.role-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase}.role-type-badge.system{background:#e5e7eb;color:#374151}.role-type-badge.custom{background:#dbeafe;color:#1d4ed8}.role-details-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.role-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #f3f4f6;margin-bottom:20px}.role-details-header h2{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:4px}.role-details-header p{font-size:.875rem;color:#6b7280}.role-header-actions{display:flex;gap:8px}.system-role-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f4f6;border-radius:6px;font-size:.8rem;color:#6b7280}.system-role-label i{color:#9ca3af}.role-form{margin-bottom:24px}.role-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.role-form .form-group{display:flex;flex-direction:column;gap:6px}.role-form .form-label-sm{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase}.role-form .form-input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;color:#374151}.role-form .form-input:disabled{background:#f9fafb;color:#9ca3af}.permissions-section{margin-bottom:24px}.permissions-section h4{font-size:1rem;font-weight:600;color:#111827;margin-bottom:4px}.permissions-section .section-desc{font-size:.85rem;color:#6b7280;margin-bottom:16px}.permission-card{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;overflow:hidden}.permission-card.system-role{background:#f9fafb}.permission-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff}.permission-card.system-role .permission-header{background:#f9fafb}.permission-title{display:flex;align-items:center;gap:12px}.permission-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.permission-icon.blue{background:#dbeafe;color:#2563eb}.permission-icon.orange{background:#ffedd5;color:#ea580c}.permission-icon.red{background:#fee2e2;color:#dc2626}.permission-icon.purple{background:#f3e8ff;color:#9333ea}.permission-title h5{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:2px}.permission-title span{font-size:.8rem;color:#6b7280}.full-access-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#d1fae5;border-radius:6px;font-size:.8rem;font-weight:500;color:#059669}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.3s;border-radius:24px}.permission-details{padding:16px;background:#f9fafb;border-top:1px solid #f3f4f6}.permission-details.disabled{opacity:.5}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.permission-grid .form-check{display:flex;align-items:center;gap:8px}.permission-grid .form-check input{width:16px;height:16px;accent-color:#2563eb}.permission-grid .form-check label{font-size:.85rem;color:#374151;cursor:pointer}.role-users-section{margin-top:24px;padding-top:20px;border-top:1px solid #f3f4f6}.role-users-section h4{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:12px}.role-users-section .users-count{font-weight:400;color:#6b7280}.role-users-list{display:flex;flex-wrap:wrap;gap:8px}.role-user-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f3f4f6;border-radius:20px;font-size:.8rem;color:#374151}.role-user-chip .employee-avatar.small{width:24px;height:24px;font-size:.65rem}.role-user-chip.more{background:#e5e7eb;color:#6b7280;font-weight:500}.btn-save-role{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.btn-save-role:hover{background:#1d4ed8}.btn-duplicate{padding:10px 16px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.btn-duplicate:hover{background:#f9fafb}.org-profile-layout{display:flex;flex-direction:column;gap:20px}.org-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.org-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #f3f4f6;margin-bottom:20px}.org-logo{width:70px;height:70px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem}.org-title{flex:1}.org-title h2{font-size:1.4rem;font-weight:600;color:#111827;margin-bottom:4px}.org-id{font-size:.8rem;color:#6b7280;margin-right:10px}.org-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:500}.org-status-badge.active{background-color:#d1fae5;color:#059669}.btn-edit-org{padding:10px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-edit-org:hover{background-color:#1d4ed8}.org-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.org-section h4{font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:10px;display:flex;align-items:center;gap:8px}.org-section h4 i{color:#9ca3af}.org-section p{font-size:.875rem;color:#374151;margin-bottom:4px}.org-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.org-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px}.org-summary-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.org-summary-icon.blue{background-color:#dbeafe;color:#2563eb}.org-summary-icon.green{background-color:#d1fae5;color:#059669}.org-summary-icon.purple{background-color:#f3e8ff;color:#9333ea}.org-summary-icon.cyan{background-color:#cffafe;color:#0891b2}.org-summary-value{font-size:1.75rem;font-weight:600;color:#111827}.org-summary-label{font-size:.8rem;color:#6b7280}.org-cell,.site-cell{display:flex;align-items:center;gap:12px}.org-icon,.site-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.org-icon{background-color:#dbeafe;color:#2563eb}.site-icon{background-color:#d1fae5;color:#059669}.org-info,.site-info{display:flex;flex-direction:column}.org-name,.site-name{font-weight:500;color:#111827}.org-desc,.site-type{font-size:.75rem;color:#6b7280}.count-badge{display:inline-block;padding:4px 10px;background-color:#f3f4f6;border-radius:12px;font-size:.8rem;color:#374151;font-weight:500}.org-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#eff6ff;color:#1d4ed8;border-radius:6px;font-size:.85rem;font-weight:500}.org-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f0fdf4;color:#15803d;border-radius:6px;font-size:.85rem;font-weight:500}.org-badge i{font-size:.9rem}.site-cell{display:flex;align-items:center;gap:12px}.site-icon{width:36px;height:36px;background:#fef3c7;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#d97706}.site-info{display:flex;flex-direction:column}.site-name{font-weight:500;color:#111827}.site-type{font-size:.75rem;color:#6b7280}.org-cell{display:flex;align-items:center;gap:12px}.org-icon{width:36px;height:36px;background:#dbeafe;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#2563eb}.org-info{display:flex;flex-direction:column}.org-name{font-weight:500;color:#111827}.org-desc{font-size:.75rem;color:#6b7280}.hierarchy-layout{display:grid;grid-template-columns:380px 1fr;gap:24px;min-height:calc(100vh - 280px)}.hierarchy-config-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.hierarchy-config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.hierarchy-config-header h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:4px}.hierarchy-config-header p{font-size:.8rem;color:#6b7280}.hierarchy-info-box{display:flex;gap:12px;padding:12px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:16px}.hierarchy-info-box i{color:#2563eb;font-size:1rem;margin-top:2px}.hierarchy-info-box strong{font-size:.85rem;color:#1e40af;display:block;margin-bottom:2px}.hierarchy-info-box p{font-size:.75rem;color:#3b82f6;margin:0}.hierarchy-levels-list{display:flex;flex-direction:column;gap:8px}.hierarchy-level-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:grab}.hierarchy-level-item:hover{background:#f3f4f6;border-color:#d1d5db}.hierarchy-level-item.fixed-level{background:#f0fdf4;border-color:#bbf7d0;cursor:default}.level-drag-handle{color:#9ca3af;cursor:grab}.level-drag-handle.disabled{color:#22c55e;cursor:default}.level-order{width:28px;height:28px;background:#2563eb;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.fixed-level .level-order{background:#22c55e}.level-info{flex:1}.level-label{display:block;font-weight:500;color:#111827;font-size:.9rem}.level-desc{font-size:.75rem;color:#6b7280}.level-id{font-size:.7rem;color:#9ca3af;margin-top:2px;display:block}.level-count{font-size:.75rem;color:#6b7280;background:#e5e7eb;padding:4px 8px;border-radius:12px}.level-actions{display:flex;gap:4px}.level-actions button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.level-actions button:hover{color:#374151}.fixed-badge{font-size:.7rem;color:#22c55e;background:#dcfce7;padding:4px 10px;border-radius:12px;font-weight:500}.hierarchy-tree-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;overflow:auto}.hierarchy-tree-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.hierarchy-tree-header h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:4px}.hierarchy-tree-header p{font-size:.8rem;color:#6b7280}.tree-actions{display:flex;gap:8px}.hierarchy-search{position:relative;margin-bottom:16px}.hierarchy-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.hierarchy-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem}.hierarchy-search input:focus{outline:none;border-color:#2563eb}.hierarchy-tree{padding-left:0}.tree-node{margin-left:0}.tree-children{margin-left:24px;padding-left:20px;border-left:2px solid #e5e7eb}.tree-node.collapsed .tree-children{display:none}.node-content{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin-bottom:4px;transition:background .15s}.node-content:hover{background:#f3f4f6}.node-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;width:24px}.node-toggle:hover{color:#374151}.node-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.85rem}.node-info{flex:1;min-width:0}.node-name{display:block;font-weight:500;color:#111827;font-size:.875rem}.node-type{font-size:.7rem;color:#6b7280}.node-stats{display:flex;gap:16px;font-size:.75rem;color:#6b7280}.node-stats span{display:flex;align-items:center;gap:4px}.node-stats i{font-size:.7rem}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.page-loading p{color:#6b7280;font-size:.95rem}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-loading{display:flex;align-items:center;justify-content:center;padding:60px}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px;text-align:center}.page-error i{font-size:3rem;color:#f59e0b}.page-error h3{font-size:1.2rem;color:#111827;margin:0}.page-error p{color:#6b7280;margin:0 0 16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f9fafb;border-radius:12px;margin-top:20px}.empty-state i{font-size:3rem;color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:1.1rem;color:#374151;margin:0 0 8px}.empty-state p{color:#6b7280;margin:0 0 20px;font-size:.9rem}.hierarchy-nodes-list{display:flex;flex-direction:column;gap:8px;padding:16px}.hierarchy-node-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.hierarchy-node-item i{color:#2563eb}.hierarchy-node-item .node-name{flex:1;font-weight:500}.hierarchy-node-item .node-level{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px}.hierarchy-tree-view{padding:16px;background:#fafbfc;border-radius:8px;min-height:300px;overflow:auto}.tree-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tree-node{position:relative}.tree-node-content{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease}.tree-node-content:hover{background:#e5e7eb}.tree-root-node>.tree-node-content{background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:4px}.tree-root-node>.tree-node-content:hover{background:#dbeafe}.tree-connector{display:flex;align-items:center;gap:4px;min-width:20px}.tree-toggle{color:#6b7280;font-size:.8rem;cursor:pointer;transition:transform .2s ease}.tree-toggle.collapsed{transform:rotate(-90deg)}.tree-line{display:inline-block;width:12px;height:1px;background:#d1d5db;margin-right:4px}.tree-icon{font-size:1rem;min-width:18px;text-align:center}.tree-node-name{flex:1;font-size:.9rem;font-weight:500;color:#1f2937}.tree-root-name{font-weight:600;font-size:1rem;color:#1e40af}.tree-node-level{font-size:.7rem;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.tree-node-actions{display:none;gap:4px}.tree-node-content:hover .tree-node-actions{display:flex}.action-btn-sm{width:26px;height:26px;border:none;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.action-btn-sm:hover{background:#fff;color:#2563eb;box-shadow:0 2px 4px #0000001a}.action-btn-sm i{font-size:.7rem}.tree-children{position:relative;margin-left:12px;border-left:1px dashed #d1d5db}.tree-site-node .tree-node-content{background:transparent}.tree-site-node .tree-node-content:hover{background:#ecfdf5}.tree-site-node .tree-node-level{background:#d1fae5;color:#065f46}.tree-empty{padding:16px;color:#6b7280;font-style:italic}.tree-assign-site-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;margin:4px 0 4px 48px;border:1px dashed #d1d5db;border-radius:6px;background:transparent;color:#6b7280;font-size:.8rem;cursor:pointer;transition:all .15s ease}.tree-assign-site-btn:hover{border-color:#10b981;color:#10b981;background:#f0fdf4}.tree-assign-site-btn i{font-size:.7rem}.site-maps-layout{padding:20px 0}.maps-action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.maps-search{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:300px}.maps-search input{border:none;outline:none;flex:1;font-size:.9rem}.maps-search i{color:#9ca3af}.site-maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.site-map-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer}.site-map-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.site-map-card.no-map{border-style:dashed;border-color:#d1d5db}.site-map-card.no-map:hover{border-color:#2563eb;background:#f8fafc}.map-preview{height:140px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.map-placeholder-img{display:flex;flex-direction:column;align-items:center;gap:8px;color:#64748b}.map-placeholder-img i{font-size:2.5rem;color:#2563eb}.no-map-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af}.no-map-placeholder i{font-size:2rem}.site-map-info{padding:16px}.site-map-info h4{margin:0 0 8px;font-size:.95rem;color:#1f2937}.site-map-meta{display:flex;gap:16px;font-size:.8rem;color:#6b7280}.site-map-meta span{display:flex;align-items:center;gap:4px}.no-map-text{font-size:.85rem;color:#9ca3af;margin:0}.site-map-actions{padding:12px 16px;border-top:1px solid #f3f4f6;display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:.8rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;color:#374151}.btn-sm:hover{background:#f9fafb}.btn-sm.primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-sm.primary:hover{background:#1d4ed8}.upload-instructions{padding:20px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.upload-instructions h4{margin:0 0 12px;color:#374151;font-size:.95rem}.upload-instructions ul{margin:0;padding-left:20px;color:#6b7280;font-size:.85rem}.upload-instructions li{margin-bottom:6px}.zones-layout{padding:20px 0}.zones-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.zones-header h3{margin:0 0 4px}.zones-header p{margin:0;color:#6b7280;font-size:.9rem}.zones-actions{display:flex;gap:12px}.zone-type-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.zone-type-badge.sales{background:#dbeafe;color:#1d4ed8}.zone-type-badge.storage{background:#fef3c7;color:#d97706}.zone-type-badge.service{background:#d1fae5;color:#059669}.zone-type-badge.staff{background:#e0e7ff;color:#4338ca}.location-settings-layout{padding:20px 0}.settings-header{margin-bottom:24px}.settings-header h3{margin:0 0 4px}.settings-header p{margin:0;color:#6b7280;font-size:.9rem}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.settings-card.highlight{border-color:#fecaca;background:#fef2f2}.settings-card.full-width{grid-column:1 / -1}.settings-card h4{margin:0 0 8px;font-size:1rem;color:#1f2937;display:flex;align-items:center;gap:10px}.settings-desc{margin:0 0 16px;font-size:.85rem;color:#6b7280}.setting-control{margin-bottom:12px}.form-select.large{padding:12px 16px;font-size:1rem;width:100%}.form-textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;resize:vertical;font-family:inherit}.form-textarea:focus{outline:none;border-color:#2563eb}.toggle-container{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-slider-rect{width:44px;height:24px;background:#e5e7eb;border-radius:12px;position:relative;transition:all .2s ease}.toggle-slider-rect:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:all .2s ease;box-shadow:0 1px 3px #0003}.toggle-container input:checked+.toggle-slider-rect{background:#22c55e}.toggle-container input:checked+.toggle-slider-rect:after{left:23px}.toggle-container input{display:none}.toggle-label{font-size:.9rem;color:#374151}.sub-setting{margin-top:16px;padding:12px;background:#fff9;border-radius:8px}.sub-setting label{display:block;margin-bottom:8px;font-size:.85rem;color:#374151}.setting-note{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border-radius:6px;font-size:.8rem;color:#64748b}.setting-note.warning{background:#fef3c7;color:#92400e}.setting-note i{font-size:.9rem}.settings-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.privacy-layout{padding:20px 0}.privacy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.privacy-header h3{margin:0 0 4px}.privacy-header p{margin:0;color:#6b7280;font-size:.9rem}.privacy-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.privacy-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.privacy-card h4{margin:0 0 16px;font-size:.95rem;color:#1f2937}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:12px}.radio-group label,.checkbox-group label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#374151;cursor:pointer}.radio-group input,.checkbox-group input{width:16px;height:16px}.workflow-page{background:#0f172a;min-height:100vh;padding:0;margin:-20px;color:#e2e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.workflow-stepper{display:flex;align-items:center;justify-content:center;padding:28px 40px;border:1px dashed #334155;border-radius:12px;margin:24px 32px;background:transparent}.workflow-step{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .2s}.workflow-step:hover{opacity:.85}.workflow-step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;transition:all .3s ease;flex-shrink:0}.workflow-step-circle.active{background:#2563eb;color:#fff;box-shadow:0 0 0 4px #2563eb40}.workflow-step-circle.completed{background:#2563eb;color:#fff}.workflow-step-circle.upcoming{background:#1e293b;color:#64748b;border:2px solid #334155}.workflow-step-label{font-size:.85rem;font-weight:500;white-space:nowrap}.workflow-step-label.active,.workflow-step-label.completed{color:#60a5fa}.workflow-step-label.upcoming{color:#64748b}.workflow-step-connector{flex:1;height:2px;margin:0 16px;min-width:60px;transition:background .3s}.workflow-step-connector.completed{background:#2563eb}.workflow-step-connector.upcoming{background:#334155}.workflow-card{background:#1e293b;border-radius:12px;margin:0 32px 24px;overflow:hidden}.workflow-card-header{text-align:center;padding:20px 32px 16px;border-bottom:1px solid #334155}.workflow-card-header h2{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin:0}.workflow-card-subtitle{font-size:.85rem;color:#64748b;margin:6px 0 0}.workflow-card-body{padding:28px 32px;max-height:calc(100vh - 280px);overflow-y:auto}.workflow-card-body::-webkit-scrollbar{width:6px}.workflow-card-body::-webkit-scrollbar-track{background:#1e293b}.workflow-card-body::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.workflow-section{margin-bottom:28px}.workflow-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#e2e8f0;margin-bottom:20px}.workflow-form-grid{display:flex;flex-direction:column;gap:16px}.workflow-form-row{display:flex;align-items:center;gap:16px}.workflow-form-label{flex:0 0 180px;font-size:.85rem;color:#94a3b8;display:flex;align-items:center;gap:6px}.workflow-form-label .required{color:#ef4444;margin-left:0}.workflow-form-label .help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid #64748b;font-size:.6rem;color:#64748b;cursor:help}.workflow-form-input-wrapper{flex:1}.workflow-input{width:100%;padding:10px 14px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.9rem;transition:border-color .2s}.workflow-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.workflow-input::placeholder{color:#475569}.workflow-input.readonly{background:#1e293b;color:#64748b;cursor:not-allowed}.workflow-input.error{border-color:#ef4444}.workflow-select{width:100%;padding:10px 36px 10px 14px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer;transition:border-color .2s}.workflow-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.workflow-select option{background:#1e293b;color:#e2e8f0}.workflow-textarea{width:100%;padding:10px 14px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.9rem;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .2s}.workflow-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.workflow-textarea::placeholder{color:#475569}.workflow-phone-group{display:flex;gap:8px}.workflow-phone-code{flex:0 0 110px;padding:10px 24px 10px 10px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.85rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.workflow-phone-code option{background:#1e293b;color:#e2e8f0}.workflow-phone-number{flex:1}.workflow-field-error{color:#ef4444;font-size:.75rem;margin-top:4px}.workflow-additional-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.workflow-additional-header-left{display:flex;align-items:center;gap:8px}.workflow-additional-header-left .workflow-section-title{margin-bottom:0}.workflow-add-btn{width:32px;height:32px;border-radius:50%;border:1px solid #475569;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s}.workflow-add-btn:hover{background:#334155;color:#e2e8f0}.workflow-contact-section{background:#0f172a;border-radius:10px;margin-bottom:12px;overflow:hidden}.workflow-contact-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background .2s}.workflow-contact-section-header:hover{background:#3341554d}.workflow-contact-section-header h4{font-size:.9rem;font-weight:500;color:#e2e8f0;margin:0}.workflow-contact-toggle{width:28px;height:28px;border-radius:50%;border:none;background:#334155;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s}.workflow-contact-toggle:hover{background:#475569;color:#e2e8f0}.workflow-contact-section-body{padding:0 16px 16px}.workflow-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 32px 24px}.workflow-btn-skip{padding:10px 28px;border:1px solid #475569;border-radius:8px;background:transparent;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.workflow-btn-skip:hover{background:#1e293b;border-color:#64748b}.workflow-btn-next{padding:10px 32px;border:none;border-radius:20px;background:#2563eb;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.workflow-btn-next:hover{background:#1d4ed8}.workflow-btn-next:disabled{background:#334155;color:#64748b;cursor:not-allowed}.workflow-btn-next.submitting{background:#1d4ed8;cursor:not-allowed;opacity:.85}.workflow-api-error{display:flex;align-items:center;gap:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#fca5a5;font-size:.875rem}.workflow-api-error i{color:#ef4444;font-size:1rem;flex-shrink:0}.workflow-api-error span{flex:1}.workflow-api-error-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px 4px;font-size:.9rem}.workflow-api-error-close:hover{color:#f1f5f9}.workflow-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center}.workflow-placeholder-icon{font-size:3rem;color:#334155;margin-bottom:16px}.workflow-placeholder h3{font-size:1.2rem;color:#94a3b8;margin-bottom:8px}.workflow-placeholder p{font-size:.9rem;color:#64748b}@media (max-width: 768px){.workflow-stepper{flex-wrap:wrap;gap:12px;padding:16px;margin:16px}.workflow-step-connector{display:none}.workflow-card{margin:0 16px 16px}.workflow-card-body{padding:20px 16px}.workflow-form-row{flex-direction:column;align-items:flex-start}.workflow-form-label{flex:none;margin-bottom:4px}.workflow-footer{padding:16px}}.workflow-footer-right{display:flex;align-items:center;gap:12px}.workflow-btn-back{padding:10px 28px;border:1px solid #475569;border-radius:8px;background:transparent;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.workflow-btn-back:hover{background:#1e293b;border-color:#64748b}.wf-network-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.wf-network-header-left{display:flex;align-items:center;gap:16px;flex:1}.wf-network-search{display:flex;align-items:center;color:#64748b;font-size:1rem}.wf-network-search i{margin-right:8px}.wf-network-search-input{background:transparent;border:none;color:#e2e8f0;font-size:.85rem;outline:none;width:0;transition:width .3s}.wf-network-search:hover .wf-network-search-input,.wf-network-search-input:focus{width:140px;border-bottom:1px solid #334155}.wf-network-title h3{font-size:1rem;font-weight:600;color:#f1f5f9;margin:0}.wf-network-count{font-size:.75rem;color:#64748b;display:flex;align-items:center;margin-top:2px}.wf-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.wf-dot-green{background:#22c55e}.wf-dot-blue{background:#60a5fa}.wf-split-btn-wrapper{position:relative}.wf-split-btn{padding:8px 18px;background:transparent;border:1px solid #2563eb;border-radius:8px;color:#60a5fa;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.wf-split-btn:hover{background:#2563eb1a}.wf-split-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#1e293b;border:1px solid #334155;border-radius:10px;box-shadow:0 8px 24px #0006;z-index:100;min-width:180px;overflow:hidden}.wf-split-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#e2e8f0;font-size:.85rem;cursor:pointer;transition:background .15s}.wf-split-dropdown-item:hover{background:#334155}.wf-split-dropdown-item i{width:16px;text-align:center;color:#94a3b8}.wf-network-table{border:1px solid #334155;border-radius:10px;overflow:hidden}.wf-network-table-head{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 60px;padding:12px 16px;background:#0f172a80;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.wf-network-table-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 60px;padding:14px 16px;border-top:1px solid #1e293b;font-size:.9rem;color:#e2e8f0;align-items:center;transition:background .15s}.wf-network-table-row:hover{background:#33415533}.wf-network-ssid{font-weight:500}.wf-network-empty{padding:40px 16px;text-align:center;color:#475569;font-size:.9rem}.wf-status-connected{color:#22c55e;display:flex;align-items:center;gap:6px;font-size:.85rem}.wf-status-discovered{color:#60a5fa;display:flex;align-items:center;gap:6px;font-size:.85rem}.wf-network-actions{display:flex;justify-content:center}.wf-network-action-btn{width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.wf-connect-btn{background:transparent;color:#60a5fa}.wf-connect-btn:hover{background:#60a5fa26}.wf-remove-btn{background:transparent;color:#64748b}.wf-remove-btn:hover{background:#ef444426;color:#ef4444}.wf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000}.wf-modal{background:#1e293b;border:1px solid #334155;border-radius:14px;width:480px;max-width:90vw;box-shadow:0 20px 60px #00000080;padding:24px}.wf-modal.wf-modal-sm{width:380px}.wf-modal-title{font-size:1rem;font-weight:600;color:#f1f5f9;margin:0 0 20px;text-align:center}.wf-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #334155}.wf-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;font-size:.85rem}.wf-password-toggle:hover{color:#94a3b8}.wf-dev-table-head{display:grid;grid-template-columns:36px 1fr 1fr 1fr 1.2fr .8fr .8fr 70px;padding:12px 16px;background:#0f172a80;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;align-items:center}.wf-dev-table-row{display:grid;grid-template-columns:36px 1fr 1fr 1fr 1.2fr .8fr .8fr 70px;padding:13px 16px;border-top:1px solid #1e293b;font-size:.85rem;color:#e2e8f0;align-items:center;transition:background .15s}.wf-dev-table-row:hover{background:#33415533}.wf-dev-checkbox{display:flex;align-items:center;justify-content:center}.wf-dev-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}.wf-dev-status-active,.wf-dev-status-inactive,.wf-dev-status-pending,.wf-dev-status-error{display:flex;align-items:center;gap:6px;font-size:.82rem}.wf-dev-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.wf-dev-status-active{color:#22c55e}.wf-dev-status-active .wf-dev-status-dot{background:#22c55e}.wf-dev-status-inactive{color:#94a3b8}.wf-dev-status-inactive .wf-dev-status-dot{background:#94a3b8}.wf-dev-status-pending{color:#f59e0b}.wf-dev-status-pending .wf-dev-status-dot{background:#f59e0b}.wf-dev-status-error{color:#ef4444}.wf-dev-status-error .wf-dev-status-dot{background:#ef4444}.wf-dot-grey{background:#94a3b8}.wf-dot-yellow{background:#f59e0b}.wf-dot-red{background:#ef4444}.wf-csv-file-input{display:flex;gap:8px;align-items:center}.wf-csv-file-input .workflow-input{flex:1}.wf-csv-browse-btn{width:38px;height:38px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s;flex-shrink:0}.wf-csv-browse-btn:hover{background:#1e293b;color:#e2e8f0}.wf-csv-template-link{margin-top:12px}.wf-csv-template-link a{color:#60a5fa;font-size:.82rem;text-decoration:none}.wf-csv-template-link a:hover{text-decoration:underline}.wf-modal-subtitle{font-size:.82rem;color:#64748b;text-align:center;margin:-12px 0 20px}@media (max-width: 768px){.workflow-stepper{flex-wrap:wrap;gap:12px;padding:16px;margin:16px}.workflow-step-connector{display:none}.workflow-card{margin:0 16px 16px}.workflow-card-body{padding:20px 16px}.workflow-form-row{flex-direction:column;align-items:flex-start}.workflow-form-label{flex:none;margin-bottom:4px}.workflow-footer{padding:16px}.wf-network-header{flex-direction:column}.wf-network-table-head,.wf-network-table-row{grid-template-columns:1.5fr 1fr 1fr 40px;font-size:.8rem}}.wf-users-table-head{display:grid;grid-template-columns:36px 1fr 1fr 1.4fr 1.2fr 1fr .8fr 70px;padding:12px 16px;background:#0f172a80;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;align-items:center}.wf-users-table-row{display:grid;grid-template-columns:36px 1fr 1fr 1.4fr 1.2fr 1fr .8fr 70px;padding:13px 16px;border-top:1px solid #1e293b;font-size:.85rem;color:#e2e8f0;align-items:center;transition:background .15s}.wf-users-table-row:hover{background:#33415533}.wf-modal-lg{width:760px;max-width:92vw}.wf-user-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.wf-user-tabs{display:flex;gap:0;border-bottom:1px solid #334155;margin-bottom:20px}.wf-user-tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.wf-user-tab:hover{color:#94a3b8}.wf-user-tab.active{color:#60a5fa;border-bottom-color:#2563eb}.wf-user-tab-content{padding:4px 0}.wf-user-form-layout{display:flex;gap:24px;align-items:flex-start}.wf-user-form-fields{flex:1;display:flex;flex-direction:column;gap:14px}.wf-user-avatar-box{flex:0 0 120px}.wf-user-avatar-placeholder{width:120px;height:140px;background:#0f172a;border:1px solid #334155;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#334155;font-size:2.5rem}.wf-user-field{display:flex;flex-direction:column;gap:6px}.wf-user-field-row{display:flex;flex-direction:row;gap:12px;align-items:flex-end}.wf-user-field-row>div{display:flex;flex-direction:column;gap:6px}.wf-user-label{font-size:.82rem;color:#94a3b8;display:flex;align-items:center;gap:6px}.wf-placeholder-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}@media (max-width: 768px){.wf-users-table-head,.wf-users-table-row{grid-template-columns:36px 1fr 1fr 60px;font-size:.78rem}.wf-users-table-head span:nth-child(4),.wf-users-table-head span:nth-child(5),.wf-users-table-head span:nth-child(6),.wf-users-table-row span:nth-child(4),.wf-users-table-row span:nth-child(5),.wf-users-table-row span:nth-child(6){display:none}.wf-user-form-layout,.wf-user-field-row{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;overflow-x:hidden}.nav-sidebar{position:fixed;left:0;top:0;width:80px;height:100vh;background-color:#f8fafc;display:flex;flex-direction:column;align-items:center;padding:15px 0;z-index:1000;border-right:1px solid #e5e7eb}.nav-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;cursor:pointer;padding:8px}.nav-brand-icon{font-size:1.8rem;color:#1a1f36;margin-bottom:2px}.nav-brand-text{font-size:.65rem;color:#64748b;font-weight:500}.nav-menu{display:flex;flex-direction:column;align-items:center;width:100%;flex-grow:1}.nav-item{width:100%;padding:12px 0;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;color:#64748b;background-color:transparent;border-left:3px solid transparent;text-decoration:none}.nav-item:hover{background-color:#f1f5f9;color:#1e40af}.nav-item.active{background-color:#dbeafe;color:#1d4ed8;border-left:3px solid #1d4ed8}.nav-item i{font-size:1.2rem;margin-bottom:4px}.nav-item span{font-size:.65rem;font-weight:500}.nav-item.disabled{opacity:.38;cursor:not-allowed;pointer-events:all;position:relative}.nav-item.disabled:hover{background-color:transparent;color:#64748b}.nav-item-lock{font-size:.5rem!important;margin-bottom:0!important;color:#94a3b8;position:absolute;bottom:6px;right:14px}.main-content{margin-left:80px;min-height:100vh;padding:0;background-color:#fff}.top-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #e5e7eb;background-color:#fff}.header-right{display:flex;align-items:center;gap:12px}.davinci-dropdown{display:flex;align-items:center;padding:8px 14px;background-color:#2563eb;color:#fff;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.davinci-dropdown i{margin-left:8px;font-size:.7rem}.header-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:6px}.header-icon-btn:hover{background-color:#f3f4f6;color:#374151}.header-icon-btn i{font-size:1.1rem}.lockdown-dropdown{display:flex;align-items:center;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;cursor:pointer;margin-right:15px;font-size:.85rem;color:#374151}.lockdown-dropdown i{margin-left:8px;font-size:.7rem}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#374151}.page-content{padding:20px 24px}.page-header{margin-bottom:24px}.page-header h1{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:4px}.page-header p{color:#6b7280;font-size:.875rem}.header-with-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-header-actions{display:flex;align-items:center;gap:10px}.stats-row{display:flex;gap:16px;margin-bottom:24px}.stat-card{flex:1;display:flex;align-items:center;padding:16px 20px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:16px}.stat-icon.blue{background-color:#dbeafe;color:#2563eb}.stat-icon.cyan{background-color:#cffafe;color:#0891b2}.stat-icon.green{background-color:#d1fae5;color:#059669}.stat-icon.red{background-color:#fee2e2;color:#dc2626}.stat-icon i{font-size:1.1rem}.stat-content{text-align:right;flex-grow:1}.stat-value{font-size:1.75rem;font-weight:600;color:#111827;line-height:1}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stat-subtitle{font-size:.75rem;margin-top:4px}.stat-subtitle.green{color:#22c55e}.stat-subtitle.red{color:#ef4444}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.action-left,.action-right{display:flex;align-items:center;gap:12px}.batch-actions{padding:8px 14px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;font-size:.85rem;color:#6b7280;cursor:pointer}.btn-primary{padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{padding:8px 16px;background-color:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background-color:#f9fafb}.btn-add-user{padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.btn-add-user:hover{background-color:#1d4ed8}.search-box{display:flex;align-items:center;gap:8px}.search-box input{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;width:180px;outline:none}.search-box input:focus{border-color:#2563eb}.search-box i{color:#9ca3af}.data-table{width:100%;border-collapse:collapse;background-color:#fff}.data-table thead th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.data-table tbody tr{border-bottom:1px solid #f3f4f6}.data-table tbody tr:hover{background-color:#f9fafb}.data-table tbody td{padding:14px 16px;font-size:.875rem;color:#374151;vertical-align:middle}.employee-cell{display:flex;align-items:center;gap:12px}.employee-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff}.employee-avatar.blue{background-color:#3b82f6}.employee-avatar.cyan{background-color:#06b6d4}.employee-avatar.purple{background-color:#8b5cf6}.employee-avatar.green{background-color:#22c55e}.employee-avatar.orange{background-color:#f97316}.employee-avatar.pink{background-color:#ec4899}.employee-avatar.teal{background-color:#14b8a6}.employee-avatar.gray{background-color:#9ca3af}.employee-avatar.small{width:24px;height:24px;font-size:.6rem}.employee-info{display:flex;flex-direction:column}.employee-name{font-weight:500;color:#111827}.employee-email{font-size:.75rem;color:#9ca3af}.role-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.role-badge.associate{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.role-badge.manager{background-color:#dbeafe;color:#2563eb;border:1px solid #bfdbfe}.role-badge.admin{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}.role-badge.soc{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.on-shift{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.status-badge.off-shift{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.status-badge.available{background-color:#dbeafe;color:#2563eb;border:1px solid #bfdbfe}.status-badge.ready{background-color:#dbeafe;color:#0891b2;border:1px solid #a5f3fc}.status-badge.inactive{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.status-badge.pending{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}.status-badge.device-active,.status-badge.active{background-color:#d1fae5;color:#059669;border:1px solid #a7f3d0}.device-link{color:#2563eb;text-decoration:none;font-weight:500}.device-link:hover{text-decoration:underline}.action-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.action-btn:hover{color:#374151}.tab-navigation{display:flex;gap:0;margin-bottom:20px;background-color:#f3f4f6;border-radius:8px;padding:4px;width:fit-content}.tab-btn{padding:10px 24px;border:none;background-color:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab-btn:hover{color:#374151}.tab-btn.active{background-color:#0d9488;color:#fff}.tab-btn.tab-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;flex-wrap:wrap}.btn-export{padding:8px 16px;background-color:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.btn-export:hover{background-color:#f9fafb}.btn-rapid-checkout{padding:8px 16px;background-color:#0d9488;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.btn-rapid-checkout:hover{background-color:#0f766e}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;cursor:pointer}.btn-icon:hover{background-color:#f9fafb;color:#374151}.home-dashboard{padding:60px 40px;display:flex;justify-content:center}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px}.feature-card{display:flex;align-items:flex-start;gap:20px;padding:20px;border-radius:12px;cursor:pointer;transition:all .2s ease}.feature-card:hover{background-color:#f8fafc}.feature-icon{width:70px;height:70px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.feature-icon.blue{background-color:#2563eb;color:#fff}.feature-icon i{font-size:1.5rem;margin-bottom:4px}.feature-icon span{font-size:.65rem;font-weight:500}.feature-content{flex:1}.feature-content h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:6px}.feature-content p{font-size:.875rem;color:#6b7280;line-height:1.5}.dashboard-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;margin-top:24px}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.chart-card h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:20px}.chart-container{height:280px}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.blue{background-color:#3b82f6}.legend-dot.green{background-color:#22c55e}.legend-dot.red{background-color:#ef4444}.activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.activity-card h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:flex-start;gap:12px}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-dot.blue{background-color:#3b82f6}.activity-dot.green{background-color:#22c55e}.activity-dot.red{background-color:#ef4444}.activity-dot.yellow{background-color:#f59e0b}.activity-content{flex:1}.activity-title{font-weight:500;color:#111827;font-size:.875rem}.activity-meta{font-size:.75rem;color:#9ca3af;margin-top:2px}.activity-meta a{color:#2563eb;text-decoration:none}.activity-time{font-size:.75rem;color:#9ca3af;white-space:nowrap}.alerts-section{margin-top:24px}.alerts-section h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:16px}.alert-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:10px;margin-bottom:12px}.alert-card.critical{background-color:#fef2f2;border:1px solid #fecaca}.alert-card.warning{background-color:#fffbeb;border:1px solid #fde68a}.alert-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-icon.critical{background-color:#fee2e2;color:#dc2626}.alert-icon.warning{background-color:#fef3c7;color:#d97706}.alert-content{flex:1}.alert-title{font-weight:600;font-size:.875rem}.alert-title.critical{color:#dc2626}.alert-title.warning{color:#d97706}.alert-message{font-size:.8rem;color:#374151;margin-top:2px}.alert-meta{font-size:.75rem;color:#9ca3af;margin-top:4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-container{background-color:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000026}.modal-container.modal-lg{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.1rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:1.2rem;color:#9ca3af;cursor:pointer}.modal-close:hover{color:#374151}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;font-weight:500;color:#374151;margin-bottom:6px}.form-label-sm{display:block;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#111827;outline:none}.form-input:focus{border-color:#2563eb}.form-select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#111827;outline:none;background-color:#fff;cursor:pointer}.form-select:focus{border-color:#2563eb}.form-hint{display:block;font-size:.75rem;color:#9ca3af;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#2563eb}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.filter-select{width:auto;min-width:180px}.placeholder-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;text-align:center;max-width:520px;margin:0 auto}.placeholder-card i{font-size:2.5rem;color:#d1d5db;margin-bottom:12px}.placeholder-card h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:8px}.placeholder-card p{font-size:.875rem;color:#6b7280}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dashboard-stats .dash-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:8px;align-items:center}.dashboard-stats .dash-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem}.dashboard-stats .dash-stat-icon.cyan{background:#cffafe;color:#0891b2}.dashboard-stats .dash-stat-icon.green{background:#d1fae5;color:#059669}.dashboard-stats .dash-stat-icon.red{background:#fee2e2;color:#dc2626}.dashboard-stats .dash-stat-icon.teal{background:#ccfbf1;color:#0f766e}.dashboard-stats .dash-stat-content{text-align:right}.dashboard-stats .dash-stat-value{font-size:1.6rem;font-weight:700;color:#111827;line-height:1.1}.dashboard-stats .dash-stat-label{font-size:.7rem;letter-spacing:.5px;color:#6b7280;margin-top:6px;text-transform:uppercase}.dashboard-stats .dash-stat-change,.dashboard-stats .dash-stat-note,.dashboard-stats .dash-stat-warning{grid-column:1 / -1;justify-self:start;font-size:.75rem;white-space:nowrap}.dashboard-stats .dash-stat-change{color:#16a34a;display:inline-flex;align-items:center;gap:6px}.dashboard-stats .dash-stat-note{color:#6b7280}.dashboard-stats .dash-stat-warning{color:#ef4444}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;background-color:#fef2f2}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{outline-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{display:block;color:#dc2626;font-size:.75rem;margin-top:4px}.form-group.has-error label{color:#dc2626}.required-indicator{color:#dc2626;margin-left:2px}.btn-submitting{opacity:.7;cursor:not-allowed;position:relative}.btn-submitting:after{content:"";position:absolute;width:16px;height:16px;top:50%;right:12px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{width:100px;height:36px}.optimistic-item{opacity:.7;position:relative}.optimistic-item:after{content:"Saving...";position:absolute;top:50%;right:16px;transform:translateY(-50%);font-size:.75rem;color:#6b7280}