@import url(https://fonts.googleapis.com/css?family=Lato:400,700&display=swap);.toggle-switch-container{align-items:center;display:flex;gap:12px}.toggle-switch input:checked+.toggle-slider{background-color:#667eea}.toggle-switch:hover input:not(:disabled)+.toggle-slider{background-color:#b3b3b3}.toggle-switch:hover input:checked:not(:disabled)+.toggle-slider{background-color:#5569d7}.toggle-label{color:#333}.directory-autocomplete{position:relative;width:100%}.directory-autocomplete-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.directory-autocomplete-input:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}.directory-autocomplete-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.directory-autocomplete-loading{color:#666;font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.directory-autocomplete-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.directory-autocomplete-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background-color .15s}.directory-autocomplete-item:last-child{border-bottom:none}.directory-autocomplete-item.selected,.directory-autocomplete-item:hover{background-color:#f5f9fc}.directory-user-icon{align-items:center;background-color:#e8f4fd;border-radius:50%;color:#0078d4;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.directory-user-info{flex:1 1;min-width:0}.directory-user-name{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px}.user-disabled-badge{background-color:#ffc107;border-radius:3px;color:#333;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.directory-user-email{color:#666;font-size:13px}.directory-user-email,.directory-user-meta{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-user-meta{color:#999;font-size:12px}.directory-user-source{color:#999;flex-shrink:0;font-size:11px;font-weight:600;text-transform:uppercase}.asset-form-modal-wrapper,.building-form-modal-wrapper{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;max-height:85vh;max-width:95vw;min-width:700px;overflow-y:auto;width:auto}@media (max-width:768px){.asset-form-modal-wrapper,.building-form-modal-wrapper{border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-width:0!important;min-width:auto!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.asset-form-enhanced .form-container{flex-direction:column!important}.asset-form-enhanced .tab-sidebar{border-bottom:1px solid #e0e0e0;border-right:none!important;display:none!important;padding:15px!important;width:100%!important}.asset-form-enhanced .form-content{flex:initial!important;max-height:none!important;overflow-y:visible!important;overflow-y:initial!important;padding:15px!important}.asset-form-enhanced .form-section{border-bottom:1px solid #e0e0e0;display:block!important;margin-bottom:30px;padding-bottom:20px}.asset-form-enhanced .form-section:last-child{border-bottom:none}}.asset-detail{background:#f5f5f5;min-height:100vh;padding:20px}.detail-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.detail-actions{display:flex;gap:10px}.detail-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:30px}.detail-title{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.detail-title h1{color:#333;font-size:28px;margin:0}.detail-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.detail-section{background:#f8f9fa;border-radius:8px;padding:20px}.detail-section h3{border-bottom:2px solid #e0e0e0;margin:0 0 15px;padding-bottom:10px}.detail-section.full-width{grid-column:1/-1}.detail-field{border-bottom:1px solid #e9ecef;display:flex;padding:8px 0}.detail-field:last-child{border-bottom:none}.detail-field label{color:#666;font-size:14px;font-weight:600;margin-right:15px;min-width:140px}.detail-field span{color:#333;flex:1 1;font-size:14px}.detail-field p{color:#333;font-size:14px;line-height:1.6;margin:0}.status-badge,.type-badge{font-size:13px;padding:6px 16px}@media (max-width:768px){.asset-detail{padding:10px}.detail-header{align-items:stretch;flex-direction:column;gap:10px;padding:10px}.detail-header .back-button{margin-bottom:10px;width:100%}.detail-actions{display:flex;flex-direction:column;gap:10px;width:100%}.detail-actions button{width:100%}.detail-content{padding:15px}.detail-title{flex-direction:column!important;gap:15px}.detail-title img{align-self:center;height:100px!important;width:100px!important}.detail-grid{gap:15px;grid-template-columns:1fr}.detail-section{padding:15px}.detail-field{flex-direction:column;padding:8px 0}.detail-field label{font-weight:600;margin-bottom:5px}.detail-field span{word-break:break-word}.status-badge,.type-badge{font-size:12px;padding:4px 8px}.history-table{font-size:12px}.history-table td,.history-table th{padding:5px}.history-table td:nth-child(3),.history-table th:nth-child(3){display:none}}.dashboard{background:#f5f5f5;padding:20px}.resource-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.resource-card{border-radius:10px;box-shadow:0 2px 10px #00000014}.resource-card:hover{box-shadow:0 4px 20px #0000001f}.resource-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:15px}.resource-card-header h3{color:#333;flex:1 1;font-size:16px;margin:0}.resource-card-body{flex:1 1;padding:15px}.resource-description{line-height:1.5}.resource-card-image{align-items:center;display:flex;flex:1 1;justify-content:center;padding:15px}.resource-card-image img{max-height:150px;max-width:100%;object-fit:contain}.resource-card-footer{border-top:1px solid #f0f0f0;padding:15px}.resource-link-btn{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:14px;padding:10px;text-align:center;text-decoration:none;transition:background .2s;width:100%}.resource-link-btn:hover{background:#5a67d8}.chart-list-scroll::-webkit-scrollbar{width:8px}.chart-list-scroll::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.chart-list-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.chart-list-scroll::-webkit-scrollbar-thumb:hover{background:#999}.dashboard-header{margin-bottom:30px}.dashboard-header h2{color:#333;font-size:28px;margin:0 0 20px}.header-stats{margin-bottom:30px}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;flex:1 1;padding:20px 30px}.stat-value{color:#667eea;font-size:36px;font-weight:700;margin-bottom:5px}.stat-label{letter-spacing:.5px;text-transform:uppercase}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:20px}.chart-card h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:18px;margin:0 0 20px;padding-bottom:10px}.chart-container{height:250px;margin-bottom:20px}.chart-container,.pie-chart-container{align-items:center;display:flex;justify-content:center;position:relative}.pie-chart,.pie-chart-container{height:100%;width:100%}.pie-chart{max-width:250px}.pie-slice{cursor:pointer;transition:all .2s}.pie-slice:hover{filter:brightness(1.1);opacity:.8;transform-origin:center}.empty-chart{color:#999;font-size:14px}.chart-legend{display:flex;flex-direction:column;gap:8px}.legend-item{border-radius:4px;font-size:14px;padding:4px 8px;transition:background .2s}.legend-item:hover{background:#f0f0f0}.legend-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.legend-label{color:#333;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-value{color:#667eea;font-weight:600}.recent-assets{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:20px}.recent-assets h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:18px;margin:0 0 20px;padding-bottom:10px}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{align-items:center;background:#f8f9fa;border:1px solid #0000;border-radius:8px;display:flex;padding:12px;transition:all .2s ease}.recent-item:hover{background:#e9ecef;border-color:#dee2e6;box-shadow:0 2px 4px #0000000d;transform:translateX(4px)}.recent-name{color:#333;flex:1 1;font-weight:500}.recent-type{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:12px;margin:0 10px;padding:4px 12px}.recent-date{color:#666;font-size:13px}.drill-down-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;display:flex;gap:20px;margin-bottom:20px;padding:20px}.back-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#333;font-weight:500;padding:10px 20px;transition:all .2s}.back-button:hover{background:#e9ecef;transform:translateX(-2px)}.drill-down-header h2{color:#333;font-size:24px;margin:0}.chart-tooltip{background:#000c;border-radius:6px;bottom:10px;color:#fff;font-size:13px;left:50%;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}@media (max-width:768px){.header-stats{flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.chart-container{height:200px}}.spreadsheet-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.spreadsheet-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:95vw;width:100%}.spreadsheet-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.spreadsheet-header h2{color:#333;font-size:20px;margin:0}.spreadsheet-actions{align-items:center;display:flex;gap:10px}.changes-indicator{background:#fff3cd;border-radius:4px;color:#856404;font-size:14px;font-weight:500;padding:5px 10px}.spreadsheet-body{flex:1 1;overflow:auto;padding:0}.spreadsheet-table{border-collapse:collapse;font-size:14px;width:100%}.spreadsheet-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.spreadsheet-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;border-right:1px solid #e9ecef;color:#495057;font-weight:600;padding:12px 8px;text-align:left}.spreadsheet-table tbody tr{border-bottom:1px solid #e9ecef}.spreadsheet-table tbody tr:hover{background:#f8f9fa}.spreadsheet-table td{border-right:1px solid #f5f5f5;padding:4px;vertical-align:middle}.cell-input,.cell-select{background:#0000;border:1px solid #0000;font-family:inherit;font-size:13px;padding:6px 8px;transition:all .2s;width:100%}.cell-input:hover,.cell-select:hover{background:#f8f9fa;border-color:#dee2e6}.cell-input:focus,.cell-select:focus{background:#fff;border-color:#0078d4;box-shadow:0 0 0 2px #0078d41a;outline:none}.cell-input.edited,.cell-select.edited{background:#fff3cd!important;border-color:#ffc107}.spreadsheet-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;padding:15px 20px}.help-text{color:#6c757d}.btn{gap:5px}.btn-success{background:#28a745}.btn-success:hover:not(:disabled){background:#218838}@media (max-width:768px){.spreadsheet-modal{border-radius:0;height:100vh;max-width:100vw}.spreadsheet-footer,.spreadsheet-header{border-radius:0}.spreadsheet-table{font-size:12px}.cell-input,.cell-select{font-size:12px;padding:4px 6px}}.column-selector-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.column-selector-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.column-selector-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.column-selector-header h3{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.close-btn{align-items:center;color:#666;display:flex;padding:4px;transition:color .2s}.close-btn:hover{color:#333}.column-selector-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.column-tabs{background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex}.column-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-weight:500;padding:12px;transition:all .2s}.column-tabs .tab:hover{background:#ebebeb}.column-tabs .tab.active{background:#fff;border-bottom-color:#0078d4;color:#0078d4}.column-selector-controls{border-bottom:1px solid #e0e0e0;padding:15px 20px}.column-search{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:10px;padding:8px 12px;width:100%}.quick-actions{display:flex;gap:15px}.btn-link{color:#0078d4}.btn-link:hover{color:#005a9e}.column-selector-list{flex:1 1;overflow-y:auto;padding:20px}.column-category{margin-bottom:20px}.column-category h4{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin:0 0 10px}.category-count{color:#666;font-size:12px;font-weight:400}.column-items{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.column-item label{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:6px 8px;transition:background .2s}.column-item label:hover{background:#f5f5f5}.column-item input[type=checkbox]{margin-right:8px}.column-label{align-items:center;display:flex;flex:1 1;font-size:14px;gap:6px}.default-badge,.required-badge{border-radius:3px;font-size:11px;font-weight:500;padding:2px 6px}.default-badge{background:#e8f4fd;color:#0078d4}.required-badge{background:#ffe4e4;color:#d83b01}.required-column{opacity:.7}.no-results{color:#666;font-style:italic;padding:20px;text-align:center}.column-order-list{flex:1 1;overflow-y:auto;padding:20px}.order-help{background:#f5f5f5;border-radius:4px;color:#666;font-size:14px;margin-bottom:20px;padding:10px}.order-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:move;display:flex;gap:12px;margin-bottom:8px;padding:10px 12px;transition:all .2s}.order-item:hover:not(.fixed){background:#f5f5f5;box-shadow:0 2px 4px #0000001a}.order-item.dragging{opacity:.5}.order-item.fixed{background:#fafafa;cursor:not-allowed;opacity:.8}.order-handle{align-items:center;color:#666;display:flex}.order-number{color:#666;font-size:12px;font-weight:500;text-align:center;width:30px}.order-label{flex:1 1;font-size:14px}.fixed-badge{background:#f0f0f0;border-radius:3px;color:#666;font-size:11px;padding:2px 6px}.column-selector-footer{align-items:center;background:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.column-count{color:#666;font-size:14px}.column-selector-actions{display:flex;gap:10px}.btn{border-radius:4px;display:flex;gap:6px;padding:8px 16px}.btn-secondary:hover{background:#f5f5f5}.btn-primary:hover{background:#005a9e}@media (max-width:640px){.column-selector-content{max-height:90vh;width:95%}.column-items{grid-template-columns:1fr}.quick-actions{justify-content:space-around}}.inventory-tabs{display:flex;flex-direction:column;height:100%}.asset-form-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:85vh;max-width:900px;overflow-y:auto;width:90vw}.asset-form-modal{padding:0}.asset-form input[type=date].placeholder-visible{color:#b0b0b0}.asset-form input[type=date]:not(.placeholder-visible){color:#333}.asset-form input[type=date]:not([value]):not(:focus):before,.asset-form input[type=date][value=""]:not(:focus):before{color:#b0b0b0;content:attr(placeholder);font-style:italic}.asset-form input[type=date]::-webkit-datetime-edit-day-field,.asset-form input[type=date]::-webkit-datetime-edit-month-field,.asset-form input[type=date]::-webkit-datetime-edit-text,.asset-form input[type=date]::-webkit-datetime-edit-year-field{color:#333}.asset-form input[type=date]:invalid::-webkit-datetime-edit-day-field,.asset-form input[type=date]:invalid::-webkit-datetime-edit-month-field,.asset-form input[type=date]:invalid::-webkit-datetime-edit-text,.asset-form input[type=date]:invalid::-webkit-datetime-edit-year-field{color:#b0b0b0}.asset-form input::placeholder,.asset-form select::placeholder,.asset-form textarea::placeholder,.buildings-container input::placeholder,.buildings-container textarea::placeholder,.departments-container input::placeholder,.departments-container textarea::placeholder{color:#b0b0b0;font-style:italic;opacity:.7}.asset-form input::-webkit-input-placeholder,.asset-form textarea::-webkit-input-placeholder,.buildings-container input::-webkit-input-placeholder,.buildings-container textarea::-webkit-input-placeholder,.departments-container input::-webkit-input-placeholder,.departments-container textarea::-webkit-input-placeholder{color:#b0b0b0;font-style:italic;opacity:.7}.asset-form input::-moz-placeholder,.asset-form textarea::-moz-placeholder,.buildings-container input::-moz-placeholder,.buildings-container textarea::-moz-placeholder,.departments-container input::-moz-placeholder,.departments-container textarea::-moz-placeholder{color:#b0b0b0;font-style:italic;opacity:.7}.tab-header{background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between}.tab-navigation{display:flex;gap:0;max-height:60px;overflow-y:hidden;padding:0 20px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-2px;padding:15px 25px;position:relative;transition:all .2s}.tab-button .tab-icon{margin-right:5px}.tab-button .tab-text{display:inline}.tab-button:hover{background:#f8f9fa;color:#333}.tab-button.active{background:#f8f9fa;border-bottom-color:#667eea;color:#667eea}.tab-content{background:#f5f5f5;flex:1 1;overflow:auto}.asset-list{padding:20px}.asset-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.asset-header h2{color:#333;margin:0}.header-actions{gap:10px}.asset-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.search-box{min-width:250px}.search-input{padding:10px 15px}.search-input::placeholder{color:#999;opacity:1}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filters{gap:10px}.filter-select{padding:10px 15px}.filter-select:focus{border-color:#667eea}.asset-stats{color:#666;font-size:14px}.asset-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.asset-table{border-collapse:collapse;width:100%}.asset-table thead{background:#f8f9fa}.asset-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:15px;text-align:left}.asset-table td{border-bottom:1px solid #dee2e6;font-size:14px;padding:15px}.asset-table tbody tr:hover{background:#f8f9fa}.asset-table tbody tr:last-child td{border-bottom:none}.asset-name{color:#333;font-weight:500}.status-badge,.type-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.type-badge{background:#e3f2fd;color:#1976d2}.type-building-access---security{background:#ffebee;color:#c62828}.type-desktop{background:#f3e5f5;color:#7b1fa2}.type-laptop{background:#e3f2fd;color:#1976d2}.type-misc--parts{background:#eceff1;color:#455a64}.type-mobile-devices{background:#e1f5fe;color:#0277bd}.type-network{background:#fff3e0;color:#f57c00}.type-office-equipment{background:#fce4ec;color:#c2185b}.type-other-it-equipment{background:#f5f5f5;color:#616161}.type-server{background:#e8f5e9;color:#388e3c}.type-storage{background:#e0f7fa;color:#00796b}.type-telephony---conferencing{background:#e0f2f1;color:#00796b}.type-other{background:#eceff1;color:#455a64}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#fafafa;color:#757575}.status-maintenance{background:#fff3e0;color:#f57c00}.status-retired{background:#ffebee;color:#c62828}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#333}.btn-secondary:hover{background:#e9ecef}.btn-danger:hover{background:#c82333}.actions{display:flex;gap:8px}.empty-state{border-radius:10px;box-shadow:0 2px 10px #0000001a}.empty-state h3{margin-bottom:10px}.empty-state p{margin-bottom:30px}.error,.loading{font-size:16px;padding:40px;text-align:center}.error{color:#dc3545}.asset-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px}.form-header{border-bottom:1px solid #dee2e6;padding:20px 30px}.form-header h2{color:#333;margin:0}.form-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:30px}.form-section{display:flex;flex-direction:column;gap:20px}.form-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:16px;margin-bottom:10px;padding-bottom:10px}.form-section.full-width{grid-column:1/-1}.form-group{gap:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{font-family:inherit}.form-actions{background:#f8f9fa;border-top:1px solid #dee2e6;padding:20px 30px}@media (max-width:768px){.tab-button .tab-text{display:none}.tab-button{font-size:18px;padding:12px 15px}.tab-button .tab-icon{display:inline-block;margin-right:0}.asset-list{padding:10px}.asset-header{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:20px}.header-actions{flex-direction:column;width:100%}.header-actions button{justify-content:center;width:100%}.asset-controls{align-items:stretch;flex-direction:column}.search-box{min-width:0;min-width:auto;width:100%}.filters{flex-direction:column}.filter-select{width:100%}.asset-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.asset-table{min-width:800px}.actions{gap:4px}.actions .btn-sm{font-size:12px;min-height:36px;min-width:44px;padding:8px 10px}.form-grid{grid-template-columns:1fr;padding:20px}}@media (max-width:480px){.tab-navigation{padding:0 10px}.tab-button{font-size:16px;padding:10px 12px}.asset-list{padding:5px}.asset-table-container{border-radius:5px}.asset-table td,.asset-table th{font-size:12px;padding:10px}.asset-table td:nth-child(7),.asset-table td:nth-child(8),.asset-table th:nth-child(7),.asset-table th:nth-child(8){display:none}.asset-table{min-width:600px}.btn{font-size:13px;padding:8px 15px}.empty-state{padding:40px 15px}.form-grid{gap:20px;padding:15px}.form-section h3{font-size:14px}.asset-stats{font-size:12px;margin-top:10px;text-align:center}}.import-excel-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-overlay{position:absolute}.modal-content{background:#fff;border-radius:10px;box-shadow:0 5px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.modal-header{border-bottom:1px solid #dee2e6;padding:20px 30px}.modal-header h2{color:#333}.close-button{color:#999;height:30px;width:30px}.close-button:hover{color:#333}.modal-body{padding:30px}.import-section{margin-bottom:30px}.import-section h3{color:#333;font-size:16px;margin-bottom:15px}.tenant-select{font-size:14px;padding:10px 12px}.tenant-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.help-text{color:#666;font-size:13px;margin-top:8px}.file-input{display:none}.file-label{border:2px dashed #ddd;border-radius:6px;color:#666;cursor:pointer;display:block;padding:12px 20px;text-align:center;transition:all .2s}.file-label:hover{background:#f8f9fa;border-color:#667eea;color:#333}.import-info{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:20px}.import-info h4{color:#333;font-size:14px;margin-bottom:12px}.import-info ul{margin:0;padding-left:20px}.import-info li{margin-bottom:6px}.import-info li,.note{color:#666;font-size:13px}.note{font-style:italic;margin-top:12px}.error-message{color:#c00;padding:12px 15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.import-results{text-align:center}.import-results h3{color:#2e7d32;margin-bottom:20px}.results-summary{background:#f8f9fa;padding:20px}.results-summary p{color:#333;font-size:14px;margin:5px 0}.results-details{margin-bottom:20px}.result-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 20px}.result-label{color:#333;font-weight:500}.result-count{background:#e8f5e9;border-radius:20px;color:#2e7d32;font-size:14px;font-weight:500;padding:4px 12px}.result-errors{color:#f57c00;font-size:13px;margin-left:10px}.import-errors{background:#fee;border:1px solid #fcc;border-radius:6px;margin-top:20px;padding:15px;text-align:left}.import-errors h4{color:#c00;font-size:14px;margin-bottom:10px}.import-errors ul{margin:0;padding-left:20px}.import-errors li{color:#900;font-size:13px;margin-bottom:5px}.grouped-views{background:#f8f9fa;min-height:100vh;padding:20px}.grouped-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.header-top{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.header-top h2{color:#333;font-size:24px;margin:0}.header-stats{color:#666;display:flex;font-size:14px;gap:20px}.header-stats span{background:#f0f4ff;border-radius:4px;padding:5px 10px}.grouped-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.control-group{align-items:center;display:flex;gap:10px}.control-group label{color:#666;font-size:14px;font-weight:500}.group-selector{background:#fff;cursor:pointer;font-size:14px;min-width:180px;padding:6px 12px}.group-selector,.view-toggles{border:1px solid #ddd;border-radius:4px}.view-toggles{display:flex;gap:0;overflow:hidden}.view-btn{background:#fff;border:none;cursor:pointer;font-size:14px;padding:6px 16px;transition:all .2s}.view-btn:not(:last-child){border-right:1px solid #ddd}.view-btn:hover{background:#f8f9fa}.view-btn.active{background:#667eea;color:#fff}.search-input{padding:6px 12px;width:200px}.btn-link{color:#667eea;text-decoration:underline}.btn-link:hover{color:#5a67d8}.groups-container{display:flex;flex-direction:column;gap:12px}.group-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:transform .2s}.group-section:hover{box-shadow:0 2px 6px #00000026}.group-header{align-items:center;background:linear-gradient(90deg,#f8f9fa,#fff);border-left:4px solid #667eea;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:all .2s}.group-header:hover{background:linear-gradient(90deg,#f0f4ff,#fff)}.group-title{align-items:center;display:flex;gap:12px}.group-icon{font-size:20px}.group-name{color:#333;font-size:16px;font-weight:600}.group-count{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px}.group-meta{align-items:center;display:flex;gap:15px}.group-value{color:#666;font-size:14px;font-weight:500}.expand-icon{align-items:center;background:#667eea1a;border-radius:6px;color:#667eea;display:inline-flex;font-size:20px;font-weight:700;height:28px;justify-content:center;line-height:1;transition:transform .2s ease,color .2s ease,background-color .2s ease;width:28px}.group-header:hover .expand-icon{background:#667eea33;color:#5a67d8}.group-content{background:#fafbfc;border-top:1px solid #e0e0e0;padding:20px}.asset-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.asset-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;padding:15px;transition:all .2s}.asset-card:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a;transform:translateY(-2px)}.asset-card .card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.asset-card strong{color:#333;flex:1 1;font-size:14px}.card-details{display:flex;flex-direction:column;gap:6px}.detail-row{font-size:13px}.detail-row .label{color:#999;font-weight:500}.detail-row .value{color:#333;flex:1 1;margin-left:10px;text-align:right}.compact-table{border-collapse:collapse;font-size:14px;width:100%}.compact-table thead{background:#f8f9fa}.compact-table th{border-bottom:2px solid #e0e0e0;color:#666;font-weight:600;padding:10px;text-align:left}.compact-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.compact-table tbody tr:hover{background:#f8f9fa}.compact-table td{color:#333;padding:10px}.clickable-row{cursor:pointer}.status-badge{font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.status-inactive{background:#f8d7da;color:#721c24}.status-badge.status-maintenance{background:#fff3cd;color:#856404}.status-badge.status-disposed{background:#d6d8db;color:#383d41}@media (max-width:768px){.control-group,.grouped-controls{align-items:stretch;flex-direction:column}.search-input{width:100%}.asset-cards{grid-template-columns:1fr}}.resource-configuration{background:#f5f6fa;min-height:400px;position:relative}.config-header{align-items:center;background:#fff;border-bottom:2px solid #e9ecef;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.config-header h3{color:#333;font-size:20px;margin:0}.config-actions{align-items:center;gap:10px}.config-message{background:#d4edda;border-radius:4px;color:#155724;font-size:14px;padding:8px 15px}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.resources-list{display:flex;flex-direction:column;gap:15px;padding:25px 20px 20px}.resource-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;transition:all .2s}.resource-item.enabled{box-shadow:0 2px 8px #0000001f}.resource-item.disabled{opacity:.8}.resource-main{align-items:center;display:flex;gap:15px;padding:15px}.resource-toggle{flex-shrink:0}.toggle-switch{width:50px}.toggle-slider,.toggle-slider:before{transition:.4s}input:checked+.toggle-slider{background-color:#28a745}input:checked+.toggle-slider:before{transform:translateX(26px)}.resource-info{align-items:center;display:flex;flex-grow:1;gap:12px}.resource-icon{background:#f8f9fa;border-radius:6px;height:40px;object-fit:contain;padding:5px;width:40px}.resource-info h4{color:#333;font-size:16px;margin:0 0 4px}.resource-desc{color:#666;font-size:13px;margin:0}.btn-save-individual{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:all .2s}.btn-save-individual:hover:not(:disabled){background:#218838}.btn-save-individual:disabled{cursor:not-allowed;opacity:.6}.resource-config{border-top:1px solid #e9ecef;padding:0 15px 15px}.config-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.config-field{display:flex;flex-direction:column;gap:5px}.config-field label{align-items:center;color:#666;display:flex;font-size:13px;font-weight:500;gap:5px}.config-field input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s}.config-field input:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a;outline:none}.config-field input::placeholder{color:#999;opacity:1}.config-field input::-webkit-input-placeholder{color:#999;opacity:1}.config-field input::-moz-placeholder{color:#999;opacity:1}.config-help{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:8px 12px}.config-help small{color:#666;display:block;font-size:12px}.file-input-group{align-items:center;display:flex;gap:8px}.file-input-group input[type=text]{flex:1 1}.file-input-group .btn-icon{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s}.file-input-group .btn-icon:hover{background:#f8f9fa;border-color:#adb5bd}.file-input-group .btn-icon:disabled{cursor:not-allowed;opacity:.5}.file-picker{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;margin-top:5px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.file-picker-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:10px 15px}.file-picker-header span{color:#495057;font-size:13px;font-weight:600}.file-picker-header button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:20px;height:20px;line-height:1;padding:0;width:20px}.file-picker-header button:hover{color:#343a40}.file-list{flex:1 1;overflow-y:auto;padding:5px}.file-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;margin:2px 0;padding:8px 10px;transition:background .2s}.file-item:hover{background:#f8f9fa}.file-item svg{color:#6c757d;flex-shrink:0}.file-item span{font-size:13px}.file-item span:first-of-type{color:#212529;flex:1 1}.file-item .file-size{color:#6c757d;font-size:11px}.no-files{color:#6c757d;font-size:13px;padding:20px;text-align:center}.config-field{position:relative}.audit-log-container{background:#f5f5f5;min-height:100vh;padding:20px}.audit-log-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.audit-log-header h2{color:#333;flex:1 1;margin:0;text-align:center}.back-button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.back-button:hover{background:#5a67d8}.audit-log-stats{color:#666;font-size:14px}.audit-log-filters{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px}.filter-group{align-items:center}.filter-group label{color:#666;font-weight:500}.search-input{width:300px}.filter-group input[type=date],.filter-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.clear-filters-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:auto;padding:8px 16px;transition:background-color .2s}.clear-filters-btn:hover{background:#dc2626}.audit-log-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.audit-log-table{border-collapse:collapse;width:100%}.audit-log-table thead{background:#f8f9fa;border-bottom:2px solid #e5e7eb}.audit-log-table th{color:#4b5563;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.audit-log-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.audit-log-table th.sortable:hover{background:#e5e7eb}.audit-log-table tbody tr{border-bottom:1px solid #e5e7eb;cursor:pointer;position:relative;transition:background-color .1s}.audit-log-table tbody tr:hover{background:#f9fafb}@media (min-width:481px){.audit-log-table tbody tr:after{color:#667eea;content:"›";font-size:18px;font-weight:700;line-height:1;opacity:0;position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform .2s ease,color .2s ease,opacity .2s ease}.audit-log-table tbody tr:hover:after{opacity:1}.audit-log-table tbody tr.expanded:after{opacity:1;transform:translateY(-50%) rotate(90deg)}.audit-row.collapsed .detail-expanded,.audit-row.expanded .detail-properties:not(.detail-expanded .detail-properties){display:none}}.audit-log-table td{color:#374151;font-size:14px;padding:12px 16px}.timestamp-cell{color:#6b7280;white-space:nowrap}.action-cell .action-badge{font-size:12px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.entity-info{display:flex;flex-direction:column;gap:2px}.entity-name{color:#111827;font-weight:500}.entity-type{color:#9ca3af;font-size:12px}.details-info{color:#6b7280;font-size:13px}.detail-properties{display:flex;flex-wrap:wrap;gap:12px}.detail-prop{color:#4b5563;font-family:Courier New,monospace;font-size:13px}.detail-expanded .detail-properties{flex-direction:column;gap:6px}.detail-expanded .detail-prop{background:#f9fafb;border-left:3px solid #667eea;border-radius:2px;padding:4px 8px}.detail-changes,.detail-reason{margin-top:8px}.detail-tag{background:#f3f4f6;border-radius:4px;display:inline-block;font-size:11px;margin-top:4px;padding:2px 6px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{align-items:center;color:#374151;display:flex;font-weight:500;gap:6px}.ai-assisted-icon{cursor:help;font-size:14px;opacity:.8}.user-email{color:#9ca3af;font-size:12px}.module-cell{color:#6b7280;text-transform:capitalize}.changes-summary{color:#6b7280;font-size:13px}.changed-fields{color:#9ca3af;font-size:11px;font-style:italic;margin-top:2px}.change-reason{color:#6b7280;font-size:12px;font-style:italic;margin-top:4px}.no-data{color:#9ca3af;font-style:italic;padding:40px!important;text-align:center}.audit-log-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:12px;justify-content:center;margin-top:20px;padding:16px}.page-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.page-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.page-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.page-info{background:#f3f4f6;border-radius:4px;color:#374151;font-size:14px;font-weight:500;padding:8px 16px}.audit-log-loading{color:#6b7280}.audit-log-error,.audit-log-loading{align-items:center;display:flex;font-size:16px;justify-content:center;min-height:400px}.audit-log-error{background:#fee2e2;border-radius:8px;color:#ef4444;margin:20px}.audit-row.action-delete{background:#fef2f2}.audit-row.action-delete:hover{background:#fee2e2}.audit-row.action-create{background:#f0fdf4}.audit-row.action-create:hover{background:#dcfce7}@media (max-width:1024px){.audit-log-filters{align-items:stretch;flex-direction:column}.filter-group,.search-input{width:100%}.clear-filters-btn{margin-left:0;margin-top:8px}.audit-log-table{font-size:12px}.audit-log-table td,.audit-log-table th{padding:8px}}@media (max-width:480px){.audit-log-container{padding:10px}.audit-log-header{flex-direction:column;gap:10px;padding:15px}.audit-log-header h2{font-size:18px;order:2}.back-button{align-self:flex-start;font-size:13px;order:1;padding:6px 12px}.audit-log-stats{font-size:12px;order:3;text-align:center}.audit-log-table-wrapper{background:#0000;box-shadow:none}.audit-log-table thead{display:none!important}.audit-log-table{display:block;width:100%}.audit-log-table tbody{display:block}.audit-log-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:block;margin-bottom:10px;padding:12px;position:relative;transition:all .2s ease}.audit-log-table tbody tr.collapsed{cursor:pointer;padding:8px 12px}.audit-log-table tbody tr.collapsed:hover{background:#f9fafb;box-shadow:0 4px 6px #00000014}.audit-log-table tbody tr.collapsed:after,.audit-log-table tbody tr.expanded:after{align-items:center;background:#667eea1a;border-radius:6px;color:#667eea;content:"›";display:flex;font-size:24px;font-weight:700;height:28px;justify-content:center;line-height:1;position:absolute;right:8px;top:50%;transform-origin:center;transition:transform .2s ease,color .2s ease,background-color .2s ease;width:28px}.audit-log-table tbody tr.collapsed:after{transform:translateY(-50%) rotate(0deg)}.audit-log-table tbody tr.expanded:after{background:#667eea26;transform:translateY(-50%) rotate(90deg)}.audit-log-table tbody tr:hover:after{background:#667eea33;color:#5a67d8}.audit-log-table tbody tr.collapsed td{display:none!important}.audit-log-table tbody tr.collapsed td.mobile-summary{display:inline-block!important;padding:4px 8px!important;vertical-align:middle}.audit-log-table tbody tr.collapsed td.mobile-summary:before{display:none!important}.audit-log-table tbody tr.collapsed .timestamp-cell{border:none!important;color:#6b7280;font-size:11px!important;margin-left:auto!important;margin-right:40px!important;order:3;padding:0!important;white-space:nowrap}.audit-log-table tbody tr.collapsed .timestamp-full{display:none}.audit-log-table tbody tr.collapsed .timestamp-short,.audit-log-table tbody tr.expanded .timestamp-full{display:inline}.audit-log-table tbody tr.expanded .timestamp-short{display:none}.audit-log-table tbody tr.collapsed .action-cell{order:1;padding:0!important}.audit-log-table tbody tr.collapsed .action-badge{font-size:10px!important;padding:2px 6px!important}.audit-log-table tbody tr.collapsed .action-type-text{display:none}.audit-log-table tbody tr.collapsed .entity-cell{flex:1 1;order:2;padding:0 8px!important}.audit-log-table tbody tr.collapsed .entity-name{font-size:13px;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-log-table tbody tr.collapsed .entity-type{display:none}.audit-log-table tbody tr.collapsed{align-items:center;display:flex!important;gap:8px;padding-right:45px!important}.audit-log-table tbody tr.expanded td{border:none!important;display:block!important;padding:4px 0!important;position:relative;text-align:left}.audit-log-table tbody tr.expanded td:before{color:#6b7280;content:attr(data-label);display:block;font-size:11px;font-weight:600;letter-spacing:.025em;margin-bottom:2px;text-transform:uppercase}.audit-log-table .action-cell:before{content:none!important}.audit-log-table .action-badge{border-radius:4px;font-size:11px;padding:3px 8px}.audit-log-table .timestamp-cell{border-bottom:1px solid #f3f4f6;color:#9ca3af;font-size:11px!important;margin-bottom:8px;order:-1;padding-bottom:8px!important}.audit-log-table .timestamp-cell:before{content:none!important}.audit-log-table .entity-info{margin:8px 0}.audit-log-table .entity-name{font-size:14px;font-weight:600}.audit-log-table .entity-type{background:#e3f2fd;border-radius:4px;color:#1976d2;display:inline-block;font-size:10px;margin-left:6px;padding:2px 6px}.audit-log-table .user-info{font-size:12px}.audit-log-table .user-email{display:none}.audit-log-table .changes-summary{background:#f9fafb;border-radius:4px;font-size:12px;margin-top:4px;padding:6px}.audit-log-table .changed-fields{font-size:10px}.audit-log-filters{gap:10px;padding:12px}.filter-group label{font-size:12px}.filter-group input[type=date],.filter-group select{font-size:13px;padding:6px 10px}.audit-log-pagination{flex-wrap:wrap;gap:8px;padding:12px}.page-btn,.page-info{font-size:13px;padding:6px 12px}.page-info{text-align:center;width:100%}.no-data{font-size:14px;padding:30px!important}.audit-log-error,.audit-log-loading{font-size:14px;min-height:200px}.audit-log-error{margin:10px}}.reorder-modal{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90vw}.reorder-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.reorder-modal-header h2{color:#333;font-size:20px;margin:0}.reorder-modal-header .close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.reorder-modal-header .close-button:hover:not(:disabled){color:#333}.reorder-instructions{background:#f5f7fa;border-bottom:1px solid #e0e0e0;padding:15px 20px}.reorder-instructions p{color:#666;font-size:14px;margin:0}.reorder-list{flex:1 1;max-height:50vh;overflow-y:auto;padding:10px}.reorder-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:move;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;-webkit-user-select:none;user-select:none}.reorder-item:hover{background:#f8f9fa;border-color:#667eea}.reorder-item.drag-over{background:#f0f4ff;border-color:#667eea;transform:scale(1.02)}.drag-handle{align-items:center;color:#999;cursor:grab;display:flex}.drag-handle:active{cursor:grabbing}.item-order{background:#667eea;border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:30px;justify-content:center;width:30px}.item-content,.item-order{align-items:center;display:flex}.item-content{flex:1 1;gap:12px;min-width:0}.item-logo{background:#f5f5f5;border-radius:4px;height:32px;object-fit:contain;padding:4px;width:32px}.item-info{flex:1 1;min-width:0}.item-name{color:#333;font-weight:500}.item-id,.item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-id{color:#999;font-size:12px}.item-actions{display:flex;gap:4px}.move-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.move-button:hover:not(:disabled){background:#f0f4ff;border-color:#667eea;color:#667eea}.move-button:disabled{cursor:not-allowed;opacity:.3}.reorder-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.cancel-button,.save-button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.save-button{background:#667eea;border:none;color:#fff}.save-button:hover:not(:disabled){background:#5569d7}.save-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:#fff;border:1px solid #e0e0e0;color:#666}.cancel-button:hover:not(:disabled){background:#f5f5f5}@media (max-width:600px){.reorder-modal{max-height:90vh;width:95vw}.reorder-item{padding:10px}.item-logo{height:28px;width:28px}.drag-handle{display:none}}.resource-definition-manager{background:#f5f6fa;min-height:100vh;padding:20px}.manager-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.manager-header h2{color:#333;font-size:24px;margin:0}.manager-actions{align-items:center;display:flex;gap:10px}.manager-message{background:#d4edda;border-radius:4px;color:#155724;font-size:14px;padding:8px 15px}.resource-manager-loading{color:#666;padding:40px;text-align:center}.definition-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.definition-form{background:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.form-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.form-header h3{color:#333;margin:0}.definition-close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background .2s}.definition-close-button:hover{background:#f0f0f0}.definition-close-button svg{stroke:currentColor;height:20px;width:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full-width{grid-column:span 2}.form-field label{color:#333;font-size:14px;font-weight:500}.form-field input[type=number],.form-field input[type=text],.form-field input[type=url],.form-field select,.form-field textarea{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a;outline:none}.form-field input::placeholder,.form-field textarea::placeholder{color:#999;opacity:1}.form-field input::-webkit-input-placeholder,.form-field textarea::-webkit-input-placeholder{color:#999;opacity:1}.form-field input::-moz-placeholder,.form-field textarea::-moz-placeholder{color:#999;opacity:1}.form-field small{color:#666;font-size:12px}.checkbox-label input[type=checkbox]{margin:0}.image-field{display:flex;gap:5px}.image-field input{flex:1 1}.btn-icon{background:#f8f9fa;border:1px solid #ced4da}.btn-icon:hover{background:#e9ecef;border-color:#adb5bd}.image-preview{border:1px solid #e9ecef;border-radius:4px;height:auto;margin-top:10px;max-width:150px;padding:5px;width:100%}.form-actions{border-top:1px solid #e9ecef;padding:20px}.btn-primary,.btn-secondary{display:inline-flex;gap:5px}.btn-primary{background:#06c}.btn-secondary:hover{background:#5a6268}.image-picker-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.image-picker{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;width:90%}.picker-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.picker-header h3{margin:0}.image-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));overflow-y:auto;padding:20px}.image-option{border:2px solid #0000;border-radius:8px;cursor:pointer;padding:8px;position:relative;text-align:center;transition:all .2s}.image-option:hover{background:#f8f9fa;border-color:#06c}.image-option img{height:80px;margin-bottom:5px;object-fit:contain;width:100%}.image-name{color:#666;display:block;font-size:11px;word-break:break-all}.selected-badge{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:5px;top:5px;width:24px}.definitions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.definition-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;padding:15px;transition:all .2s}.definition-card:hover{box-shadow:0 4px 8px #0000001f}.definition-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.definition-logo{background:#f8f9fa;border-radius:6px;height:40px;object-fit:contain;padding:5px;width:40px}.definition-info{flex:1 1}.definition-info h4{color:#333;font-size:16px;margin:0 0 4px}.definition-id{background:#f0f0f0;border-radius:3px;color:#666;display:inline-block;font-family:monospace;font-size:12px;padding:2px 6px}.definition-actions{display:flex;gap:5px}.definition-actions .btn-icon{background:#0000;border:none;padding:6px}.definition-actions .btn-icon:hover{background:#f0f0f0}.definition-actions .btn-icon.danger{color:#dc3545}.definition-actions .btn-icon.danger:hover{background:#fff5f5}.definition-desc{color:#666;font-size:14px;line-height:1.4;margin:0 0 12px}.definition-meta{color:#666;display:flex;font-size:12px;gap:15px}.meta-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:4px;padding:4px 8px}@media (max-width:768px){.resource-definition-manager{padding:10px}.manager-header{align-items:stretch;flex-direction:column;gap:15px}.manager-actions{flex-direction:column;gap:10px}.manager-actions>*{justify-content:center;width:100%}.definition-form{margin:10px;max-height:85vh;max-width:95%;width:95%}.form-header{padding:15px}.form-header h3{font-size:18px}.form-grid{gap:15px;grid-template-columns:1fr;padding:15px}.form-field.full-width{grid-column:1}.form-actions{flex-direction:column-reverse;padding:15px}.form-actions button{justify-content:center;width:100%}.image-picker{max-height:85vh;width:95%}.image-grid,.picker-header{padding:15px}.image-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.image-option img{height:60px}.image-name{font-size:10px}.definitions-grid{gap:15px;grid-template-columns:1fr}.definition-card{padding:12px}.definition-header{flex-wrap:wrap}.definition-meta{flex-wrap:wrap;gap:8px}.meta-item{font-size:11px;padding:3px 6px}.btn-icon,.definition-close-button{min-height:44px;min-width:44px}}@media (max-width:480px){.definition-form{border-radius:0;margin:0;max-height:100vh;max-width:100%;width:100%}.form-actions,.form-grid,.form-header{padding:10px}.image-picker{border-radius:0;max-height:100vh;width:100%}.image-grid{grid-template-columns:repeat(3,1fr)}}.resource-defaults-manager{margin:0 auto;max-width:1400px;padding:20px}.resource-defaults-manager .header{margin-bottom:30px}.resource-defaults-manager h2{color:#333;font-size:24px;margin-bottom:10px}.resource-defaults-manager .subtitle{color:#666;font-size:14px;margin:0}.resource-defaults-manager .message{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px 20px}.resource-defaults-manager .message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.resource-defaults-manager .message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.resource-defaults-manager .loading{color:#666;padding:40px;text-align:center}.resource-defaults-manager .table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.resource-defaults-manager .resources-table{border-collapse:collapse;width:100%}.resource-defaults-manager .resources-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.resource-defaults-manager .resources-table td{border-bottom:1px solid #dee2e6;padding:12px;vertical-align:middle}.resource-defaults-manager .resources-table tbody tr:hover{background-color:#f8f9fa}.resource-defaults-manager .resource-name{align-items:center;display:flex;gap:10px}.resource-defaults-manager .resource-logo-small{height:24px;object-fit:contain;width:24px}.resource-defaults-manager .service-name{color:#666;font-size:13px}.resource-defaults-manager .url-display{align-items:center;display:flex;gap:6px}.resource-defaults-manager .url-icon{flex-shrink:0}.resource-defaults-manager .url-icon.external{color:#06c}.resource-defaults-manager .url-icon.file{color:#666}.resource-defaults-manager .url-text{color:#333;font-size:13px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-defaults-manager .not-configured{color:#999;font-size:13px;font-style:italic}.resource-defaults-manager .url-input{border:1px solid #ced4da;border-radius:4px;font-size:13px;padding:6px 10px;transition:border-color .15s ease-in-out;width:100%}.resource-defaults-manager .url-input:focus{border-color:#4caf50;outline:none}.resource-defaults-manager .url-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.resource-defaults-manager .actions{text-align:center}.resource-defaults-manager .btn-icon{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;margin:0 2px;padding:6px;transition:all .2s}.resource-defaults-manager .btn-icon:hover{background-color:#f0f0f0}.resource-defaults-manager .btn-icon.edit:hover{color:#06c}.resource-defaults-manager .btn-icon.save{color:#28a745}.resource-defaults-manager .btn-icon.save:hover{background-color:#28a74520}.resource-defaults-manager .btn-icon.cancel{color:#dc3545}.resource-defaults-manager .btn-icon.cancel:hover{background-color:#dc354520}.resource-defaults-manager .btn-icon:disabled{cursor:not-allowed;opacity:.5}.resource-defaults-manager .configuration-notes{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:30px;padding:20px}.resource-defaults-manager .configuration-notes h3{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.resource-defaults-manager .configuration-notes ul{margin:0;padding-left:20px}.resource-defaults-manager .configuration-notes li{color:#666;font-size:13px;margin-bottom:8px}@media (max-width:768px){.resource-defaults-manager{padding:10px}.resource-defaults-manager .header{margin-bottom:20px}.resource-defaults-manager h2{font-size:20px}.resource-defaults-manager .subtitle{font-size:13px}.resource-defaults-manager .table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.resource-defaults-manager .resources-table{min-width:600px}.resource-defaults-manager .resources-table th{font-size:12px;padding:10px}.resource-defaults-manager .resources-table td{font-size:13px;padding:10px}.resource-defaults-manager .resources-table td:nth-child(2),.resource-defaults-manager .resources-table th:nth-child(2){display:none}.resource-defaults-manager .url-input{font-size:16px;padding:8px 10px}.resource-defaults-manager .url-text{max-width:150px}.resource-defaults-manager .btn-icon{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px;padding:10px}.resource-defaults-manager .configuration-notes{margin-top:20px;padding:15px}.resource-defaults-manager .configuration-notes h3{font-size:14px}.resource-defaults-manager .configuration-notes li{font-size:12px}}@media (max-width:480px){.resource-defaults-manager{padding:5px}.resource-defaults-manager h2{font-size:18px;margin-bottom:5px}.resource-defaults-manager .message{font-size:13px;padding:10px 15px}.resource-defaults-manager .table-container{background:#0000;box-shadow:none}.resource-defaults-manager .resources-table{display:block;min-width:0;min-width:auto}.resource-defaults-manager .resources-table thead{display:none}.resource-defaults-manager .resources-table tbody{display:block}.resource-defaults-manager .resources-table tr{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:block;margin-bottom:10px;padding:15px}.resource-defaults-manager .resources-table td{border:none;display:block;padding:5px 0}.resource-defaults-manager .resources-table td:first-child{border-bottom:1px solid #e0e0e0;font-weight:600;margin-bottom:10px;padding-bottom:10px}.resource-defaults-manager .resources-table td:nth-child(2){display:none}.resource-defaults-manager .resources-table td:nth-child(3){padding:10px 0}.resource-defaults-manager .resources-table td:nth-child(3):before{color:#666;content:"URL: ";font-size:12px;font-weight:600}.resource-defaults-manager .resources-table td:nth-child(4){border-top:1px solid #e0e0e0;padding-top:10px;text-align:right}.resource-defaults-manager .url-display{align-items:flex-start;flex-direction:column;gap:8px}.resource-defaults-manager .url-text{max-width:100%;white-space:normal;word-break:break-all}.resource-defaults-manager .url-input{width:100%}.resource-defaults-manager .configuration-notes{margin-top:15px;padding:12px}.resource-defaults-manager .configuration-notes h3{font-size:13px;margin-bottom:10px}.resource-defaults-manager .configuration-notes ul{padding-left:15px}}.cosmos-monitoring{margin:0 auto;max-width:1400px;padding:20px}.monitoring-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.monitoring-header h2{align-items:center;color:#333;display:flex;margin:0 0 10px}.monitoring-description{color:#666;font-size:14px;margin:0;max-width:600px}.config-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:0}.config-form-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.config-form-header h3{color:#333;margin:0}.btn-close{align-items:center;background:none;color:#999;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;width:30px}.btn-close:hover{background:#f0f0f0;color:#666}.config-form{padding:20px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#333}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group small{color:#666;margin-top:5px}.form-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.form-actions{border-top:1px solid #e0e0e0;gap:10px;padding-top:20px}.configs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.config-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.config-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.config-card.disabled{background:#f9f9f9;opacity:.6}.config-card-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.config-name{align-items:center;display:flex;gap:10px}.config-name h3{color:#333;font-size:18px;margin:0}.config-status{align-items:center;display:flex}.status-icon{display:inline-block}.status-icon.status-success{color:#28a745}.status-icon.status-error{color:#dc3545}.status-icon.status-pending{color:#ffc107}.config-details{margin-bottom:15px}.config-detail-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.config-detail-row .label{color:#666;font-weight:500}.config-detail-row .value{color:#333;text-align:right}.config-detail-row .value.code{background:#f5f5f5;border-radius:3px;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.config-detail-row.error .value{color:#dc3545;font-size:12px}.config-actions{border-top:1px solid #e0e0e0;display:flex;gap:8px;padding-top:15px}.config-actions .btn{align-items:center;display:flex;flex:1 1;gap:6px;justify-content:center}.btn{padding:10px 20px}.btn:disabled{opacity:.5}.btn-primary{background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 8px #667eea4d}.btn-danger{background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 40px}.empty-state h3{color:#333;margin:20px 0 10px}.empty-state p{color:#666}.monitoring-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;margin-top:30px;padding:20px}.monitoring-info h4{color:#333;margin:0 0 15px}.monitoring-info ul{color:#666;margin:0;padding-left:20px}.monitoring-info li{line-height:1.6;margin-bottom:10px}.monitoring-info strong{color:#333}.loading{padding:40px;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:15px 20px}@media (max-width:768px){.monitoring-header{align-items:stretch;flex-direction:column}.configs-grid,.form-row{grid-template-columns:1fr}}.quote-form-modal-wrapper{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-width:1200px;min-width:900px;width:auto}.quote-form-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.quote-form-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.close-button{color:#6b7280;padding:4px;transition:all .2s}.close-button:hover{background-color:#f3f4f6;color:#111827}.quote-form{padding:16px}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding-bottom:12px}.form-section:last-of-type{border-bottom:none}.form-section h3{color:#111827;font-size:15px;font-weight:600;margin:0 0 8px}.form-group{margin-bottom:8px;position:relative}.form-group label{color:#374151;font-size:13px;margin-bottom:4px}.required{color:#ef4444}.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:14px;padding:6px 10px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=tel]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group textarea{min-height:50px}.error-text{color:#ef4444}.char-count,.error-text{display:block;font-size:12px;margin-top:4px}.char-count{color:#9ca3af;text-align:right}.form-row{grid-gap:12px;gap:12px}.checkbox-label{font-weight:400}.checkbox-label input[type=checkbox]{width:auto}.cc-email-row{align-items:flex-start;margin-bottom:6px}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.btn-icon:hover{background-color:#fee2e2}.btn-secondary{align-items:center;display:inline-flex;gap:6px}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.5}.btn-secondary.btn-small{font-size:13px;padding:6px 12px}.cost-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:8px;padding:10px}.cost-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.cost-item-header h4{color:#111827;font-size:13px;font-weight:600;margin:0}.subtotal-display{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#111827;display:flex;font-size:14px;font-weight:600;height:32px;padding:6px 10px}.total-section{border-top:2px solid #e5e7eb;margin-top:12px;padding-top:10px}.total-row{align-items:center;display:flex;justify-content:space-between}.total-label{color:#111827;font-size:18px;font-weight:600}.total-amount{color:#111827;font-size:24px;font-weight:700}.form-actions{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.btn-primary{padding:10px 20px}.btn-primary:hover:not(:disabled){background-color:#2563eb}@media (max-width:768px){.quote-detail-modal-wrapper,.quote-form-modal-wrapper{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;min-width:0!important;min-width:auto!important;width:100vw!important}.form-row{grid-template-columns:1fr}.quote-form,.quote-form-header{padding:16px}}.autocomplete-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:background-color .15s}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:#f9fafb}.autocomplete-name{color:#111827;font-weight:500;margin-bottom:4px}.autocomplete-email,.autocomplete-loading{color:#6b7280;font-size:14px}.autocomplete-loading{background:#fff;border:1px solid #d1d5db;border-radius:6px;left:0;margin-top:4px;padding:12px 16px;position:absolute;right:0;top:100%;z-index:1000}.cc-emails-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.cc-email-row{align-items:center;display:flex;gap:8px}.cc-email-row input{flex:1 1}.checkbox-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.checkbox-group{display:flex;flex-direction:column}@media (max-width:768px){.cc-emails-grid,.checkbox-row{grid-template-columns:1fr}}.toggle-switch-label{font-weight:400;gap:12px}.toggle-switch{width:44px}.toggle-switch input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#d1d5db;transition:all .3s}.toggle-slider:before{box-shadow:0 1px 3px #0003;transition:all .3s}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #3b82f61a}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5}.toggle-text-container{display:flex;flex-direction:column;gap:2px}.toggle-text-container .toggle-label-text{color:#111827;font-size:14px;font-weight:500}.toggle-text-container .toggle-description{color:#6b7280;font-size:12px;margin:0}.workflow-visualization{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:24px;padding:16px;position:-webkit-sticky;position:sticky;top:68px;z-index:9}.workflow-toggle-header{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:8px 12px;transition:background .2s ease;width:100%}.workflow-toggle-header:hover{background:var(--hover-bg)}.workflow-toggle-title{align-items:center;display:flex;gap:8px}.workflow-toggle-chevron{color:var(--text-muted);transition:transform .3s ease}.workflow-toggle-chevron.expanded{transform:rotate(90deg)}.workflow-progress-container{margin-top:8px;padding:20px 0;position:relative}.workflow-phases{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.workflow-progress-bar{background:var(--border-color);border-radius:2px;height:4px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.workflow-progress-fill{background:var(--success-color);border-radius:2px;height:100%;transition:width .5s ease}.workflow-phase{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;transition:transform .2s ease}.workflow-phase.clickable{cursor:pointer}.workflow-phase.clickable:hover{transform:scale(1.1)}.workflow-phase.clickable:focus{border-radius:4px;outline:2px solid var(--primary-color);outline-offset:4px}.phase-icon-container{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.workflow-phase.completed .phase-icon-container{background:var(--success-color);border-color:var(--success-color)}.workflow-phase.current .phase-icon-container{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f633}.workflow-phase.future .phase-icon-container{background:var(--background-color);border-color:var(--border-color)}.workflow-phase.rejected .phase-icon-container{background:var(--danger-color);border-color:var(--danger-color)}.phase-icon-completed,.phase-icon-current{stroke-width:2;color:#fff}.phase-icon-future{color:#9ca3af;opacity:.6}.phase-icon-rejected{stroke-width:2;color:#fff}.phase-label{word-wrap:break-word;color:var(--text-color);font-size:12px;font-weight:500;max-width:80px;text-align:center}.workflow-phase.future .phase-label{color:var(--text-muted)}.workflow-phase.completed .phase-label{color:var(--success-color);font-weight:600}.workflow-phase.current .phase-label{color:var(--primary-color);font-weight:600}.workflow-phase.rejected .phase-label{color:var(--danger-color);font-weight:600}.workflow-connector{align-items:center;color:var(--border-color);display:flex;flex:1 1;justify-content:center;margin:0 -8px;transition:color .3s ease}.workflow-connector.completed{color:var(--success-color)}.phase-tooltip{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;bottom:-100px;box-shadow:0 8px 24px #0000004d;color:#fff;min-width:180px;padding:12px 16px;pointer-events:none;z-index:10}.phase-tooltip,.phase-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.phase-tooltip:after{border-bottom:7px solid #1a1a1a;border-left:7px solid #0000;border-right:7px solid #0000;content:"";height:0;top:-7px;width:0}.tooltip-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:6px}.tooltip-description{color:#e0e0e0;font-size:12px;line-height:1.4;margin-bottom:8px}.tooltip-action{color:#60a5fa;font-size:11px;font-style:italic;font-weight:500}.workflow-rejected-banner{align-items:center;background:#ef44441a;border:1px solid var(--danger-color);border-radius:6px;color:var(--danger-color);display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:16px;padding:12px 16px}.workflow-history-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:16px}.workflow-history-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:background .2s ease;width:100%}.workflow-history-toggle:hover{background:var(--hover-bg)}.history-chevron{margin-left:auto;transition:transform .3s ease}.history-chevron.expanded{transform:rotate(90deg)}.workflow-history-content{background:var(--secondary-bg);border-radius:6px;margin-top:12px;max-height:300px;overflow-y:auto;padding:12px}.history-entry{border-bottom:1px solid var(--border-color);font-size:13px;padding:12px}.history-entry:last-child{border-bottom:none}.history-timestamp{color:var(--text-muted);font-size:12px;margin-bottom:4px}.history-transition{font-weight:600}.history-actor,.history-transition{color:var(--text-color);margin-bottom:4px}.history-actor{font-size:12px}.history-notes{border-left:2px solid var(--border-color);color:var(--text-muted);font-size:12px;font-style:italic;margin-top:4px;padding-left:12px}.workflow-admin-hint{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:var(--primary-color);font-size:13px;margin-top:16px;padding:8px 12px;text-align:center}@media (max-width:768px){.workflow-visualization{padding:16px}.workflow-phases{flex-wrap:wrap;gap:16px;justify-content:center}.workflow-connector,.workflow-progress-bar{display:none}.phase-label{font-size:11px;max-width:60px}.phase-icon-container{height:36px;width:36px}.phase-tooltip{font-size:12px;min-width:140px}}@media (max-width:480px){.workflow-visualization{padding:12px}.phase-icon-container{height:32px;width:32px}.phase-label{font-size:10px}.workflow-history-toggle{font-size:13px}.workflow-admin-hint{font-size:12px}}.quote-detail-modal-wrapper{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-width:1000px;min-width:700px;width:auto}@media (max-width:768px){.quote-detail-modal-wrapper{border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-width:0!important;min-width:auto!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}}.quote-detail-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-title h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 4px}.quote-id{color:#6b7280;font-family:monospace;font-size:13px}.quote-detail-content{padding:12px}.detail-section{border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding-bottom:12px}.detail-section:last-child{border-bottom:none}.status-section{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.status-badge{display:flex;gap:8px}.amount-badge{align-items:center;display:flex;gap:6px}.amount-badge .amount{color:#111827;font-size:24px;font-weight:700}.detail-section h3{color:#111827;font-size:16px;margin:0 0 8px}.detail-section h4{color:#111827;font-size:15px;margin:0 0 8px}.description{color:#374151;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.info-grid{grid-gap:6px;gap:6px}.info-item{grid-gap:4px;align-items:center;display:grid;font-size:13px;gap:4px;grid-template-columns:auto auto 1fr}.info-item.full-width{grid-column:1/-1}.info-item svg{color:#6b7280;flex-shrink:0}.info-label{color:#6b7280;font-weight:500}.info-value{color:#111827}.costs-table{border-radius:6px}.costs-header{border-bottom:1px solid #e5e7eb;color:#374151;font-size:12px;padding:8px 12px}.cost-row{font-size:13px;padding:8px 12px}.cost-description{color:#111827}.cost-subtotal{color:#111827;font-weight:500;text-align:right}.costs-total{grid-gap:12px;background-color:#f9fafb;border-top:2px solid #e5e7eb;display:grid;font-size:15px;font-weight:600;gap:12px;grid-template-columns:1fr auto;padding:8px 12px}.costs-total .total-amount{color:#111827;text-align:right}.timeline{display:flex;flex-direction:column;gap:6px}.timeline-item{grid-gap:4px;align-items:center;display:grid;font-size:13px;gap:4px;grid-template-columns:auto auto 1fr}.timeline-item svg{color:#6b7280}.timeline-label{color:#6b7280;font-weight:500}.timeline-value{color:#111827}.text-green{color:#10b981!important}.text-red{color:#ef4444!important}.text-blue{color:#3b82f6!important}.text-orange{color:#f59e0b!important}.text-purple{color:#9c27b0!important}.text-warning{color:#ff9800!important}.tracking-section{background-color:#fff9e6;border-left:4px solid #ffc107}.tracking-section h4{align-items:center;color:#f57c00;display:flex;gap:8px}.tracking-info{display:flex;flex-direction:column;gap:1rem}.tracking-header{align-items:center;background-color:#fff;border:1px solid #ffc107;border-radius:4px;display:flex;justify-content:space-between;padding:12px}.tracking-number{font-size:16px}.tracking-link{align-items:center;color:#0078d4;display:flex;font-weight:500;gap:4px;text-decoration:none}.tracking-link:hover{text-decoration:underline}.tracking-status{background-color:#fff;border-radius:4px;padding:12px}.tracking-auto{color:#4caf50}.tracking-auto,.tracking-manual{align-items:center;display:flex;gap:8px}.tracking-manual{color:#ff9800}.tracking-detail{color:#666;font-size:14px;margin-top:8px;padding-left:24px}.delivery-notes{background-color:#f5f5f5;border-radius:4px;font-size:14px;padding:12px}.actions-section{border-bottom:none;padding-bottom:0}.action-buttons{gap:12px;justify-content:flex-end}.btn-success{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:background-color .2s}.btn-success:hover:not(:disabled){background-color:#059669}.btn-success:disabled{cursor:not-allowed;opacity:.6}.btn-danger{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:background-color .2s}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.error-banner{align-items:center;background-color:#fee2e2;border-radius:6px;color:#991b1b;display:flex;font-size:14px;gap:8px;margin-bottom:12px;padding:10px 12px}@media (max-width:768px){.quote-detail-modal{border-radius:0;max-height:100vh;max-width:100%}.quote-detail-header{padding:16px}.header-title h2{font-size:18px}.quote-detail-content{padding:16px}.detail-section{margin-bottom:20px;padding-bottom:20px}.detail-section h3{font-size:16px}.detail-section h4{font-size:15px;margin-bottom:12px}.status-section{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.amount-badge .amount{font-size:20px}.info-grid{gap:10px;grid-template-columns:1fr}.info-item{display:flex;flex-direction:column;gap:4px}.info-item svg{align-self:flex-start}.info-label{font-weight:600;margin-bottom:2px}.info-value{word-break:break-word}.costs-header{display:none}.cost-row{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px;padding:12px}.cost-row>span{display:flex;justify-content:space-between}.cost-row>span:before{color:#6b7280;content:attr(data-label);font-weight:500}.cost-description{font-weight:500}.costs-total{font-size:14px;padding:12px}.timeline-item{display:flex;flex-direction:column;gap:4px;padding:8px 0}.timeline-item svg{align-self:flex-start}.timeline-label{font-weight:600}.timeline-value{word-break:break-word}.action-buttons{flex-direction:column}.btn-danger,.btn-success,.btn-warning{justify-content:center;width:100%}}.quote-list-container{margin:0 auto;max-width:1400px;padding:20px}.quote-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quote-list-header h2{color:#111827;flex:1 1;font-size:24px;font-weight:600;margin:0;min-width:0}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.view-mode-toggle{display:flex;gap:4px}.quote-controls{align-items:center;display:flex;gap:12px;margin-bottom:24px}.search-box{flex:1 1;min-width:200px}.search-input{border:1px solid #d1d5db;font-family:inherit;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filters{display:flex;gap:8px}.filter-select{background-color:#fff;border:1px solid #d1d5db;font-family:inherit;transition:border-color .2s}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quotes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.quote-card,.quotes-grid{box-sizing:border-box;width:100%}.quote-card{word-wrap:break-word;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;overflow-wrap:break-word;padding:16px;transition:box-shadow .2s}.quote-card:hover{box-shadow:0 4px 12px #0000001a}.quote-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.quote-status{align-items:center;display:flex;gap:6px}.status-icon{flex-shrink:0}.status-label{border-radius:4px;font-size:13px;font-weight:500;padding:4px 8px}.status-approved,.status-label.status-approved{background-color:#d1fae5;color:#10b981}.status-label.status-rejected,.status-rejected{background-color:#fee2e2;color:#ef4444}.status-generated,.status-label.status-generated{background-color:#fef3c7;color:#f59e0b}.status-label.status-purchased,.status-purchased{background-color:#dbeafe;color:#3b82f6}.status-label.status-pending,.status-pending{background-color:#f3f4f6;color:#6b7280}.status-expired,.status-label.status-expired{background-color:#f3f4f6;color:#9ca3af}.status-label.status-returned,.status-returned{background-color:#fef3c7;color:#f59e0b}.status-billed,.status-label.status-billed{background-color:#e0f2fe;color:#0369a1}.status-draft,.status-label.status-draft{background-color:#e0e7ff;color:#6366f1}.status-label.status-shipped,.status-shipped{background-color:#9c27b0;color:#fff}.status-icon.status-shipped{color:#9c27b0}.status-delivered,.status-label.status-delivered{background-color:#4caf50;color:#fff}.status-icon.status-delivered{color:#4caf50}.status-completed,.status-label.status-completed{background-color:#4caf50;color:#fff}.status-icon.status-completed{color:#4caf50}.quote-amount{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:4px}.quote-card-body h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.quote-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;margin:0 0 12px;overflow:hidden}.quote-meta{color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:4px}.quote-meta-item strong{color:#374151;font-weight:500}.quote-card-footer{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.card-footer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:0}.btn-link:hover{text-decoration:underline}.no-quotes{color:#6b7280;padding:60px 20px;text-align:center}.no-quotes p{font-size:16px;margin-bottom:20px}.btn-primary{align-items:center;background-color:#3b82f6;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.error-message,.loading{font-size:16px;padding:40px 20px;text-align:center}.error-message{color:#ef4444}.quote-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:auto}.quote-table{border-collapse:collapse;font-size:14px;width:100%}.quote-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.quote-table thead th{color:#374151;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.quote-table thead th.sortable{-webkit-user-select:none;user-select:none}.quote-table thead th.sortable:hover{background-color:#f3f4f6;color:#111827}.quote-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.quote-table tbody tr:hover{background-color:#f9fafb}.quote-table tbody tr:last-child{border-bottom:none}.quote-table tbody td{color:#111827;padding:12px 16px;vertical-align:middle}.quote-table tbody td.quote-summary{font-weight:500}.btn-sm,.quote-table tbody td.actions{white-space:nowrap}.btn-sm{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.pagination-controls{background:#fff;border:1px solid #e0e0e0;border-radius:8px;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px}.pagination-info{color:#6b7280;white-space:nowrap}.pagination-buttons{align-items:center;display:flex;gap:8px}.pagination-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-page{color:#374151;font-size:14px;font-weight:500;padding:0 8px;white-space:nowrap}.items-per-page{align-items:center;display:flex;gap:8px;white-space:nowrap}.items-per-page label{color:#6b7280;font-size:14px;font-weight:500}.items-per-page-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;padding:6px 8px;transition:border-color .2s}.items-per-page-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:768px){.quote-list-container{padding:12px}.quote-list-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:12px}.quote-list-header h2{font-size:20px;margin:0}.header-actions{align-items:stretch;display:flex;flex-direction:column;gap:8px}.header-actions button{justify-content:center;width:100%}.view-mode-toggle{display:flex!important;gap:8px!important;width:100%}.view-mode-toggle button{flex:1 1;min-width:0}.quote-controls{align-items:stretch;flex-direction:column;gap:8px}.search-box{width:100%}.filters{flex-direction:column;gap:8px}.filter-select{width:100%}.quote-table-container{-webkit-overflow-scrolling:touch;border-radius:5px;overflow-x:auto}.quote-table{min-width:800px}.quote-table td,.quote-table th{font-size:13px;padding:10px}.quotes-grid{gap:12px;grid-template-columns:1fr;width:100%}.quote-card{box-sizing:border-box;min-width:0;padding:12px;width:100%}.quote-card .quote-description,.quote-card .quote-meta-item,.quote-card h3{overflow-wrap:break-word;word-break:break-word}.card-footer-actions{justify-content:flex-end}.pagination-controls{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.pagination-info{font-size:13px;text-align:center}.pagination-buttons{justify-content:center}.pagination-btn{padding:8px 12px}.pagination-page{font-size:13px}.items-per-page{justify-content:center}.items-per-page label{font-size:13px}.items-per-page-select{padding:8px 12px}}.billing-detail-container{display:flex;flex-direction:column;height:100%}.billing-detail-error,.billing-detail-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.billing-detail-error{color:#dc3545;text-align:center}.btn-close-error{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 24px}.btn-close-error:hover{background:#0056b3}.billing-detail-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.detail-header-left{align-items:center;display:flex;gap:16px}.billing-detail-header h2{align-items:center;color:#333;display:flex;font-size:24px;margin:0}.invoice-status-badge{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.invoice-status-badge.status-paid{background:#d4edda;color:#155724}.invoice-status-badge.status-sent{background:#d1ecf1;color:#0c5460}.invoice-status-badge.status-void{background:#f8d7da;color:#721c24}.btn-close-modal{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s,color .2s}.btn-close-modal:hover{background:#f8f9fa;color:#333}.billing-detail-body{flex:1 1;overflow-y:auto;padding:24px}.detail-section{margin-bottom:24px}.detail-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.detail-value{color:#333;font-size:16px}.detail-amount{color:#007bff;font-size:24px;font-weight:600}.line-items-table{background:#f8f9fa;border-radius:8px;overflow-x:auto;padding:16px}.line-items-table table{border-collapse:collapse;width:100%}.line-items-table thead th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px;text-align:left}.line-items-table tbody td{border-bottom:1px solid #dee2e6;color:#333;font-size:14px;padding:12px}.line-items-table tbody tr:last-child td{border-bottom:none}.line-items-table .amount-column{font-weight:500;text-align:right}.line-items-table tfoot{border-top:2px solid #333}.line-items-table tfoot td{font-size:16px;padding:16px 12px 0}.total-row{font-weight:600}.detail-info-note{background:#e7f3ff;border-left:4px solid #007bff;border-radius:8px;padding:16px}.detail-info-note p{color:#004085;font-size:14px;margin:0}.btn-download-pdf{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:background .2s}.btn-download-pdf:hover{background:#218838}.btn-download-pdf:disabled{background:#6c757d;cursor:not-allowed}.pdf-error{align-items:center;color:#dc3545;display:flex;font-size:14px;gap:8px;margin-top:12px}.detail-metadata{background:#f8f9fa;border-radius:8px;padding:16px}.metadata-row{display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.metadata-label{color:#666;font-weight:500}.metadata-value{color:#333;font-family:monospace}.billing-detail-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-close{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px;transition:background .2s}.btn-close:hover{background:#5a6268}@media (max-width:768px){.billing-detail-header,.detail-header-left{align-items:flex-start;flex-direction:column;gap:12px}.btn-close-modal{align-self:flex-end}.detail-row{align-items:flex-start;flex-direction:column;gap:8px}.detail-value{text-align:left;width:100%}.line-items-table{overflow-x:auto}.line-items-table table{min-width:400px}.billing-detail-footer{flex-direction:column}.billing-detail-footer button{width:100%}}.billing-container{margin:0 auto;max-width:1400px;padding:20px}.billing-access-denied{margin:0 auto;max-width:600px;padding:60px 20px;text-align:center}.access-denied-icon{color:#dc3545;margin-bottom:20px}.billing-access-denied h2{color:#333;font-size:24px;margin-bottom:16px}.billing-access-denied p{color:#666;line-height:1.6;margin-bottom:12px}.access-hint{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;margin-top:24px;padding:16px}.billing-loading{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 20px;width:40px}.billing-error{color:#dc3545;padding:60px 20px;text-align:center}.btn-retry{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:10px 20px}.btn-retry:hover{background:#0056b3}.billing-header{margin-bottom:24px}.billing-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.billing-header h1{align-items:center;color:#333;display:flex;font-size:28px;margin:0}.billing-view-toggle{display:flex;gap:8px}.billing-view-toggle button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.billing-view-toggle button:hover{background:#f8f9fa;border-color:#007bff}.billing-view-toggle button.active{background:#007bff;border-color:#007bff;color:#fff}.billing-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-stat{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.stat-label{color:#666;font-size:14px;font-weight:500}.stat-value{color:#333;font-size:24px;font-weight:600}.stat-paid{color:#28a745}.stat-sent{color:#007bff}.stat-void{color:#dc3545}.billing-filters{display:flex;flex-wrap:wrap;gap:12px}.search-input{border-radius:4px;font-size:14px;min-width:250px;padding:10px 16px}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filter-select{background:#fff;border-radius:4px;padding:10px 16px}.filter-select:focus{border-color:#007bff}.ticket-link{border-bottom:1px dotted #007bff;color:#007bff;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.ticket-link:hover{border-bottom-color:#0056b3;color:#0056b3}.btn-collapse-items,.btn-expand-items{background:none;border:none;color:#007bff;cursor:pointer;display:inline-block;font-size:12px;margin-top:8px;padding:4px 8px;text-decoration:underline;transition:color .2s}.btn-collapse-items:hover,.btn-expand-items:hover{color:#0056b3}.btn-collapse-items-table,.btn-expand-items-table{background:none;border:none;color:#007bff;cursor:pointer;display:inline-block;font-size:11px;margin-top:6px;padding:2px 6px;text-decoration:underline;transition:color .2s}.btn-collapse-items-table:hover,.btn-expand-items-table:hover{color:#0056b3}.billing-empty{color:#666;padding:60px 20px;text-align:center}.billing-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.invoice-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:box-shadow .2s,transform .2s}.invoice-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.invoice-card-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.invoice-number{color:#333;font-size:18px;font-weight:600}.invoice-number.clickable{cursor:pointer;transition:color .2s}.invoice-number.clickable:hover{color:#007bff}.invoice-status{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.invoice-status.status-paid{background:#d4edda;color:#155724}.invoice-status.status-sent{background:#d1ecf1;color:#0c5460}.invoice-status.status-void{background:#f8d7da;color:#721c24}.invoice-card-body{margin-bottom:16px}.invoice-date{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.invoice-amount{color:#007bff;font-size:24px;font-weight:600;margin-bottom:16px}.invoice-items{display:flex;flex-direction:column;gap:8px}.invoice-item{align-items:start;background:#f8f9fa;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;padding:8px}.item-description{color:#333;flex:1 1}.item-amount{color:#666;font-weight:500;margin-left:12px;white-space:nowrap}.invoice-card-actions{display:flex;gap:8px;justify-content:flex-end}.btn-view{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background .2s}.btn-view:hover{background:#0056b3}.billing-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;overflow-x:auto}.billing-table{border-collapse:collapse;width:100%}.billing-table thead{background:#f8f9fa}.billing-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.billing-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 16px}.billing-table tbody tr:hover{background:#f8f9fa}.invoice-number-cell{color:#007bff;font-weight:600}.invoice-number-cell.clickable{cursor:pointer;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.invoice-number-cell.clickable:hover{color:#0056b3;text-decoration:underline}.table-item-description{padding:2px 0}.amount-cell{font-weight:500;text-align:right}.btn-table-action{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:6px 10px;transition:background .2s}.btn-table-action:hover{background:#0056b3}.billing-detail-modal-wrapper{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:900px;min-width:700px;overflow-y:auto;width:auto}@media (max-width:768px){.billing-container{padding:12px}.billing-header-top{align-items:flex-start;flex-direction:column;gap:16px}.billing-summary{grid-template-columns:repeat(2,1fr)}.billing-filters{flex-direction:column}.search-input{min-width:100%}.billing-cards{grid-template-columns:1fr}.billing-table-container{overflow-x:scroll}.billing-table{min-width:600px}.billing-detail-modal-wrapper{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;min-width:0!important;min-width:auto!important;width:100vw!important}}.ttg-internal-badge{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:4px;box-shadow:0 2px 4px #ff6b6b33;color:#fff;cursor:help;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.ai-ticket-search-container{margin:0 auto;max-width:1400px;padding:20px}.ai-ticket-search-header{margin-bottom:30px}.ai-ticket-search-header .header-content{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.ai-ticket-search-header h1{align-items:center;color:#2c3e50;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.ai-ticket-search-header .tenant-badge{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:4px;box-shadow:0 2px 4px #3498db33;color:#fff;cursor:help;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.ai-ticket-search-subtitle{color:#7f8c8d;font-size:14px;margin:0}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-actions{display:flex;gap:10px}.filters-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px) and (max-width:1199px){.filters-section{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.filters-section{grid-template-columns:repeat(4,1fr)}}.filter-group{gap:8px}.filter-group label{color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.searchable-dropdown{position:relative}.dropdown-search-input{background:#fff;border:1px solid #ddd;border-radius:6px;color:#34495e;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.dropdown-search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.dropdown-options{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-option{align-items:center;border-bottom:1px solid #f0f0f0;color:#34495e;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:background .2s}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#f8f9fa}.dropdown-option.selected{background:#e3f2fd}.dropdown-option input[type=checkbox]{cursor:pointer}.selected-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.selected-tag{align-items:center;background:#3498db;border-radius:4px;color:#fff;display:inline-flex;font-size:13px;gap:6px;padding:4px 8px}.selected-tag button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;height:16px;justify-content:center;line-height:1;margin:0;padding:0;width:16px}.selected-tag button:hover{opacity:.8}.age-filter-row{align-items:center;display:flex;gap:10px}.age-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#e0e0e0 0,#3498db);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.age-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3498db;border-radius:50%;box-shadow:0 2px 4px #3498db4d;cursor:pointer;height:18px;-webkit-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;width:18px}.age-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 8px #3498db66;transform:scale(1.1)}.age-slider::-moz-range-thumb{background:#3498db;border:none;border-radius:50%;box-shadow:0 2px 4px #3498db4d;cursor:pointer;height:18px;width:18px}.age-value-display{flex-shrink:0}.age-badge{align-items:center;background:#3498db;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;white-space:nowrap}.age-badge-inactive{background:#e0e0e0;color:#7f8c8d}.age-unit-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#34495e;cursor:pointer;font-size:13px;outline:none;padding:6px 10px;transition:border-color .2s}.age-unit-select:hover{border-color:#3498db}.age-unit-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.priority-indicator,.status-indicator{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.status-indicator.status-open{background:#e74c3c}.status-indicator.status-pending{background:#f39c12}.status-indicator.status-resolved{background:#27ae60}.status-indicator.status-closed{background:#95a5a6}.status-indicator.status-waiting{background:#9b59b6}.priority-indicator.priority-urgent{background:#e74c3c}.priority-indicator.priority-high{background:#f39c12}.priority-indicator.priority-medium{background:#3498db}.priority-indicator.priority-low{background:#95a5a6}.selected-tag.tag-style{background:#9b59b6}.selected-tag.tag-style svg{margin-right:2px}.dropdown-option svg{color:#9b59b6;flex-shrink:0}.error-message{background:#fee;border:1px solid #fcc;color:#c33}.results-summary{background:#ecf0f1;border-radius:6px;color:#2c3e50;margin-bottom:20px;padding:12px 20px}.results-summary strong{color:#2980b9;font-weight:600}.results-container{gap:15px}.ticket-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:box-shadow .2s}.ticket-card:hover{box-shadow:0 4px 8px #00000026}.ticket-card.expanded{box-shadow:0 4px 12px #00000026}.ticket-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s}.ticket-header:hover{background-color:#f8f9fa}.ticket-title{flex:1 1}.ticket-title h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.ticket-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ticket-badge,.ticket-priority,.ticket-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.ticket-status{background:#3498db;color:#fff}.status-open{background:#e74c3c}.status-pending{background:#f39c12}.status-resolved{background:#27ae60}.status-closed{background:#95a5a6}.status-unknown{background:#7f8c8d}.ticket-priority{background:#95a5a6;color:#fff}.priority-urgent{background:#e74c3c}.priority-high{background:#f39c12}.priority-medium{background:#3498db}.priority-low{background:#95a5a6}.priority-unknown{background:#7f8c8d}.ticket-badge{background:#ecf0f1;color:#2c3e50}.conversation-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;cursor:help;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.ticket-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.ticket-age{align-items:center;background:#f8f9fa;border-radius:12px;color:#7f8c8d;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;white-space:nowrap}.ticket-age svg{color:#95a5a6}.expand-button{align-items:center;color:#3498db;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.expand-button:hover{background-color:#ecf0f1}.ticket-details{border-top:1px solid #ecf0f1;padding:0 20px 20px}.ticket-description{margin:16px 0}.ticket-description strong{color:#2c3e50;display:block;font-size:14px;margin-bottom:8px}.ticket-description p{color:#34495e;line-height:1.6;margin:0;white-space:pre-wrap}.conversation-highlights{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-left:3px solid #667eea;border-radius:6px;margin:16px 0;padding:12px}.conversation-highlights>svg{color:#667eea;margin-right:8px;vertical-align:middle}.conversation-highlights strong{color:#2c3e50;display:inline-block;font-size:14px;margin-bottom:10px}.conversation-snippet{background:#fff;border-radius:4px;color:#555;font-size:13px;line-height:1.5;margin:8px 0;padding:8px 12px}.conversation-snippet mark{background:gold;border-radius:2px;color:#2c3e50;font-weight:600;padding:2px 4px}.ticket-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:16px 0}.ticket-info-item{align-items:flex-start;color:#34495e;display:flex;font-size:14px;gap:8px}.ticket-info-item svg{color:#7f8c8d;flex-shrink:0;margin-top:2px}.ticket-info-item strong{color:#2c3e50;font-weight:600}.ticket-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ticket-tags svg{color:#7f8c8d}.tag{background:#ecf0f1;border-radius:12px;color:#2c3e50;font-size:12px;font-weight:500;padding:4px 10px}.ticket-actions{border-top:1px solid #ecf0f1;display:flex;gap:10px;margin-top:16px;padding-top:16px}.btn-sm{align-items:center;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.btn-freshdesk{background:var(--success-color);border:1px solid var(--success-color);border-radius:6px;color:#fff;transition:all .2s ease}.btn-freshdesk:hover{background:#0ea674;border-color:#0ea674;box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.btn-freshdesk:active{transform:translateY(0)}.pagination{gap:20px;margin-top:30px;padding:20px 0}.empty-state{color:#95a5a6}.empty-state svg{color:#bdc3c7;margin-bottom:20px}.empty-state h3{color:#7f8c8d;font-size:20px;font-weight:600;margin:0 0 10px}.empty-state p{color:#95a5a6}.ai-insights-toggle{align-items:center;display:flex;gap:10px}.toggle-switch{height:24px;width:48px}.toggle-slider{background-color:#ccc;border-radius:24px}.toggle-slider:before{height:18px;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#3498db}.toggle-switch input:disabled+.toggle-slider{background-color:#e0e0e0;cursor:not-allowed}.toggle-label{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:500;gap:6px;-webkit-user-select:none;user-select:none}.toggle-label svg{color:#f39c12}@media (max-width:768px){.ai-ticket-search-container{padding:15px}.ai-ticket-search-header h1{font-size:24px}.search-input-wrapper{align-items:stretch;flex-direction:column}.search-button{width:100%}.filters-section,.ticket-info-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:12px}.pagination button{width:100%}}.people-search-container{margin:0 auto;max-width:1200px;padding:20px}.people-search-header{margin-bottom:30px}.people-search-header .header-content{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.people-search-header h1{align-items:center;color:#2c3e50;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.people-search-subtitle{color:#7f8c8d;font-size:14px;margin:0}.tenant-select:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a}.search-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.search-input-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:15px}.search-icon{color:#7f8c8d;flex-shrink:0}.search-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:15px;padding:12px 16px;transition:border-color .2s}.search-input:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a;outline:none}.search-button{padding:12px 24px;white-space:nowrap}.filters-row{align-items:center}.filter-select{min-width:180px}.filter-select:focus{border-color:#9b59b6}.results-container{display:flex;flex-direction:column;gap:12px}.person-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:box-shadow .2s}.person-card:hover{box-shadow:0 4px 8px #00000026}.person-card.expanded{box-shadow:0 4px 12px #00000026}.person-card.disabled-user{opacity:.7}.person-header{cursor:pointer;gap:16px;padding:16px}.person-avatar,.person-header{align-items:center;display:flex}.person-avatar{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:50%;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.person-info{flex:1 1;min-width:0}.person-info h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.person-department,.person-title{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:4px}.person-contact-quick{display:flex;gap:8px}.contact-link{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.contact-link:hover{background:#9b59b6;color:#fff}.person-details{animation:slideDown .2s ease-out;border-top:1px solid #eee;padding:0 16px 16px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-item svg,.detail-section h4{color:#9b59b6}.detail-item a{color:#9b59b6;text-decoration:none}.detail-item a:hover{text-decoration:underline}.source-badge{background:#f1f5f9;border-radius:4px;padding:4px 8px}@media (max-width:768px){.people-search-container{padding:12px}.people-search-header .header-content{align-items:flex-start;flex-direction:column}.search-input-wrapper{flex-wrap:wrap}.search-input{width:100%}.person-header{flex-wrap:wrap}.person-contact-quick{justify-content:flex-end;width:100%}.detail-grid{grid-template-columns:1fr}.detail-footer{flex-wrap:wrap}}.btn-primary{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #9b59b64d}.power-scheduler-container{margin:0 auto;max-width:1600px;padding:20px}.power-scheduler-header{margin-bottom:30px}.power-scheduler-header .header-content{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.power-scheduler-header h1{align-items:center;color:#2c3e50;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.power-scheduler-subtitle{color:#7f8c8d;font-size:14px;margin:0}.tenant-selector-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.tenant-selector-section label{color:#2c3e50;display:block;font-size:14px;margin-bottom:8px}.tenant-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#34495e;cursor:pointer;font-size:15px;max-width:400px;padding:12px 16px;transition:border-color .2s;width:100%}.tenant-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.scheduler-toolbar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.toolbar-left{flex-shrink:0}.toolbar-filters,.toolbar-left{align-items:center;display:flex;gap:12px}.toolbar-filters{flex-wrap:wrap}.btn-clear,.toolbar-checkbox{white-space:nowrap}.actions-bar{display:flex;gap:12px;margin-bottom:20px}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#7f8c8d;font-size:13px}.filter-select{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px}.filter-select:focus{border-color:#3498db;outline:none}.checkbox-group{align-items:center;flex-direction:row}.checkbox-label{align-items:center;color:#7f8c8d;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.results-summary{border-bottom:1px solid #eee;color:#7f8c8d;font-size:14px;margin-bottom:15px;padding:12px 0}.loading-state{align-items:center;color:#7f8c8d;display:flex;font-size:16px;gap:12px;justify-content:center;padding:60px 20px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg{color:#cbd5e1;margin-bottom:16px}.empty-state h3{color:#64748b;font-size:18px;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.tasks-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.tasks-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tasks-header-row{grid-gap:12px;background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;display:grid;font-size:12px;font-weight:600;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 180px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.task-row{border-bottom:1px solid #eee;transition:background-color .15s}.task-row:last-child{border-bottom:none}.task-row.expanded,.task-row:hover{background:#f8fafc}.task-row.disabled-task{opacity:.7}.task-row-main{grid-gap:12px;align-items:center;cursor:pointer;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 180px;padding:12px 16px}.task-col{align-items:center;display:flex;gap:8px;min-width:0}.task-col.name-col{align-items:flex-start;flex-direction:column;gap:4px}.task-col .task-name{color:#2c3e50;font-weight:500;max-width:100%}.task-col .task-name,.task-col .tenant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-col .frequency-text,.task-col .tenant-name{color:#64748b;font-size:13px}.task-col .next-run-time{color:#2c3e50;font-size:13px}.task-col.actions-col{gap:4px;justify-content:flex-end}.expand-btn{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;padding:6px;transition:all .15s}.expand-btn:hover{background:#e2e8f0;color:#64748b}.task-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:box-shadow .2s}.task-card:hover{box-shadow:0 4px 8px #00000026}.task-card.expanded{box-shadow:0 4px 12px #00000026}.task-card.disabled-task{opacity:.7}.task-header{cursor:pointer;gap:16px;padding:16px}.task-header,.task-icon{align-items:center;display:flex}.task-icon{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:8px;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.task-info{flex:1 1;min-width:0}.task-info h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.status-badge{align-items:center;border-radius:12px;display:inline-flex;gap:4px}.status-badge.success{background:#d1fae5;color:#059669}.status-badge.warning{background:#fef3c7;color:#d97706}.status-badge.danger{background:#fee2e2;color:#dc2626}.status-badge.info{background:#dbeafe;color:#2563eb}.status-badge.primary{background:#e0e7ff;color:#4f46e5}.frequency-badge,.module-badge,.tenant-badge{align-items:center;background:#f1f5f9;border-radius:12px;color:#64748b;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px}.tenant-badge{background:#e0e7ff;color:#4f46e5}.disabled-badge{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:11px;font-weight:500;padding:2px 8px}.task-next-run{align-items:flex-end;display:flex;flex-direction:column;min-width:120px}.next-run-label{color:#94a3b8;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.next-run-time{color:#2c3e50;font-size:14px;font-weight:500}.task-actions{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.action-btn.test{background:#d1fae5;color:#059669}.action-btn.test:hover:not(:disabled){background:#059669;color:#fff}.action-btn.toggle{background:#fef3c7;color:#d97706}.action-btn.toggle:hover{background:#d97706;color:#fff}.action-btn.edit{background:#dbeafe;color:#2563eb}.action-btn.edit:hover{background:#2563eb;color:#fff}.action-btn.delete{background:#fee2e2;color:#dc2626}.action-btn.delete:hover{background:#dc2626;color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.6}.expand-button{background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;padding:8px;transition:background .2s}.expand-button:hover{background:#f1f5f9}.task-details{animation:slideDown .2s ease-out;border-top:1px solid #eee;padding:0 16px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-top:16px}.detail-section h4{color:#3498db;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.detail-item{align-items:flex-start;color:#34495e;display:flex;font-size:14px;gap:10px;margin-bottom:10px}.detail-item svg{color:#3498db;flex-shrink:0;margin-top:2px}.detail-item strong{color:#7f8c8d;font-weight:500;margin-right:4px}.detail-item.code-block{flex-direction:column}.detail-item pre{background:#f8fafc;border-radius:6px;font-size:12px;margin:0;overflow-x:auto;padding:12px;width:100%}.detail-footer{align-items:center;border-top:1px solid #eee;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:12px;gap:16px;margin-top:16px;padding-top:16px}.version-warning{color:#d97706;font-weight:500;gap:4px}.pagination,.version-warning{align-items:center;display:flex}.pagination{gap:16px;justify-content:center;margin-top:20px;padding:16px}.pagination-info{color:#7f8c8d;font-size:14px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.task-form-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#2c3e50;font-size:20px;margin:0}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:28px;line-height:1;padding:0}.close-btn:hover{color:#64748b}.task-form-modal form{padding:24px}.form-error{align-items:center;background:#fee2e2;border-radius:6px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.form-group label{color:#2c3e50}.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;opacity:1}.field-hint.success-hint{color:#16a34a}.field-hint.error-hint{color:#dc2626}.task-scope-toggle{border:1px solid #cbd5e1;border-radius:6px;display:flex;gap:0;overflow:hidden}.task-scope-toggle .toggle-btn{background:#fff;border:none;border-right:1px solid #cbd5e1;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.task-scope-toggle .toggle-btn:last-child{border-right:none}.task-scope-toggle .toggle-btn:hover{background:#f1f5f9}.task-scope-toggle .toggle-btn.active{background:#3498db;color:#fff}.agent-validation-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.agent-status{align-items:center;border-radius:6px;display:flex;gap:12px;margin-top:8px;padding:12px}.agent-status svg{flex-shrink:0}.agent-status.looking-up{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.agent-status.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.agent-status.error,.agent-status.success{align-items:flex-start;flex-direction:column}.agent-status.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.agent-help-text{font-size:13px;margin:8px 0 0;opacity:.8}.agent-details{font-family:Courier New,monospace;font-size:13px;margin:4px 0 0;opacity:.8}.form-group .static-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:14px;padding:12px 16px}.form-group textarea{min-height:80px}.form-group .code-input{font-family:Menlo,Monaco,Courier New,monospace;font-size:13px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.tool-info{background:#f8fafc;border-radius:6px;margin-bottom:20px;padding:16px}.tool-info p{color:#64748b;font-size:14px;margin:0 0 12px}.tool-info .required-params{font-size:13px}.tool-info .required-params strong{color:#2c3e50;display:block;margin-bottom:6px}.tool-info .required-params ul{color:#64748b;margin:0;padding-left:20px}.tool-info .required-params li{margin-bottom:4px}.form-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;color:#64748b}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.days-of-week-grid{display:flex;flex-wrap:wrap;gap:8px}.day-checkbox{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s}.day-checkbox:hover{background:#e2e8f0}.day-checkbox input:checked+span{color:#3498db;font-weight:600}.day-checkbox input{accent-color:#3498db;height:16px;width:16px}.inline-checkbox{align-items:center;display:flex;gap:8px;margin-bottom:10px}.end-date-input{border:1px solid #ddd;border-radius:6px;font-size:14px;max-width:200px;padding:10px 12px;width:100%}.end-date-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.assign-section{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.assign-options{display:flex;gap:20px;margin-bottom:12px}.radio-label{align-items:center;color:#34495e;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-label input[type=radio]{accent-color:#3498db;height:16px;width:16px}.assignee-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.assignee-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}@media (max-width:768px){.power-scheduler-container{padding:12px}.power-scheduler-header .header-content{align-items:flex-start;flex-direction:column}.tasks-container{grid-template-columns:1fr}.tasks-header-row{display:none}.task-row-main{gap:8px;grid-template-columns:1fr}.task-col{padding:4px 0}.task-col.name-col{font-size:15px}.task-col.actions-col{border-top:1px solid #eee;justify-content:flex-start;margin-top:8px;padding-top:8px}.task-col:before{color:#94a3b8;content:attr(data-label);display:block;font-size:11px;margin-bottom:2px;text-transform:uppercase}.task-col.actions-col:before,.task-col.name-col:before{display:none}.task-header{flex-wrap:wrap}.task-next-run{align-items:flex-start;margin-top:8px;width:100%}.task-actions{justify-content:flex-end;margin-top:8px;width:100%}.detail-grid,.form-row{grid-template-columns:1fr}.actions-bar{flex-wrap:wrap}.filters-row{align-items:stretch;flex-direction:column}.filter-select{width:100%}.ticket-mode-row{align-items:stretch;flex-direction:column;gap:8px}.ticket-mode-row .radio-label{justify-content:flex-start;width:100%}.ticket-update-option{flex-wrap:wrap}.inline-ticket-input{margin-left:0;margin-top:8px;width:100%}}@media (min-width:1400px){.tasks-container{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.ticket-toggle-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.ticket-toggle-header,.toggle-switch-label{align-items:center;display:flex;justify-content:space-between}.toggle-switch-label{cursor:pointer;gap:16px;width:100%}.toggle-label-text{color:#2c3e50;font-size:14px;font-weight:500}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#3498db,#2980b9)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #3498db33}.ticket-options{animation:slideDown .2s ease-out;border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.ticket-mode-buttons{background:#f1f5f9;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:4px;width:-webkit-fit-content;width:fit-content}.ticket-mode-buttons .mode-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.ticket-mode-buttons .mode-btn:hover{background:#ffffff80}.ticket-mode-buttons .mode-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#3498db}.ticket-integration-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.ticket-integration-section>label{color:#2c3e50;display:block;font-weight:600;margin-bottom:12px}.ticket-mode-options{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.ticket-mode-options .radio-label{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.ticket-mode-options .radio-label:hover{border-color:#3498db}.ticket-mode-options .radio-label input[type=radio]:checked+span,.ticket-mode-options .radio-label:has(input:checked){background:#ebf5ff;border-color:#3498db}.existing-ticket-input{margin-top:12px}.existing-ticket-input label{color:#4a5568;display:block;font-size:14px;margin-bottom:6px}.existing-ticket-input input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 14px;width:200px}.existing-ticket-input input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.new-ticket-options{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.new-ticket-options .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:12px}.new-ticket-options .form-group{margin-bottom:0}.new-ticket-options .form-group label{color:#4a5568;display:block;font-size:14px;margin-bottom:6px}.new-ticket-options .form-group input,.new-ticket-options .form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 14px;width:100%}.new-ticket-options .form-group input:focus,.new-ticket-options .form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.field-hint{color:#7f8c8d;display:block;font-size:12px;margin-top:4px}.field-hint.warning{color:#d97706;font-weight:500}.tenant-selector-group select.highlight-required{background-color:#fffbeb;border-color:#f59e0b}.tenant-selector-group select.highlight-required:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.ticket-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.ticket-section>label{color:#2c3e50;display:block;font-weight:600;margin-bottom:12px}.ticket-mode-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.ticket-mode-row .radio-label{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .15s}.ticket-mode-row .radio-label:hover{border-color:#3498db}.ticket-mode-row .radio-label:has(input:checked){background:#ebf5ff;border-color:#3498db}.ticket-mode-row .radio-label input[type=radio]:disabled+span{color:#94a3b8}.ticket-update-option{align-items:center;display:flex;gap:8px}.inline-ticket-input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-left:8px;padding:6px 10px;width:100px}.inline-ticket-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.inline-ticket-input::placeholder{color:#94a3b8}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.input-mode-section{margin-bottom:20px}.input-mode-section>label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.input-mode-toggle{background:#f1f5f9;border-radius:8px;display:flex;gap:8px;padding:4px;width:-webkit-fit-content;width:fit-content}.mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.mode-btn:hover{background:#ffffff80}.mode-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#3498db}.natural-language-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:20px}.natural-language-section label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.natural-language-section textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;min-height:100px;padding:14px 16px;resize:vertical;transition:border-color .2s;width:100%}.natural-language-section textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.nl-actions{display:flex;justify-content:flex-end;margin-top:12px}.interpret-btn{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.interpret-btn:hover:not(:disabled){box-shadow:0 4px 8px #9b59b64d;transform:translateY(-1px)}.interpret-btn:disabled{cursor:not-allowed;opacity:.6}.interpret-error{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px 16px}.command-preview{background:#fff;border:2px solid #dbeafe;border-radius:8px;margin-bottom:20px;overflow:hidden}.preview-header{align-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-bottom:1px solid #c7d2fe;display:flex;justify-content:space-between;padding:14px 16px}.preview-header h4{color:#3730a3;font-size:15px;font-weight:600;margin:0}.preview-badges{display:flex;gap:8px}.confidence-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.confidence-badge.high{background:#d1fae5;color:#059669}.confidence-badge.medium{background:#fef3c7;color:#d97706}.confidence-badge.low{background:#fee2e2;color:#dc2626}.source-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.source-badge.ai{background:#e0e7ff;color:#4f46e5}.source-badge.pattern{background:#f1f5f9;color:#64748b}.preview-content{padding:16px}.human-readable{background:#f8fafc;border-left:4px solid #3498db;border-radius:6px;color:#1e293b;font-size:16px;font-weight:500;margin-bottom:16px;padding:12px 16px}.preview-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.preview-detail{display:flex;flex-direction:column;gap:4px}.preview-detail strong{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.preview-detail span{color:#1e293b;font-size:14px}.params-preview{margin-bottom:16px}.params-preview h5{color:#64748b;font-size:13px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.params-preview pre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;margin:0;overflow-x:auto;padding:12px 16px}.missing-params{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.missing-params svg{color:#d97706;flex-shrink:0;margin-top:2px}.missing-params span{color:#92400e;font-size:14px}.reasoning{background:#f8fafc;border-radius:6px;color:#64748b;font-size:14px;font-style:italic;margin-bottom:16px;padding:12px 16px}.preview-actions{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding-top:16px}.btn-regenerate{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.btn-regenerate:hover{background:#e2e8f0}.btn-apply{align-items:center;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-apply:hover{box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}@media (max-width:768px){.ticket-mode-options{flex-direction:column;gap:8px}.ticket-mode-options .radio-label{justify-content:flex-start;width:100%}.new-ticket-options .form-row{grid-template-columns:1fr}.existing-ticket-input input,.input-mode-toggle{width:100%}.mode-btn{flex:1 1;justify-content:center}.preview-details{grid-template-columns:1fr}.preview-badges{flex-wrap:wrap}}.code-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.code-section>label{color:#2c3e50;display:block;font-weight:600;margin-bottom:12px}.code-editor-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.code-editor-panel,.code-preview-panel{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.panel-header{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:10px 14px}.preview-badge{background:#dbeafe;border-radius:10px;color:#2563eb;font-size:11px;font-weight:500;padding:2px 8px}.code-editor-panel .code-input{border:none;border-radius:0;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;min-height:140px;padding:14px;resize:vertical;width:100%}.code-editor-panel .code-input:focus{box-shadow:none;outline:none}.code-preview{word-wrap:break-word;background:#f8fafc;color:#334155;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;margin:0;max-height:200px;min-height:140px;overflow:auto;padding:14px;white-space:pre-wrap}.tool-lock-hint{background:#dbeafe;color:#1e40af;display:block;font-size:13px;font-weight:500;margin-bottom:12px}.error-hint,.tool-lock-hint{border-radius:4px;padding:8px 12px}.error-hint{background:#fee2e2;color:#dc2626!important;margin-top:8px}.has-error,.input-error{background:#fef2f2!important;border-color:#dc2626!important}.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262633!important}@media (max-width:768px){.code-editor-container{grid-template-columns:1fr}.code-preview-panel{order:-1}}.task-type-section{margin-bottom:20px}.task-type-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.task-type-card{align-items:flex-start;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .2s ease}.task-type-card:hover:not(.disabled){background:#f1f5f9;border-color:#3498db;border-color:var(--type-color,#3498db)}.task-type-card.selected{background:#fff;border-color:#3498db;border-color:var(--type-color,#3498db);box-shadow:0 2px 8px #0000001a}.task-type-card.disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.task-type-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#3498db;color:var(--type-color,#3498db);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.task-type-card.selected .task-type-icon{background:#3498db;background:var(--type-color,#3498db);color:#fff}.task-type-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.task-type-name{color:#1e293b;font-size:14px;font-weight:600}.task-type-description{color:#64748b;font-size:12px;line-height:1.4}.task-type-check{color:#3498db;color:var(--type-color,#3498db);position:absolute;right:8px;top:8px}.coming-soon-badge{background:#f59e0b;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.task-type-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:20px}.form-section-title{align-items:center;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.auto-ticket-form .form-section-title svg,.form-section-title svg{color:#3498db}.ai-command-form .form-section-title svg{color:#9b59b6}.webhook-form .form-section-title svg{color:#27ae60}.copilot-form .form-section-title svg{color:#f39c12}.task-type-form .code-input{background:#f1f5f9;border:1px solid #e2e8f0;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px}.task-type-form .code-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.coming-soon-overlay{min-height:200px;position:relative}.coming-soon-message{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.coming-soon-message svg{color:#f39c12;margin-bottom:16px;opacity:.7}.coming-soon-message p{font-size:16px;font-weight:500;margin:0}.coming-soon-message .sub-text{color:#94a3b8;font-size:14px;font-weight:400;margin-top:8px}@media (max-width:768px){.task-type-selector{grid-template-columns:1fr}.task-type-card{padding:12px}.task-type-icon{height:36px;width:36px}}.task-type-badge{align-items:center;background:color-mix(in srgb,#3498db 15%,#fff);background:color-mix(in srgb,var(--type-color,#3498db) 15%,#fff);border-radius:12px;color:#3498db;color:var(--type-color,#3498db);display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;white-space:nowrap}.task-type-badge svg{flex-shrink:0}.task-col.type-col{min-width:100px}.user-role-management{background:#f8f9fa;min-height:calc(100vh - 80px);padding:20px}.management-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.management-header h2{color:#2c3e50;margin:0}.header-controls{align-items:center;display:flex;gap:15px}.tenant-filter{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;padding:8px 12px}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f0f2f5}.users-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;text-align:left}.users-table td,.users-table th{font-size:14px;padding:12px 16px}.users-table td{border-bottom:1px solid #e9ecef}.users-table tbody tr:hover{background:#f8f9fa}.role-badge{font-size:12px;padding:4px 8px;text-transform:capitalize}.role-badge-small{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;height:24px;line-height:24px;text-align:center;width:24px}.role-badge-small.role-viewer,.role-badge.role-viewer{background:#e3f2fd;color:#1976d2}.role-badge-small.role-editor,.role-badge.role-editor{background:#fff3e0;color:#f57c00}.role-badge-small.role-admin,.role-badge.role-admin{background:#fce4ec;color:#c2185b}.role-badge-small.role-globaladmin,.role-badge.role-globaladmin{background:#673ab7;color:#fff}.role-badge-small.role-superadmin,.role-badge.role-superadmin{background:#f3e5f5;color:#7b1fa2}.role-badge.role-user{background:#e8f5e9;color:#388e3c}.role-badge-small.role-\\-,.role-badge.role-\\-{background:#f5f5f5;color:#999}.role-display{align-items:center;display:inline-flex;gap:8px}.role-display:hover .edit-hint{opacity:1}.edit-hint{font-size:12px;opacity:0;transition:opacity .2s}.role-edit{align-items:center;display:inline-flex;gap:4px}.role-edit select{border:1px solid #ddd;border-radius:4px;font-size:12px;padding:4px 8px}.btn-cancel,.btn-save{font-size:14px;padding:4px 8px}.btn-cancel,.btn-cancel-small,.btn-save,.btn-save-small{border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-cancel-small,.btn-save-small{font-size:12px;padding:2px 6px}.btn-save,.btn-save-small{background:#4caf50;color:#fff}.btn-save-small:hover:not(:disabled),.btn-save:hover:not(:disabled){background:#45a049}.btn-cancel,.btn-cancel-small{background:#f44336;color:#fff}.btn-cancel-small:hover:not(:disabled),.btn-cancel:hover:not(:disabled){background:#da190b}.btn-cancel-small:disabled,.btn-cancel:disabled,.btn-save-small:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5}.role-legend{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:20px}.role-legend h3{color:#2c3e50;font-size:16px;margin:0 0 15px}.legend-items{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.legend-item{align-items:center;display:flex;gap:10px}.legend-item span:last-child{color:#666;font-size:14px}.loading{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;min-height:400px}@media (max-width:768px){.user-role-management{padding:10px}.management-header{align-items:stretch;flex-direction:column;gap:15px;padding:15px}.header-controls{flex-direction:column;gap:10px;width:100%}.tenant-filter{min-width:0;min-width:auto;width:100%}.btn-primary{justify-content:center;width:100%}.users-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table{min-width:600px}.users-table td,.users-table th{font-size:13px;padding:10px}.users-table td:nth-child(3),.users-table th:nth-child(3){display:none}.role-legend{margin-top:20px;padding:15px}.legend-items{gap:10px;grid-template-columns:1fr}.legend-item{font-size:13px}.role-badge{font-size:11px;padding:3px 6px}.role-badge-small{font-size:10px;height:20px;line-height:20px;width:20px}.btn-cancel-small,.btn-save-small{min-height:32px;min-width:36px;padding:6px 10px}}@media (max-width:480px){.user-role-management{padding:5px}.management-header{margin-bottom:15px;padding:10px}.management-header h2{font-size:18px}.users-table{min-width:500px}.users-table td,.users-table th{font-size:12px;padding:8px}.users-table td:nth-child(2),.users-table th:nth-child(2){display:none}.role-legend h3{font-size:14px}}.profile-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;height:80vh;left:50%;max-width:900px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.profile-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px}.profile-header h2{color:#333;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.close-button:hover{background-color:#f0f0f0}.profile-body{display:flex;flex:1 1;overflow:hidden}.profile-tabs{background:#f8f9fa;border-right:1px solid #e0e0e0;padding:20px 0;width:250px}.profile-tabs .tab{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 20px;text-align:left;transition:all .2s;width:100%}.profile-tabs .tab:hover:not(:disabled){background:#e8eaed;color:#333}.profile-tabs .tab.active{background:#fff;border-left:3px solid #0078d4;color:#0078d4;font-weight:500}.profile-tabs .tab:disabled{cursor:not-allowed;opacity:.5}.profile-content{flex:1 1;overflow-y:auto;padding:30px}.tab-content h3{color:#333;font-size:20px;margin:0 0 25px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:14px}.info-item .monospace{background:#f0f0f0;border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:4px 8px}.settings-group{gap:20px}.setting-item,.settings-group{display:flex;flex-direction:column}.setting-item{gap:8px}@media (max-width:768px){.profile-container{border-radius:0;display:flex;flex-direction:column;height:100vh;left:0;max-width:100%;position:fixed;top:0;transform:none;width:100%}.profile-header{background:#fff;flex-shrink:0;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.profile-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.profile-tabs{border-bottom:1px solid #e0e0e0;border-right:none;display:none;padding:0;width:100%}.profile-content{flex:1 1;overflow-y:auto;padding:20px}.tab-content{border-bottom:1px solid #e0e0e0;display:block!important;margin-bottom:30px;padding-bottom:20px}.tab-content:last-child{border-bottom:none;padding-bottom:80px}.info-grid{grid-template-columns:1fr}.profile-footer{background:#fff;bottom:0;position:-webkit-sticky!important;position:sticky!important;z-index:10}}.setting-item label{color:#333;font-size:14px;font-weight:500}.setting-item input[type=number],.setting-item input[type=text],.setting-item select{border:1px solid #ddd;border-radius:4px;font-size:14px;max-width:300px;padding:8px 12px}.setting-item input:focus,.setting-item select:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d41a;outline:none}.setting-item.checkbox{align-items:center;flex-direction:row}.setting-item.checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.setting-item.checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.profile-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px}.unsaved-indicator{align-items:center;color:#ff9800;display:flex;font-size:13px;font-weight:500;gap:5px}.unsaved-indicator:before{content:"•";font-size:20px}.footer-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{border-radius:4px;gap:6px;padding:8px 16px;transition:all .2s}.btn-primary{background:#0078d4;border:none}.btn-primary:hover:not(:disabled){background:#106ebe}.btn-primary:disabled{opacity:.6}.btn-secondary{background:#fff;border:1px solid #ddd;color:#666}.btn-secondary:hover{background:#f0f0f0;color:#333}.coming-soon{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.coming-soon p{font-size:16px;margin-top:20px}.profile-loading{align-items:center;color:#666;display:flex;font-size:16px;height:100%;justify-content:center}.setting-description{color:#666;font-size:12px;margin-left:25px;margin-top:5px}.info-section{background:#f8f9fa;border-radius:6px;margin-top:20px;padding:15px}.info-section h4{color:#333;font-size:14px;margin:0 0 10px}.info-text{align-items:center;color:#666;display:flex;font-size:13px;margin:5px 0}@media (max-width:768px){.profile-container{border-radius:8px;height:90vh;margin:0;max-width:95%;width:95%}.profile-header{padding:15px 20px}.profile-header h2{font-size:20px}.profile-body{flex-direction:column}.profile-tabs{border-bottom:1px solid #e0e0e0;border-right:none;display:flex;overflow-x:auto;padding:10px 0;width:100%}.profile-tabs .tab{border-bottom:3px solid #0000;border-left:none;padding:10px 15px;white-space:nowrap}.profile-tabs .tab.active{border-bottom:3px solid #0078d4;border-left:none}.profile-content{padding:20px}.info-grid{gap:15px;grid-template-columns:1fr}.setting-item input[type=number],.setting-item input[type=text],.setting-item select{max-width:100%}.profile-footer{align-items:stretch;flex-direction:column;gap:15px;padding:15px 20px}.footer-actions{flex-direction:column;width:100%}.footer-actions button{justify-content:center;width:100%}}@media (max-width:480px){.profile-container{border-radius:0;height:100vh;max-width:100%;width:100%}.profile-header{padding:10px 15px}.profile-content{padding:15px}.profile-tabs{padding:5px 0}.profile-tabs .tab{font-size:13px;padding:8px 12px}.tab-content h3{font-size:18px;margin-bottom:15px}}.ai-search-bar{align-items:center;display:flex;flex-shrink:0;margin:0 20px}.ai-search-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;min-width:200px;padding:8px 16px;transition:all .2s ease}.ai-search-button:hover{background:#ffffff26;border-color:#ffffff4d}.ai-search-button:active{background:#fff3}.ai-icon{color:gold;flex-shrink:0}.ai-search-placeholder{color:#ffffffb3;flex:1 1;font-weight:400;text-align:left}@media (max-width:768px){.ai-search-bar{margin:0 10px}.ai-search-button{min-width:40px;padding:8px 12px}.ai-search-placeholder{display:none}}@media (max-width:480px){.ai-search-bar{margin:0 5px}.ai-search-button{min-width:36px;padding:6px 10px}}.ai-panel-overlay{background:#0000004d;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.ai-panel-overlay-floating{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.ai-chat-panel{background:#fff;display:flex;flex-direction:column;z-index:1000}.ai-chat-panel.floating{animation:fadeInScale .3s ease;border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ai-chat-panel.docked-right{animation:slideInRight .3s ease;box-shadow:-2px 0 10px #0000001a}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.ai-chat-panel.docked-left{animation:slideInLeft .3s ease;box-shadow:2px 0 10px #0000001a}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.ai-chat-panel.dragging,.ai-chat-panel.resizing{-webkit-user-select:none;user-select:none}.ai-chat-panel.dragging{cursor:move}.resize-handle{background:#0000;bottom:0;cursor:ew-resize;position:absolute;top:0;width:6px;z-index:10}.resize-handle.resize-left{left:0}.resize-handle.resize-right{right:0}.resize-handle:hover{background:#007bff1a}.resize-handle.resize-left:after{left:2px}.resize-handle.resize-left:after,.resize-handle.resize-right:after{background:#007bff4d;border-radius:2px;content:"";height:40px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.resize-handle.resize-right:after{right:2px}.resize-handle-corner{bottom:0;cursor:nwse-resize;height:16px;position:absolute;right:0;width:16px;z-index:11}.resize-handle-corner:after{border-color:#0000 #0000 #007bff66;border-style:solid;border-width:0 0 12px 12px;bottom:2px;content:"";height:0;position:absolute;right:2px;width:0}.resize-handle-corner:hover:after{border-color:#0000 #0000 #007bff99}.ai-panel-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.ai-panel-header.draggable{cursor:move;-webkit-user-select:none;user-select:none}.ai-panel-header.draggable:active{cursor:grabbing}.ai-panel-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px}.drag-hint{color:#999;font-size:11px;font-weight:400;margin-left:4px}.ai-panel-controls{align-items:center;display:flex;gap:8px}.icon-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s ease,color .2s ease}.icon-button:hover{background:#0000000d;color:#333}.icon-button.active{background:#007bff1a;color:#007bff}.thread-list-sidebar{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;max-height:300px}.thread-list-header{border-bottom:1px solid #e0e0e0;padding:12px 20px}.thread-list-header h4{color:#666;font-size:14px;font-weight:600;margin:0}.thread-list{flex:1 1;overflow-y:auto}.thread-item{background:#0000;border:none;border-bottom:1px solid #e0e0e0;cursor:pointer;display:block;padding:12px 20px;text-align:left;transition:background .2s ease;width:100%}.thread-item:hover{background:#007bff0d}.thread-item.active{background:#007bff1a;border-left:3px solid #007bff;padding-left:17px}.thread-title{color:#333;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{color:#999;font-size:12px}.empty-state{color:#999;padding:40px 20px}.ai-panel-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.empty-chat-state{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.empty-chat-state svg{color:#ccc;margin-bottom:20px}.empty-chat-state h3{color:#333;font-size:20px;margin:0 0 12px}.empty-chat-state p{color:#666;margin:0 0 24px;max-width:300px}.example-prompts{display:flex;flex-direction:column;gap:8px;max-width:300px;width:100%}.example-prompt{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:10px 16px;text-align:left;transition:all .2s ease}.example-prompt:hover{background:#e9ecef;border-color:#007bff;color:#007bff}.message{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:8px;max-width:80%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:12px;line-height:1.5;padding:12px 16px;white-space:pre-wrap}.message.user .message-content{background:#007bff;border-bottom-right-radius:4px;color:#fff}.message.assistant .message-content{background:#f1f3f5;border-bottom-left-radius:4px;color:#333}.typing-indicator{align-items:center;display:flex;gap:4px;padding:16px!important}.typing-indicator span{animation:typing 1.4s infinite;background:#999;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.navigation-suggestion{margin-top:8px}.nav-button{background:#fff;border:1px solid #007bff;color:#007bff;transition:all .2s ease}.nav-button:hover{background:#007bff;color:#fff}.error-message{background:#fff3cd;border-top:1px solid #ffc107;color:#856404;flex-shrink:0;font-size:14px;padding:12px 20px}.message-input-container{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:8px;padding:16px 20px}.message-input{border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s ease}.message-input:focus{border-color:#007bff}.message-input:disabled{background:#f8f9fa;cursor:not-allowed}.send-button{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px;transition:background .2s ease}.send-button:hover:not(:disabled){background:#0056b3}.send-button:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.ai-panel-overlay{display:block}.ai-chat-panel{max-width:100%!important;width:100%!important}.resize-handle{display:none}.thread-list-sidebar{max-height:200px}.message{max-width:90%}}@media (max-width:480px){.ai-panel-header{padding:12px 16px}.ai-panel-title{font-size:14px}.messages-container{padding:12px}.message-input-container{padding:12px 16px}.empty-chat-state{padding:20px 16px}.empty-chat-state h3{font-size:18px}}.powerassistant-settings{max-width:1400px;padding:20px}.settings-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.settings-header h3{color:#333;font-size:20px;margin:0}.settings-header svg{color:gold}.empty-state{color:#666;padding:40px;text-align:center}.empty-state small{color:#999;display:block;font-size:12px;margin-top:8px}.settings-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:20px}.settings-tabs .tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease}.settings-tabs .tab:hover{background:#f8f9fa;color:#333}.settings-tabs .tab.active{border-bottom-color:#007bff;color:#007bff}.settings-tabs .tab svg{flex-shrink:0}.settings-message{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 16px}.settings-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.settings-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.settings-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:32px;padding:20px}.settings-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.section-description{color:#666;font-size:14px;margin:0 0 16px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=number],.form-group input[type=text],.form-group textarea{border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.form-group input[type=range]{margin:8px 0;width:100%}.form-group small{color:#6c757d;display:block;font-size:12px;font-style:italic;margin-top:6px}.form-group textarea{font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;min-height:100px;resize:vertical}.tools-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tool-checkbox{align-items:flex-start;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.tool-checkbox:hover{background:#f0f8ff;border-color:#007bff}.tool-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:2px}.tool-info{flex:1 1}.tool-name{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.tool-description{color:#6c757d;font-size:12px}.feature-checkbox{align-items:flex-start;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.feature-checkbox:hover{background:#f0f8ff;border-color:#007bff}.feature-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:2px}.feature-info{flex:1 1}.feature-name{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.feature-description{color:#6c757d;font-size:12px}.settings-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-secondary:disabled{background:#ccc;cursor:not-allowed}.settings-note{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-top:24px;padding:16px}.settings-note p{color:#856404;font-size:13px;margin:0}.settings-note strong{color:#533f03}.capabilities-debug{padding:20px 0}.capabilities-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:24px;margin-bottom:20px;padding:16px 20px}.capabilities-summary p{color:#333;font-size:14px;margin:0}.capabilities-summary strong{margin-right:8px}.capability-module{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:20px}.capability-module:last-child{margin-bottom:0}.module-name{color:#333;font-size:16px;font-weight:600;margin:0 0 16px;text-transform:capitalize}.tools-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tool-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:12px 16px;transition:all .2s ease}.tool-item.has-access{background:#f0fff4;border-left:4px solid #28a745}.tool-item.no-access{background:#fff5f5;border-left:4px solid #dc3545;opacity:.7}.tool-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.tool-item-name{color:#333;flex:1 1;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;font-weight:500}.tool-item-role{color:#6c757d;font-size:12px}.access-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:3px 10px;white-space:nowrap}.access-badge.granted{background:#28a745;color:#fff}.access-badge.denied{background:#dc3545;color:#fff}.user-role-badge{background:#6c757d;border-radius:3px;color:#fff;font-size:11px;margin-left:8px;padding:2px 6px}.role-badge{background:#007bff;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.debug-note{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;margin-top:24px;padding:16px}.debug-note p{color:#004085;font-size:13px;margin:0}.debug-note strong{color:#002752}.token-stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center}.stat-card.highlight{background:#e7f3ff;border-color:#007bff}.stat-card h4{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.stat-card .stat-value{color:#333;font-size:28px;font-weight:700;margin-bottom:4px}.stat-card small{color:#999;display:block;font-size:11px}.token-by-model{margin-bottom:24px}.model-stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.model-stats-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.pagination-controls{align-items:center;display:flex;gap:12px}.pagination-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#007bff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#666;font-size:13px;font-weight:500;min-width:50px;text-align:center}.model-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.model-stat-card{background:#fff;border:1px solid #dee2e6;border-left:4px solid #007bff;border-radius:6px;padding:16px}.model-name{color:#333;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;font-weight:600;margin-bottom:12px}.model-metrics{display:flex;flex-direction:column;gap:6px}.metric{display:flex;font-size:13px;justify-content:space-between}.metric-label{color:#666}.metric-value{color:#333;font-weight:600}.recent-usage{margin-bottom:24px}.recent-usage h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.usage-table{border:1px solid #dee2e6;border-radius:8px;overflow-x:auto}.usage-table table{background:#fff;border-collapse:collapse;font-size:13px;width:100%}.usage-table thead{background:#f8f9fa}.usage-table th{border-bottom:2px solid #dee2e6;color:#555;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.usage-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:10px 16px}.usage-table tbody tr:hover{background:#f8f9fa}.usage-table tbody tr:last-child td{border-bottom:none}.pricing-models-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.pricing-model-card{background:#fff;border:1px solid #dee2e6;border-left:4px solid #007bff;border-radius:8px;padding:16px}.pricing-model-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.model-key-input{background:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#333;flex:1 1;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;font-weight:600;padding:8px 12px}.btn-delete{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-left:12px;padding:6px 16px;transition:background .2s ease}.btn-delete:hover{background:#c82333}.pricing-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr}@media (max-width:768px){.pricing-fields{grid-template-columns:1fr}.powerassistant-settings{padding:16px}.tools-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.capabilities-summary{flex-direction:column;gap:12px}.tools-list{grid-template-columns:1fr}.settings-tabs{overflow-x:auto}.settings-tabs .tab{white-space:nowrap}}.routing-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.routing-badge.internal{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.routing-badge.external{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.routing-badge.hybrid{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.routing-badge.none{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.dashboard{background-color:#f5f6fa}.dashboard-header{box-shadow:0 2px 4px #0000001a;padding:15px 30px}.header-left{align-items:center;display:flex}.header-nav{flex-grow:1}.nav-button{align-items:center;border:1px solid #0000;border-radius:4px;color:#333;display:flex;gap:8px;padding:8px 16px}.nav-button:hover{background:#f0f0f0}.nav-button.active{background:#06c;color:#fff}.icon-nav-button{padding:8px 12px;position:relative}.icon-nav-button .nav-button-text{display:none}.resource-nav-button{padding:8px 12px;position:relative}.resource-nav-button .nav-button-text{display:none}.nav-resource-logo{background:#fff;border-radius:3px;height:20px;object-fit:contain;padding:2px;width:20px}.resource-nav-button.active .nav-resource-logo{background:#ffffffe6}.internal-modules-nav{align-items:center;display:inline-flex;position:relative}.ttg-logo-button{align-items:center;display:flex;justify-content:center;padding:8px 12px}.ttg-logo-icon{filter:brightness(.3);height:24px;object-fit:contain;transition:filter .2s;width:24px}.ttg-logo-button.active .ttg-logo-icon,.ttg-logo-button:hover .ttg-logo-icon{filter:brightness(1)}@keyframes navFadeSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.nav-mode-animate{animation:navFadeSlideIn .25s ease-out forwards}.nav-mode-animate:first-child{animation-delay:0ms}.nav-mode-animate:nth-child(2){animation-delay:30ms}.nav-mode-animate:nth-child(3){animation-delay:60ms}.nav-mode-animate:nth-child(4){animation-delay:90ms}.nav-mode-animate:nth-child(5){animation-delay:.12s}.nav-mode-animate:nth-child(6){animation-delay:.15s}.nav-mode-animate:nth-child(7){animation-delay:.18s}.internal-modules-dropdown{background:linear-gradient(135deg,var(--ttg-primary-start) 0,var(--ttg-primary-end) 100%);border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;left:0;margin-top:8px;padding:8px;position:absolute;top:100%;z-index:1100}.internal-module-dropdown-item{background:#ffffff1a;border:1px solid #fff3;color:#fff}.internal-module-dropdown-item:hover{background:#fff3}.header-right{gap:15px}.user-info{color:#666;font-size:14px}.logout-button{background:#dc3545;border:none;border-radius:4px;padding:8px 16px}.logout-button:hover{background:#c82333}.dashboard-content{padding:30px}.welcome-section{margin-bottom:30px}.welcome-section h2{font-size:28px}.welcome-section p{font-size:16px}.resource-hub{margin-bottom:40px}.section-title{border-bottom:2px solid #e9ecef;color:#333;font-size:20px;margin-bottom:20px;padding-bottom:10px}.resource-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.resource-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.resource-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.resource-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:12px;padding:15px}.resource-logo{background:#fff;border-radius:4px;height:30px;object-fit:contain;padding:4px;width:30px}.resource-header h4{flex-grow:1;font-size:16px;margin:0}.resource-body{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:15px;text-align:center}.resource-image{flex-shrink:0;height:120px;margin-bottom:12px;max-width:200px;object-fit:contain;width:100%}.resource-description{color:#666;flex-shrink:0;font-size:14px;line-height:1.4;margin:0;min-height:40px}.resource-actions{background:#f8f9fa;display:flex;gap:10px;justify-content:center;padding:12px 15px}.resource-btn{align-items:center;border:1px solid #0000;border-radius:4px;display:inline-flex;font-size:13px;gap:5px;padding:6px 14px;text-decoration:none;transition:all .2s}.details-btn{background:#28a745;border-color:#28a745;color:#fff}.details-btn:hover{background:#218838;border-color:#1e7e34}.login-btn{background:#06c;border-color:#06c;color:#fff}.login-btn:hover{background:#0056b3;border-color:#004ea2}.no-resources{background:#fff;border-radius:8px;color:#666;padding:60px 20px;text-align:center}.loading-state{color:#666;padding:40px;text-align:center}.asset-summary-section{margin-bottom:30px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;gap:15px;padding:20px;transition:all .2s}.summary-card.clickable{cursor:pointer}.summary-card.clickable:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.summary-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;justify-content:center;padding:12px}.summary-content{flex-grow:1}.summary-content h4{color:#333;font-size:16px;margin:0 0 10px}.summary-value{color:#667eea;font-size:28px;font-weight:700;margin:0}.summary-breakdown{display:flex;flex-direction:column;gap:5px}.breakdown-item{display:flex;font-size:14px;justify-content:space-between}.breakdown-label{color:#666;text-transform:capitalize}.breakdown-value{color:#333;font-weight:500}.summary-link{color:#06c;font-size:14px;margin:0}.system-health-mini{align-items:center;background:#fff;border-radius:8px;bottom:20px;box-shadow:0 2px 8px #0000001a;display:flex;gap:10px;padding:12px 20px;position:fixed;right:20px}.system-health-mini h4{color:#666;font-size:14px;margin:0}.status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.status-healthy{background:#d4edda;color:#155724}.status-badge.status-degraded{background:#fff3cd;color:#856404}.status-badge.status-unhealthy{background:#f8d7da;color:#721c24}.status-badge.status-unknown{background:#e9ecef;color:#666}.profile-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.cards-container{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.card{border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.card h3{margin-top:0}.card.clickable{transition:all .2s}.card.clickable:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.card-action{color:#06c}.status-healthy{color:#28a745}.status-degraded{color:#ffc107}.status-unhealthy{color:#dc3545;font-weight:700}.badge{background:#6c757d;border-radius:4px;display:inline-block;font-size:12px;padding:4px 8px}.user-details{border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.user-details h3{margin-top:0}.header-mobile-top{display:none}.mobile-menu-toggle{background:#0000;border:none;color:#333;cursor:pointer;display:none;padding:8px}.header-logo{cursor:pointer;height:40px;width:auto}.header-logo.desktop-only{display:block}.header-nav-wrapper{align-items:center;display:flex;flex:1 1;justify-content:space-between}.config-text{display:inline}.config-label.mobile-only{display:none}@media (max-width:768px){.header-mobile-top{align-items:center;display:flex;justify-content:space-between;width:100%}.mobile-menu-toggle{display:block;font-size:24px}.icon-nav-button .nav-button-text,.resource-nav-button .nav-button-text{display:inline}.icon-nav-button,.resource-nav-button{justify-content:flex-start;padding:8px 16px;width:100%}.nav-resource-logo{flex-shrink:0}.header-left,.header-logo.desktop-only{display:none}.dashboard-header{flex-direction:column;padding:10px 15px;position:relative}.header-nav-wrapper{display:none;width:100%}.header-nav-wrapper.mobile-menu-open{background:#2789d7;border-top:1px solid #fff3;box-shadow:0 4px 6px #0000001a;display:block;left:0;padding:10px 15px;position:absolute;right:0;top:calc(100% + 1px);z-index:1000}.header-nav{flex-direction:column;gap:5px;width:100%}.nav-button{font-size:14px;justify-content:flex-start;padding:10px 15px;text-align:left;width:100%}.header-nav-wrapper.mobile-menu-open .header-nav .nav-button{background:#0000;border:1px solid #0000;color:#fff!important}.header-nav-wrapper.mobile-menu-open .header-nav .nav-button:hover{background:#ffffff1a;color:#fff!important}.header-nav-wrapper.mobile-menu-open .header-nav .nav-button.active{background:#fff3;border-color:#ffffff4d;color:#fff!important}.header-nav-wrapper.mobile-menu-open .header-nav .nav-button.disabled{color:#fffc!important;opacity:.6}.user-info{display:none}.desktop-profile-button{display:none!important}.header-right{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;width:100%}.header-nav-wrapper.mobile-menu-open .header-right{border-top-color:#fff3}.config-text{display:none}.config-dropdown{margin-right:0!important;position:relative!important;width:100%}.config-dropdown .config-menu-button{justify-content:center;width:100%}.config-dropdown>div{left:0;position:absolute!important;right:0;width:100%!important}.tenant-selector{margin:10px 0;max-width:none;width:100%}.resource-grid,.stats-grid{grid-template-columns:1fr}.modal,.profile-modal{margin:10px!important;max-height:90vh!important;max-width:95%!important;overflow-y:auto;width:95%!important}.modal-content{padding:15px!important}.modal-header{padding:10px 15px!important}.modal-body{max-height:60vh;overflow-y:auto;padding:15px!important}.form-group{margin-bottom:15px}input[type=email],input[type=number],input[type=text],select,textarea{font-size:16px!important;padding:10px!important;width:100%!important}}@media (max-width:480px){.dashboard-header{padding:8px 10px}.header-left,.header-nav{justify-content:flex-start;width:100%}.nav-button{font-size:13px;padding:5px 10px}.config-dropdown button{font-size:14px;padding:8px 12px}.header-nav-wrapper.mobile-menu-open .config-dropdown button{background:#0000!important;border-color:#0000!important;color:#fff!important}.header-nav-wrapper.mobile-menu-open .config-dropdown button:hover{background:#ffffff1a!important}.header-nav-wrapper.mobile-menu-open .config-menu-dropdown{background:#fff!important}.header-nav-wrapper.mobile-menu-open .config-menu-dropdown button{background:#fff!important;color:#333!important}.header-nav-wrapper.mobile-menu-open .config-menu-dropdown button:hover{background:#f5f5f5!important}.config-label{display:none}.header-nav-wrapper.mobile-menu-open .config-label.mobile-only{display:inline;margin-left:5px}.header-nav-wrapper.mobile-menu-open .tenant-selector select{background:#fff;border:1px solid #ddd;color:#333}.header-nav-wrapper.mobile-menu-open .tenant-selector select option{background:#fff;color:#333}.header-nav-wrapper.mobile-menu-open .logout-button{background:#dc3545;color:#fff}.header-nav-wrapper.mobile-menu-open .logout-button:hover{background:#c82333}}.approval-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:40px 20px}.approval-container{margin:0 auto;max-width:800px}.approval-header{color:#fff;margin-bottom:32px;text-align:center}.approval-header h1{font-size:32px;font-weight:700;margin:0 0 8px}.approval-subtitle{font-size:16px;margin:0;opacity:.9}.result-banner{align-items:flex-start;border-radius:8px;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.result-banner.success{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.result-banner.error{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.result-banner svg{flex-shrink:0;margin-top:2px}.result-message{flex:1 1}.warning-banner{align-items:center;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.quote-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:32px}.quote-status-section{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:32px;padding:20px}.status-badge-large{align-items:center;display:flex;gap:10px}.status-label-large{border-radius:6px;font-size:16px;font-weight:600;padding:6px 12px}.status-label-large.status-generated{background-color:#fef3c7;color:#f59e0b}.status-label-large.status-approved{background-color:#d1fae5;color:#10b981}.status-label-large.status-rejected{background-color:#fee2e2;color:#ef4444}.amount-badge-large{align-items:center;display:flex;gap:8px}.amount-large{color:#111827;font-size:32px;font-weight:800}.quote-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.quote-section:last-of-type{border-bottom:none;padding-bottom:0}.quote-section h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 12px}.quote-section h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.quote-description{color:#4b5563;font-size:16px;line-height:1.6;margin:0;white-space:pre-wrap}.expiration-notice{align-items:center;background-color:#fef3c7;border-radius:6px;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:32px;padding:12px 16px}.costs-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.costs-header{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:14px;font-weight:600}.cost-row,.costs-header{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 80px 120px 120px;padding:14px 20px}.cost-row{align-items:center;border-bottom:1px solid #f3f4f6;font-size:15px}.cost-row:last-child{border-bottom:none}.cost-item-desc{color:#111827;font-weight:500}.cost-row>span{color:#6b7280}.cost-total{color:#111827;font-weight:600;text-align:right}.costs-total-row{grid-gap:12px;background-color:#f9fafb;border-top:2px solid #e5e7eb;display:grid;font-size:18px;font-weight:700;gap:12px;grid-template-columns:1fr auto;padding:16px 20px}.costs-total-row .total-value{color:#111827;text-align:right}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.detail-item{grid-gap:8px;align-items:center;display:grid;font-size:15px;gap:8px;grid-template-columns:auto auto 1fr}.detail-item svg{color:#6b7280}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#111827;font-weight:500}.btn-download{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.btn-download:hover{background-color:#e5e7eb;border-color:#9ca3af}.action-section{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:32px;text-align:center}.action-prompt{color:#111827;font-size:18px;font-weight:600;margin:0 0 24px}.action-buttons{display:flex;gap:16px;justify-content:center}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s}.btn-approve{background-color:#10b981;color:#fff}.btn-approve:hover:not(:disabled){background-color:#059669;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-reject{background-color:#ef4444;color:#fff}.btn-reject:hover:not(:disabled){background-color:#dc2626;box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.btn-approve:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.6;transform:none}.approval-footer{color:#fff;font-size:14px;margin-top:32px;opacity:.9;text-align:center}.error-state,.loading{color:#fff;font-size:18px;padding:60px 20px;text-align:center}.error-state{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:60px 40px}.error-state svg{color:#ef4444;margin-bottom:20px}.error-state h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 12px}.error-state p{color:#6b7280;font-size:16px;margin:0}@media (max-width:768px){.approval-page{padding:20px 12px}.approval-header h1{font-size:24px}.quote-card{padding:20px}.quote-status-section{flex-direction:column;gap:16px;text-align:center}.amount-large{font-size:28px}.cost-row,.costs-header{font-size:13px;gap:8px;grid-template-columns:2fr 50px 80px 80px;padding:12px 14px}.costs-total-row{font-size:16px}.details-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-approve,.btn-reject{justify-content:center;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.login-header h1{font-size:2.5em;margin-bottom:10px}.login-header p{font-size:1.1em;opacity:.9}.login-content{padding:40px}.login-content h2{color:#333;margin-bottom:10px}.login-content p{color:#666;margin-bottom:30px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;padding:15px 30px;transition:transform .2s,box-shadow .2s;width:100%}.login-button:hover{box-shadow:0 10px 20px #667eea66;transform:translateY(-2px)}.login-features{border-top:1px solid #eee;margin-top:40px;padding-top:30px}.login-features h3{color:#333;margin-bottom:15px}.login-features ul{color:#666;list-style:none}.login-features li{padding:8px 0 8px 20px;position:relative}.login-features li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}.login-footer{background:#f8f9fa;color:#666;font-size:.9em;padding:20px;text-align:center}.dashboard{background:#fff;min-height:100vh}.dashboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;gap:20px;justify-content:space-between;padding:20px 40px}.header-nav{display:flex;flex:1 1;gap:10px;justify-content:center}.nav-button{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.nav-button:hover:not(.disabled){background:#fff3}.nav-button.active{background:#ffffff4d;border-color:#fff}.nav-button.disabled{cursor:not-allowed;opacity:.5}.header-left h1{font-size:1.8em}.header-right{align-items:center;display:flex;gap:20px}.user-info{font-size:1.1em}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:8px 20px;transition:background .2s}.logout-button:hover{background:#ffffff4d}.dashboard-content{margin:0 auto;max-width:1400px;padding:40px}.welcome-section{margin-bottom:40px}.welcome-section h2{color:#333;margin-bottom:10px}.welcome-section p{color:#666;font-size:1.1em}.cards-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.card.clickable{cursor:pointer}.card h3{color:#333;font-size:1.3em;margin-bottom:20px}.card p{color:#666;margin-bottom:10px}.card-action{color:#667eea;font-weight:500;margin-top:15px}.status-healthy{color:#10b981;font-weight:700}.status-degraded{color:#f59e0b;font-weight:700}.status-error{color:#ef4444;font-weight:700}.module-list{display:flex;flex-direction:column;gap:15px}.module-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.badge{background:#667eea;border-radius:20px;color:#fff;font-size:.85em;padding:4px 12px}.user-details{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.user-details h3{color:#333;margin-bottom:20px}.user-details p{color:#666;margin-bottom:10px}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px;padding:20px}.header-nav{order:3;width:100%}.header-right{order:2}}@font-face{font-family:sansationregular;font-style:normal;font-weight:400;src:url(/static/media/sansationregular-webfont.566706c34db61ee76fdb.eot);src:url(/static/media/sansationregular-webfont.566706c34db61ee76fdb.eot?#iefix) format("embedded-opentype"),url(/static/media/sansationregular-webfont.b0a518e5748ae0ec0793.woff2) format("woff2"),url(/static/media/sansationregular-webfont.770c729a79ce1f6e24ba.woff) format("woff"),url(/static/media/sansationregular-webfont.5ab095666f22f8dd2547.ttf) format("truetype"),url(/static/media/sansationregular-webfont.e24ac1049998dfadbb34.svg#sansationregular) format("svg")}:root{--ttg-primary-start:#2689d6;--ttg-primary-end:#2989d8;--ttg-accent:#2bb7ff;--ttg-text-dark:#13212d;--ttg-text-light:#777c7f;--ttg-font-heading:"sansationregular","Open Sans","Roboto",sans-serif;--ttg-font-body:"Lato","Open Sans","Roboto",sans-serif;--primary-color:#3b82f6;--success-color:#10b981;--danger-color:#ef4444;--background-color:#f9fafb;--secondary-bg:#f3f4f6;--border-color:#e5e7eb;--text-color:#111827;--text-muted:#6b7280;--hover-bg:#f3f4f6}body{font-family:Lato,Open Sans,Roboto,sans-serif;font-family:var(--ttg-font-body)}.login-button,.login-header,body{background:linear-gradient(135deg,#2689d6,#2989d8);background:linear-gradient(135deg,var(--ttg-primary-start) 0,var(--ttg-primary-end) 100%)}.login-button:hover{box-shadow:0 10px 20px #2689d666}.login-features li:before{color:#2689d6;color:var(--ttg-primary-start)}.dashboard-header{background:linear-gradient(135deg,#2689d6,#2989d8);background:linear-gradient(135deg,var(--ttg-primary-start) 0,var(--ttg-primary-end) 100%)}.card-action{color:#2689d6;color:var(--ttg-primary-start)}.badge{background:#2689d6;background:var(--ttg-primary-start)}h1,h2,h3,h4,h5,h6{font-family:sansationregular,Open Sans,Roboto,sans-serif;font-family:var(--ttg-font-heading)}
/*# sourceMappingURL=main.76a08a2f.css.map*/