.client-modal-header{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid #e9ecef;box-shadow:0 2px 4px #0000000d;color:#333;display:flex;justify-content:space-between;padding:14px 18px}.header-top{gap:12px;margin-bottom:4px}.client-modal-header h3{color:#2c3e50;flex:1 1;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:0}.client-info{gap:6px;margin-bottom:4px}.mdsp-path{transition:all .2s}.clickable-mdspath:hover{background-color:#e3f2fd!important;border-radius:4px;padding:2px 6px}.mdsp-path{background:linear-gradient(135deg,#e9ecef,#f1f3f4);border:1px solid #dee2e6;color:#495057;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;font-weight:500;transition:all .2s ease;-webkit-user-select:none;user-select:none}.mdsp-path:hover{background:linear-gradient(135deg,#dee2e6,#e9ecef);border-color:#adb5bd;transform:translateY(-1px)}.clickable-mdspath{cursor:pointer;-webkit-user-select:none;user-select:none}.clickable-mdspath:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;border-color:#90caf9!important;box-shadow:0 2px 4px #1976d233;color:#1976d2!important;transform:translateY(-1px)}.header-description{margin-top:2px}.header-description p{color:#6c757d;font-size:13px;font-weight:500;line-height:1.4;margin:0}.close-button{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d;font-size:16px;height:28px;width:28px}.close-button:hover{background:#e9ecef;border-color:#dee2e6;color:#495057;transform:scale(1.05)}.back-button{background:linear-gradient(135deg,#6c757d,#495057);border:1px solid #495057;box-shadow:0 2px 4px #0000001a;font-size:13px;font-weight:600;transition:all .2s ease;white-space:nowrap}.back-button:hover{background:linear-gradient(135deg,#495057,#343a40);border-color:#343a40;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.info-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:1px solid #0056b3;border-radius:50%;box-shadow:0 2px 4px #007bff33;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.info-button:hover{background:linear-gradient(135deg,#0056b3,#004085);border-color:#004085;box-shadow:0 4px 8px #007bff4d;transform:scale(1.05)}.tech-info-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.tech-info-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.tech-info-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.tech-info-header h4{color:#333;font-size:18px;font-weight:600;margin:0}.tech-info-content{max-height:60vh;overflow-y:auto;padding:20px}.tech-info-content pre{word-wrap:break-word;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:12px;line-height:1.4;margin:0;padding:15px;white-space:pre-wrap}.data-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:0;overflow:visible;position:relative;width:100%}.data-table-container .data-table-wrapper{overflow-y:auto!important}.data-table-container .data-table-wrapper,.data-table-wrapper{min-width:0;overflow-x:scroll!important;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.data-table-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;max-height:calc(100vh - 150px);outline:none;overflow-y:auto;position:relative;width:100%}.data-table-wrapper:hover{cursor:default}.data-table-wrapper::-webkit-scrollbar{height:12px;width:12px}.data-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.data-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.data-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.data-table{background:#fff;display:table;min-width:100%;table-layout:auto;width:auto}.data-table td,.data-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table thead{display:table-header-group}.data-table thead,.data-table thead th{background:#2c3e50!important;color:#fff}.data-table.sticky-header thead{display:table-header-group!important;z-index:100}.data-table.sticky-header thead,.data-table.sticky-header thead th{background:#2c3e50!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;visibility:visible!important}.data-table.sticky-header thead th{box-shadow:0 2px 4px #0000001a;display:table-cell!important;z-index:101}.data-table.header-stuck-viewport.sticky-header thead{background:#2c3e50!important;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.data-table.header-stuck-viewport.sticky-header thead th{background:#2c3e50!important;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.data-table thead th span{color:#fff}.data-table th{border:none;display:table-cell;font-size:.875rem;height:auto;letter-spacing:.3px;min-height:48px;padding:0;position:relative;text-transform:none}.data-table th.sortable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:#ffffff1a}.th-content{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:.875rem 1rem}.sort-icon{opacity:.7;transition:opacity .2s ease}.data-table th.sortable:hover .sort-icon{opacity:1}.data-table tbody tr{border-bottom:1px solid #e5e7eb;display:table-row;height:auto;transition:background-color .2s}.data-table.striped tbody tr:nth-child(2n){background-color:#f9fafb}.data-table.hoverable tbody tr:hover{background:#f1f5f9}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:#e0f2fe}.data-table tbody tr.selected{background-color:#e3f2fd!important;border-left:3px solid #1976d2}.data-table tbody tr.selected:hover{background-color:#bbdefb!important}.data-table td{border:none;color:#374151;display:table-cell;font-size:.9rem;font-weight:400;padding:.875rem 1rem;vertical-align:middle}.data-table tbody tr:last-child{border-bottom:none}.data-table-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.data-table-skeleton{box-sizing:border-box;display:block;max-height:calc(100vh - 150px);overflow-x:auto;overflow-y:auto;width:100%}.skeleton-table{background:#fff;border-collapse:collapse;box-sizing:border-box;display:table;font-size:14px;table-layout:fixed}.skeleton-table tbody tr{display:table-row;width:100%}.skeleton-table tbody tr td{box-sizing:border-box;display:table-cell;width:auto}.skeleton-table thead{background:#2c3e50;color:#fff}.skeleton-table.sticky-header thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.skeleton-table th{border:none;font-size:.8125rem;font-weight:600;letter-spacing:.5px;padding:.625rem 1rem;text-align:left;text-transform:uppercase}.skeleton-table tbody tr{border-bottom:1px solid #e5e7eb}.skeleton-table tbody tr:nth-child(2n){background-color:#f9fafb}.skeleton-table td{border:none;padding:.5rem 1rem;vertical-align:middle}.skeleton-shimmer{height:16px;width:100%}.skeleton-shimmer.short{width:60%}.skeleton-shimmer.medium{width:80%}.skeleton-shimmer.long{width:100%}.skeleton-shimmer.button{border-radius:6px;height:32px;width:80px}.data-table-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-icon{opacity:.5}.data-table-empty p{font-size:16px;font-weight:500;margin:0}.server-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;font-size:11px;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.path-code{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#475569;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:12px;max-width:100%;padding:4px 8px;word-break:break-all}.client-name{color:#3b82f6;font-size:15px}.share-name{color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:13px;font-weight:500}@media (max-width:768px){.data-table-container{border-radius:8px;margin:0 -16px}.data-table td,.data-table th{font-size:13px;padding:12px 16px}.data-table th{font-size:11px;padding:14px 16px}.path-code{font-size:11px;padding:6px 10px}.server-badge{font-size:10px;padding:4px 8px}}@media (max-width:480px){.data-table td,.data-table th{font-size:12px;padding:10px 12px}.th-content{align-items:flex-start;flex-direction:column;gap:4px}.sort-icon{align-self:flex-end}}.data-table tbody tr{animation:fadeInUp .3s ease-out}.data-table-toolbar{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.filtered-count-badge{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.filtered-count-badge:before{content:"🔍";font-size:.7rem}.data-table-search{align-items:center;display:flex;flex:1 1;margin-right:auto;max-width:400px;position:relative}.data-table-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:.5rem 2rem .5rem 1rem;transition:all .2s ease;width:100%}.data-table-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.data-table-search-input::placeholder{color:#94a3b8}.data-table-search-clear{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:16px;line-height:1;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .2s ease}.data-table-search-clear:hover{color:#64748b}.column-controls-btn{align-items:center;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px;color:#64748b!important;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.column-controls-btn:hover{background:#f8fafc!important;border-color:#3b82f6!important;color:#3b82f6!important}.column-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:70vh;min-width:300px;overflow-x:hidden;overflow-y:auto;padding:1rem}.column-menu h4{color:#333;font-size:.9rem;margin:0 0 .5rem}.column-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.25rem 0}.column-toggle input[type=checkbox]{margin:0}.column-reorder{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.column-reorder p{color:#666;font-size:.8rem;margin:.5rem 0}.column-list{max-height:200px;overflow-y:auto}.column-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:move;display:flex;gap:.5rem;margin-bottom:.25rem;padding:.5rem}.column-item:hover{background:#e9ecef}.column-item.hidden{background:#f8f9fa;border-color:#dee2e6;border-style:dashed;opacity:.6}.column-item.hidden:hover{background:#e9ecef;border-style:solid;opacity:.8}.drag-handle{color:#666;cursor:grab;font-size:.8rem}.drag-handle:active{cursor:grabbing}th.reorderable{cursor:move;position:relative}th.reorderable:hover{background:#ffffff1a}.bottom-scroll-indicator{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55),fadeOut .5s ease-in 2.5s forwards;background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #fff6;border-radius:30px;box-shadow:0 8px 24px #3498db80;color:#fff;display:inline-block;font-size:15px;font-weight:700;margin:0 auto;padding:14px 28px;pointer-events:none;text-shadow:0 1px 2px #0003;white-space:nowrap}@keyframes bounceIn{0%{opacity:0;transform:translateY(30px) scale(.8)}50%{opacity:1;transform:translateY(-8px) scale(1.05)}70%{transform:translateY(3px) scale(.98)}85%{transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.rmparam2-settings-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.rmparam2-settings-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;width:90%}.rmparam2-settings-modal-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.rosebud-status-banner{align-items:center;background:#f9fafb;border:2px solid;border-radius:8px;display:flex;gap:16px;padding:16px 20px}.rosebud-status-banner.enabled{background:#f0fdf4;border-color:#10b981}.rosebud-status-banner.disabled{background:#fef2f2;border-color:#ef4444}.rosebud-status-icon{font-size:2rem;line-height:1}.rosebud-status-content h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.rosebud-status-content p{color:#6b7280;font-family:monospace;font-size:.85rem;margin:0}.rmparam2-search-bar{position:relative;width:100%}.rmparam2-search-input{border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:12px 40px 12px 16px;transition:border-color .2s ease;width:100%}.rmparam2-search-input:focus{border-color:#3b82f6;outline:none}.clear-search-button{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:.75rem;height:24px;justify-content:center;right:10px;transition:background-color .2s ease;width:24px}.clear-search-button:hover{background:#d1d5db}.rmparam2-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.rmparam2-loading p{color:#6b7280;font-size:1rem;margin:0}.rmparam2-error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.rmparam2-error h3{color:#ef4444;font-size:1.25rem;margin:0}.rmparam2-error p{color:#6b7280;font-size:1rem;margin:0;max-width:500px}.retry-button{font-size:.95rem;transition:background-color .2s ease}.rmparam2-data-grid{display:flex;flex:1 1;flex-direction:column;gap:12px}.rmparam2-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;text-align:center}.rmparam2-summary p{color:#6b7280;font-size:.9rem;margin:0}@media (max-width:768px){.rmparam2-settings-modal{max-height:95vh;width:95%}.rmparam2-settings-modal-body{padding:16px}.rosebud-status-banner{flex-direction:column;text-align:center}}.dual-pane-selector{display:flex;gap:16px;height:600px;width:100%}.dual-pane-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dual-pane-panel-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.dual-pane-panel-header h3{font-size:16px;font-weight:600;margin:0}.dual-pane-selected .dual-pane-panel-header{background:linear-gradient(135deg,#11998e,#38ef7d)}.dual-pane-count{background:#ffffff4d;border-radius:12px;font-size:14px;font-weight:600;padding:4px 12px}.dual-pane-search{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:12px}.dual-pane-search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.dual-pane-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dual-pane-list{background:#fafafa;flex:1 1;overflow-y:auto;padding:8px}.dual-pane-item{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.dual-pane-item-available{background:#fff;border-color:#e0e0e0}.dual-pane-item-available:hover{background:#f0f4ff;border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateX(4px)}.dual-pane-item-selected{background:#e8f5e9;border-color:#c8e6c9}.dual-pane-item-selected:hover{background:#c8e6c9;border-color:#4caf50;box-shadow:0 2px 8px #4caf5026;transform:translateX(-4px)}.dual-pane-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.dual-pane-item-label{color:#333;font-size:14px;font-weight:500}.dual-pane-item-action{color:#999;font-size:18px;font-weight:700;margin-left:12px;transition:color .2s,transform .2s}.dual-pane-item-available:hover .dual-pane-item-action{color:#667eea;transform:translateX(4px)}.dual-pane-item-selected:hover .dual-pane-item-action{color:#4caf50;transform:translateX(-4px)}.dual-pane-empty{align-items:center;color:#999;display:flex;font-size:14px;font-style:italic;height:100%;justify-content:center}.dual-pane-controls{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:0 8px}.dual-pane-button{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;min-width:44px;transition:all .2s ease}.dual-pane-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.dual-pane-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dual-pane-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3f91);box-shadow:0 4px 8px #667eea4d;transform:scale(1.05)}.dual-pane-button-secondary{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.dual-pane-button-secondary:hover:not(:disabled){background:linear-gradient(135deg,#0e7a72,#2dd169);box-shadow:0 4px 8px #11998e4d;transform:scale(1.05)}.dual-pane-list::-webkit-scrollbar{width:8px}.dual-pane-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dual-pane-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.dual-pane-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.building-list-viewer{display:flex;flex-direction:column;height:100%}.building-list-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px}.building-selection-status{background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:6px;box-shadow:0 2px 4px #11998e33;color:#fff;font-size:14px;font-weight:600;margin:0;padding:8px 16px}.building-list-header h2{color:#333;font-size:20px;margin:0}.continue-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.continue-button:hover:not(:disabled){box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.continue-button:disabled{opacity:.5;transform:none}.building-list-error,.building-list-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.building-list-error{color:#d32f2f}.building-list-error button{background:#667eea;margin-top:16px}.building-list-info{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;color:#1976d2;margin:16px;padding:16px}.building-list-info p{font-size:14px;line-height:1.5;margin:0}.building-dual-pane-container{flex:1 1;overflow:hidden;padding:16px}.building-dual-pane-item{display:flex;flex-direction:column;gap:4px}.building-dual-pane-number{color:#333;font-size:15px;font-weight:600}.building-dual-pane-name{color:#666;font-size:13px}.building-dual-pane-location{color:#999;font-size:12px;margin-top:2px}.street-addresses-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.street-addresses-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:95%}.street-addresses-modal-body{flex:1 1;overflow-y:auto;padding:20px}.street-addresses-search-bar{align-items:center;display:flex;gap:8px;margin-bottom:20px;position:relative}.street-addresses-search-input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:12px 40px 12px 16px;transition:border-color .2s}.street-addresses-search-input:focus{border-color:#007bff;outline:none}.clear-search-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:18px;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background-color .2s}.clear-search-button:hover{background-color:#f0f0f0}.street-addresses-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.street-addresses-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:20px;width:40px}.street-addresses-error{color:#d32f2f;padding:40px;text-align:center}.street-addresses-info{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;color:#1976d2;margin:16px;padding:24px}.street-addresses-info h3{color:#1976d2;font-size:18px;margin:0 0 12px}.street-addresses-info p{color:#d32f2f;font-size:14px;line-height:1.5;margin:0}.street-addresses-error h3{font-size:20px;margin-bottom:16px}.street-addresses-error p{color:#666;margin-bottom:24px}.retry-button{background-color:#007bff}.retry-button:hover{background-color:#0056b3}.street-addresses-data-grid{margin-top:20px}.street-addresses-summary{background-color:#f5f5f5;border-radius:6px;color:#666;font-size:14px;margin-top:16px;padding:12px;text-align:center}.building-filter-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.building-filter-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.shared-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0!important;display:flex;justify-content:center;left:0!important;overflow-y:auto;overscroll-behavior:contain;position:fixed!important;right:0!important;top:0!important;touch-action:pan-y;z-index:10000!important}.shared-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;margin:auto;max-height:85vh;overflow:hidden;position:relative!important;width:90%;z-index:10001!important}.shared-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.shared-modal-header h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.shared-modal-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.shared-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.shared-modal-body{color:#1e293b;flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:24px}.shared-modal-footer{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.modal-btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.modal-btn-secondary:hover:not(:disabled){background:#e2e8f0}.modal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.modal-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-form-group{margin-bottom:20px}.modal-form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-form-input,.modal-form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.modal-form-input:focus,.modal-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-form-input:disabled,.modal-form-select:disabled{background:#f1f5f9;cursor:not-allowed}.modal-info-box{background:#f3f4f6;border-radius:8px;margin-bottom:20px;padding:16px}.modal-info-box>div{color:#4b5563;font-size:14px;margin-bottom:8px}.modal-info-box>div:last-child{margin-bottom:0}.modal-info-box strong{color:#1f2937;font-weight:600}.modal-note-box{background:#eff6ff;border:1px solid #60a5fa;border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;font-size:13px;margin-bottom:20px;padding:12px 16px}.modal-note-box strong{display:block;font-weight:600;margin-bottom:8px}.modal-note-box ul{margin:8px 0 0;padding-left:20px}.modal-note-box li{margin-bottom:4px}.two-factor-auth-modal{max-height:80vh;overflow-y:auto;padding:20px}.error-state,.loading-state{padding:40px 20px}.spinner{margin:0 auto 20px}.error-message{color:#dc3545}.retry-button{background:#007bff}.retry-button:hover{background:#0056b3}.settings-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.settings-section:last-of-type{border-bottom:none}.settings-section h3{color:#333;font-size:16px;margin:0 0 8px}.section-description{color:#666;font-size:13px;margin:0 0 16px}.methods-grid{display:flex;flex-direction:column;gap:12px}.method-checkbox{align-items:flex-start;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.method-checkbox:hover{background:#f8f9fa;border-color:#007bff}.method-checkbox input[type=checkbox]{cursor:pointer;margin-right:12px;margin-top:2px}.method-info{flex:1 1}.method-info strong{color:#333;display:block;margin-bottom:4px}.method-info span{color:#666;font-size:12px}.prompt-select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px;width:100%}.prompt-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.timeout-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.timeout-field{display:flex;flex-direction:column}.timeout-field label{color:#333;font-size:13px;font-weight:500;margin-bottom:6px}.timeout-field input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px}.timeout-field input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.sms-config-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sms-field{display:flex;flex-direction:column}.sms-field label{color:#333;font-size:13px;font-weight:500;margin-bottom:6px}.sms-field input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px}.sms-field input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.status-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:16px}.status-item{font-size:14px;margin-bottom:8px}.status-item:last-child{margin-bottom:0}.status-item strong{color:#333}.modal-actions{border-top:1px solid #e0e0e0;padding-top:20px}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}.save-button{background:#28a745}.save-button:hover:not(:disabled){background:#218838}.save-button:disabled{opacity:.6}.runtime-properties-modal{padding:0}.error-state,.loading-state{padding:40px;text-align:center}.spinner{margin:0 auto 16px}.summary-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;gap:24px;margin-bottom:24px;padding:16px}.summary-item{color:#0369a1;font-size:14px}.summary-item strong{color:#075985;margin-right:8px}.properties-container{margin-bottom:24px;max-height:600px;overflow-y:auto}.category-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.category-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none}.category-header:hover{background:#f3f4f6}.category-icon{color:#6b7280;font-size:12px;margin-right:8px;width:16px}.category-header h3{color:#111827;flex:1 1;font-size:16px;font-weight:600;margin:0}.property-count{color:#6b7280;font-size:14px;font-weight:400}.properties-list{padding:8px}.property-item{border-bottom:1px solid #f3f4f6;padding:12px}.property-item:last-child{border-bottom:none}.property-item.readonly{background:#fef3c7;border-left:3px solid #f59e0b}.property-name{align-items:center;display:flex;gap:8px;margin-bottom:8px}.property-name code{background:#e5e7eb;border-radius:4px;color:#1f2937;flex:1 1;font-family:Courier New,monospace;font-size:13px;padding:4px 8px}.readonly-badge{background:#f59e0b;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.property-value{margin-left:0}.editable-input,.readonly-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:Courier New,monospace;font-size:14px;padding:8px 12px;width:100%}.readonly-input{background:#fef3c7;cursor:not-allowed}.readonly-value{position:relative}.readonly-message{color:#92400e;font-size:12px;font-style:italic;margin-top:6px}.modal-actions{gap:12px;margin-top:24px;padding-top:16px}.close-button,.refresh-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.close-button{background:#6b7280}.close-button:hover{background:#4b5563}.spire-utilities-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.spire-utilities-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.spire-utilities-modal-body{flex:1 1;overflow-y:auto;padding:20px}.utilities-menu{width:100%}.utilities-options{display:flex;flex-direction:column;gap:12px}.utilities-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:16px;text-align:left;transition:all .2s ease}.utilities-option:hover:not(:disabled){background:#f5f8ff;border-color:#4a90e2;transform:translateX(4px)}.utilities-option:disabled{cursor:not-allowed;opacity:.6}.utilities-icon{flex-shrink:0;font-size:32px;margin-right:16px}.utilities-content{flex:1 1}.utilities-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.utilities-content p{color:#666;font-size:14px;margin:0}.utilities-status{flex-shrink:0;font-size:20px;margin-left:16px}.building-list-viewer{width:100%}.building-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.building-list-search{flex:1 1;min-width:200px}.building-search-input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 16px;transition:border-color .2s;width:100%}.building-search-input:focus{border-color:#4a90e2;outline:none}.building-list-actions{display:flex;gap:12px}.continue-button,.select-all-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.select-all-button{background:#f0f0f0;color:#333}.select-all-button:hover{background:#e0e0e0}.continue-button{background:#4a90e2;color:#fff}.continue-button:hover:not(:disabled){background:#357abd}.continue-button:disabled{background:#ccc;cursor:not-allowed}.building-list-error,.building-list-loading{padding:40px;text-align:center}.loading-spinner{border-top-color:#4a90e2;margin:0 auto 16px}.building-list-error button{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.building-list-info{color:#666;font-size:14px;margin-bottom:16px}.building-list-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:500px;overflow-y:auto;padding:8px}.building-item{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.building-item:hover{background:#f5f8ff;border-color:#4a90e2}.building-item.selected{background:#e8f2ff;border-color:#4a90e2}.building-checkbox{margin-right:12px;margin-top:2px}.building-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.building-details{flex:1 1}.building-number{color:#333;font-size:15px;font-weight:600;margin-bottom:4px}.building-name{color:#666;font-size:14px;margin-bottom:4px}.building-location{color:#999;font-size:12px}.ar-billing-records-viewer{width:100%}.ar-records-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.ar-records-actions{align-items:center;display:flex;gap:12px}.change-buildings-button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.change-buildings-button:hover{background:#e8e8e8;border-color:#bbb;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ar-records-info h3{color:#333;font-size:18px;margin:0 0 4px}.ar-records-info p{color:#666;font-size:14px;margin:0}.date-range{color:#4a90e2;font-weight:500}.refresh-button{background:#4a90e2}.refresh-button:hover{background:#357abd}.ar-records-error,.ar-records-loading{padding:40px;text-align:center}.ar-records-error button{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.ar-records-summary{color:#666;font-size:14px;margin-bottom:16px}.ar-records-table-container{border:1px solid #e0e0e0;border-radius:6px;overflow-x:auto}.ar-records-table{border-collapse:collapse;font-size:14px;width:100%}.ar-records-table thead{background:#f5f5f5;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ar-records-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:12px;text-align:left}.ar-records-table td{border-bottom:1px solid #f0f0f0;padding:10px 12px}.ar-records-table tbody tr:hover{background:#f9f9f9}.no-records{color:#999;font-style:italic;padding:40px;text-align:center}.ar-records-sort-prompt{background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:40px 20px;text-align:center}.ar-records-sort-prompt h3{color:#333;font-size:20px;margin:0 0 8px}.ar-records-sort-prompt>p{color:#666;font-size:14px;margin:0 0 24px}.sort-options{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.sort-option-button{align-items:center;background:#fff;border:2px solid #4a90e2;border-radius:8px;color:#4a90e2;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:600;gap:8px;min-width:180px;padding:20px 32px;transition:all .2s ease}.sort-option-button:hover{background:#4a90e2;box-shadow:0 4px 12px #4a90e24d;color:#fff;transform:translateY(-2px)}.sort-option-button span{font-size:12px;font-weight:400;opacity:.8}.has-more-indicator{color:#ff9800;font-weight:500;margin-left:8px}.change-sort-button{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:all .2s}.change-sort-button:hover{background:#e8e8e8;border-color:#bbb}.data-table-filters{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;flex:1 1;flex-direction:column;margin-bottom:8px;overflow:visible;padding:4px;position:relative;transition:all .2s ease;z-index:1}.data-table-filters:has(.modern-multiselect-dropdown[style*="display: flex"]){z-index:99995!important}.data-table-filters:has(.filter-group:has(.modern-multiselect-dropdown[style*="display: flex"])){z-index:99995!important}.data-table-filters.collapsed{padding:4px 8px}.filters-header{gap:8px;margin-bottom:6px}.filters-header h3{align-items:center;color:#374151;display:flex;font-size:1.1rem;gap:8px}.filter-count{background:#3b82f6;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 6px}.collapse-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.9rem;padding:4px;transition:all .2s ease}.collapse-btn:hover{background:#e5e7eb;color:#374151}.clear-all-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:4px 8px;transition:all .2s ease}.clear-all-btn:hover{background:#dc2626}.filters-content{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3px;overflow:visible;position:relative;z-index:1}.filters-content:has(.modern-multiselect-dropdown[style*="display: flex"]){position:relative;z-index:99996!important}.filter-group{background:#fff;border:1px solid #e5e7eb;border-radius:0;gap:1px;overflow:visible!important;padding:2px 4px;position:relative;transition:all .2s ease;z-index:1}.filter-group:has(.modern-multiselect-dropdown[style*="display: flex"]){position:relative;z-index:99998!important}.filter-group:has(.modern-multiselect-container:has(.modern-multiselect-dropdown[style*="display: flex"])){position:relative;z-index:99998!important}.filters-content .filter-group:has(.modern-multiselect-dropdown[style*="display: flex"]){z-index:99998!important}.filters-content .filter-group:not(:has(.modern-multiselect-dropdown[style*="display: flex"])){z-index:1}.filter-group.active{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.filter-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.filter-label label{color:#374151;font-size:.75rem;font-weight:500;margin:0}.clear-filter-btn{background:none;border:none;border-radius:3px;color:#6b7280;font-size:.75rem;line-height:1;padding:2px 4px}.clear-filter-btn:hover{background:#f3f4f6;color:#374151}.filter-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:4px 6px;transition:all .2s ease;width:100%}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.filter-input::placeholder{color:#9ca3af}.filter-select.no-caret{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;padding-right:8px}.filter-select.no-caret::-ms-expand{display:none}.multiselect-container{position:relative}.filter-multiselect{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;min-height:80px;padding:4px;transition:all .2s ease;width:100%}.filter-multiselect:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.filter-multiselect option{font-size:.875rem;padding:4px 8px}.filter-multiselect option:checked{background:#3b82f6;color:#fff}.modern-multiselect-container{overflow:visible;position:relative;width:100%;z-index:1}.modern-multiselect-container:has(.modern-multiselect-dropdown[style*="display: flex"]){position:relative;z-index:99999!important}.modern-multiselect-container:has(.modern-multiselect-dropdown[style*="display: flex"]){isolation:isolate}.modern-multiselect-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:2px;cursor:pointer;display:flex;justify-content:space-between;min-height:24px;padding:3px 6px;transition:all .2s ease;width:100%}.modern-multiselect-trigger:hover{border-color:#9ca3af}.modern-multiselect-trigger:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.multiselect-selected{align-items:center;display:flex;flex:1 1}.multiselect-placeholder{color:#9ca3af;font-size:.75rem}.multiselect-count{color:#374151;font-size:.7rem;font-weight:500}.multiselect-arrow{color:#6b7280;font-size:.75rem;transition:transform .2s ease}.modern-multiselect-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:3px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;isolation:isolate;left:0;margin-top:2px;max-height:400px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;transform:translateZ(0);width:100%;will-change:transform;z-index:999999!important}.modern-multiselect-container.dropdown-open{position:relative;z-index:999998!important}.filter-group.dropdown-open{position:relative;z-index:999997!important}.filters-content:has(.filter-group.dropdown-open){position:relative;z-index:999996!important}.data-table-filters:has(.filter-group.dropdown-open){position:relative;z-index:999995!important}.modern-multiselect-container:has(.modern-multiselect-dropdown){position:relative;z-index:999998!important}.filter-group:has(.modern-multiselect-dropdown){position:relative;z-index:999997!important}.filters-content:has(.modern-multiselect-dropdown){position:relative;z-index:999996!important}.data-table-filters:has(.modern-multiselect-dropdown){position:relative;z-index:999995!important}.multiselect-search{border-bottom:1px solid #e5e7eb;padding:4px}.multiselect-search-input{border:1px solid #d1d5db;border-radius:2px;font-size:.75rem;outline:none;padding:3px 4px;transition:border-color .2s ease;width:100%}.multiselect-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.multiselect-actions{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;justify-content:space-between;padding:4px}.multiselect-clear-btn{background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s ease}.multiselect-clear-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.multiselect-clear-btn:disabled{cursor:not-allowed;opacity:.5}.multiselect-select-all-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s ease}.multiselect-select-all-btn:hover:not(:disabled){background:#2563eb}.multiselect-select-all-btn:disabled{cursor:not-allowed;opacity:.5}.multiselect-options{max-height:400px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.multiselect-options::-webkit-scrollbar{width:8px}.multiselect-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.multiselect-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.multiselect-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.multiselect-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s ease}.multiselect-option:last-child{border-bottom:none}.multiselect-option:hover{background:#f9fafb}.multiselect-option.selected{background:#eff6ff}.multiselect-option.highlighted{background:#3b82f6;color:#fff}.multiselect-option.highlighted .multiselect-option-label{color:#fff}.multiselect-option.highlighted .multiselect-option-count{color:#fffc}.multiselect-checkbox{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;color:#fff;display:flex;font-size:.75rem;height:16px;justify-content:center;margin-right:8px;transition:all .2s ease;width:16px}.multiselect-option.selected .multiselect-checkbox{background:#3b82f6;border-color:#3b82f6}.multiselect-option-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.multiselect-option-label{color:#374151;font-size:.75rem}.multiselect-option-count{color:#6b7280;font-size:.75rem;margin-left:8px}.multiselect-no-results{font-size:.875rem;padding:12px}.multiselect-no-results,.no-filters{color:#6b7280;font-style:italic;text-align:center}.no-filters{padding:20px}.filter-summary{border-top:1px solid #e5e7eb;margin-top:3px;padding-top:3px}.filter-summary p{color:#6b7280;font-size:.7rem;margin:0;text-align:center}@media (max-width:768px){.filters-content{grid-template-columns:1fr}.filters-header{flex-wrap:wrap}.filters-header h3{flex:1 1;min-width:0}}@media (prefers-color-scheme:dark){.data-table-filters{background:#f8f9fa!important;border-color:#e5e7eb!important}.filters-header h3{color:#374151!important}.filter-group{background:#fff!important;border-color:#e5e7eb!important}.filter-group.active{background:#f0f9ff!important;border-color:#3b82f6!important}.filter-label label{color:#374151!important}.filter-input,.filter-multiselect,.filter-select{background:#fff!important;border-color:#d1d5db!important;color:#111827!important}.filter-input:focus,.filter-multiselect:focus,.filter-select:focus{border-color:#3b82f6!important}.modern-multiselect-trigger{background:#fff!important;border-color:#d1d5db!important;color:#111827!important}.modern-multiselect-trigger:hover{border-color:#9ca3af!important}.modern-multiselect-dropdown,.multiselect-search-input{background:#fff!important;border-color:#d1d5db!important}.multiselect-search-input{color:#111827!important}.multiselect-search-input:focus{border-color:#3b82f6!important}.multiselect-clear-btn{background:#f3f4f6!important;color:#6b7280!important}.multiselect-clear-btn:hover:not(:disabled){background:#e5e7eb!important;color:#374151!important}.multiselect-select-all-btn{background:#3b82f6!important;color:#fff!important}.multiselect-select-all-btn:hover:not(:disabled){background:#2563eb!important}.multiselect-option{border-bottom-color:#f3f4f6!important}.multiselect-option:hover{background:#f9fafb!important}.multiselect-option.selected{background:#eff6ff!important}.multiselect-option.highlighted{background:#3b82f6!important;color:#fff!important}.multiselect-option.highlighted .multiselect-option-label{color:#fff!important}.multiselect-option.highlighted .multiselect-option-count{color:#fffc!important}.multiselect-checkbox{background:#fff!important;border-color:#d1d5db!important}.multiselect-option.selected .multiselect-checkbox{background:#3b82f6!important;border-color:#3b82f6!important}.multiselect-option-label{color:#374151!important}.multiselect-no-results,.multiselect-option-count{color:#6b7280!important}.filter-input::placeholder{color:#9ca3af!important}.no-filters{color:#6b7280!important}.filter-summary{border-color:#e5e7eb!important}.filter-summary p{color:#6b7280!important}}.filter-group{animation:filterSlideIn .2s ease-out}@keyframes filterSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filtered-data-table,.filtered-data-table>div[style*=width]{overflow:visible!important}.filtered-data-table{position:relative;z-index:1}.filtered-data-table:has(.modern-multiselect-dropdown[style*="display: flex"]){z-index:99994!important}.filtered-data-table>div:not(.data-table-container):not([class*=data-table]){overflow:visible!important;position:relative}.filtered-data-table>div[style*="flexDirection: column"]:has(.modern-multiselect-dropdown[style*="display: flex"]){position:relative;z-index:99993!important}.filters-content:has(.filter-group:has(.modern-multiselect-dropdown[style*="display: flex"])){position:relative;z-index:99996!important}.data-table-filters .filters-content:has(.modern-multiselect-dropdown[style*="display: flex"]){position:relative;z-index:99996!important}.filtered-data-table .data-table-container{overflow:visible!important}.filtered-data-table .data-table-wrapper{min-width:0;overflow-x:auto!important;overflow-y:auto!important;width:100%}.filter-group.loading{opacity:.6;pointer-events:none}.filter-group.loading:after{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.client-actions-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.client-actions-modal{background:#fff;border-radius:6px;box-shadow:0 4px 20px #00000026;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.client-actions-modal:has(.validation-types-grid){max-width:1200px;width:95%}.client-actions-modal-body{padding:0}.actions-search-bar{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-icon{color:#6c757d}.actions-search-input{background:#fff;border:2px solid #dee2e6;border-radius:8px;font-size:14px;padding:10px 40px;transition:all .2s;width:100%}.actions-search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.clear-search-btn{background:none;border-radius:4px;color:#6c757d;font-size:18px;padding:4px 8px;transition:all .2s}.clear-search-btn:hover{background:#e9ecef;color:#495057}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.category-filter{background:#fff;border:1px solid #dee2e6;border-radius:20px;color:#495057;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.category-filter:hover{background:#f0f7ff;border-color:#007bff;color:#007bff}.category-filter.active{background:#007bff;border-color:#007bff;color:#fff}.actions-menu{max-height:calc(85vh - 180px);overflow-y:auto;padding:16px}.actions-options-organized{display:flex;flex-direction:column;gap:24px}.action-category-group{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.category-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:600;gap:10px;padding:12px 16px}.action-category-group[data-category="Data & Export"] .category-header{background:linear-gradient(135deg,#f093fb,#f5576c)}.action-category-group[data-category="MDS Explorer Configuration"] .category-header{background:linear-gradient(135deg,#4facfe,#00f2fe)}.action-category-group[data-category="Monitoring & Logs"] .category-header{background:linear-gradient(135deg,#43e97b,#38f9d7)}.action-category-group[data-category="SPIRE Management"] .category-header{background:linear-gradient(135deg,#fa709a,#fee140)}.category-icon{font-size:18px}.category-title{flex:1 1;font-size:14px;font-weight:600;margin:0}.category-count{background:#fff3;border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px}.category-toggle{font-size:12px;margin-left:8px;opacity:.8;transition:transform .2s}.category-header:hover .category-toggle{opacity:1}.category-actions{display:flex;flex-direction:column;gap:0;padding:8px}.no-actions-found{color:#6c757d;padding:60px 20px;text-align:center}.no-actions-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-actions-found h3{color:#495057;font-size:18px;margin:0 0 8px}.no-actions-found p{font-size:14px;margin:0}.actions-options{display:flex;flex-direction:column;gap:8px}.action-option{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.action-option:hover:not(:disabled){background-color:#f8fff9;border-color:#28a745;box-shadow:0 2px 8px #28a7451a;transform:translateY(-1px)}.action-option:disabled{cursor:not-allowed;opacity:.6}.action-option.loading{background-color:#fffbf0;border-color:#ffc107}.action-icon{font-size:20px;margin-right:12px;text-align:center;width:28px}.action-content{flex:1 1}.action-content h4{color:#333;font-size:15px;font-weight:600;margin-bottom:2px}.action-content p{color:#666;font-size:13px;line-height:1.3;margin:0}.action-status{color:#999;font-size:20px;font-size:13px;font-weight:500;margin-left:12px;min-width:80px;text-align:right}.action-option.loading .action-status{color:#ffc107}.action-option:hover:not(:disabled) .action-status{color:#28a745}.validation-types-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:16px 0}.validation-type-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .2s}.validation-type-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a;transform:translateY(-1px)}.validation-header{align-items:flex-start}.validation-header h4{color:#333;flex:1 1;font-size:14px;font-weight:600;margin:0}.validation-category{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px;white-space:nowrap}.validation-description{color:#666;font-size:12px;line-height:1.4;margin:0 0 12px}.validation-details{gap:6px;margin-bottom:12px}.process-id{background:#f5f5f5;border-radius:4px;color:#666;font-family:monospace;font-size:10px;padding:2px 6px}.resync-flag{background:#fff3cd;color:#856404}.resync-flag,.version-flag{border-radius:4px;font-size:10px;font-weight:500;padding:2px 6px}.version-flag{background:#d1ecf1;color:#0c5460}.run-validation-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:background-color .2s;width:100%}.run-validation-btn:hover{background:#0056b3}.run-validation-btn:active{background:#004085}.validation-server-selection{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:16px}.validation-server-selection label{color:#333;display:block;font-size:14px;margin-bottom:8px}.server-select{border:1px solid #ced4da;border-radius:4px;font-size:14px;margin-bottom:8px;padding:8px 12px}.server-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.server-info{color:#666;font-size:12px;font-style:italic}.auto-logoff-modal{max-height:90vh;max-width:1200px;min-width:1000px;overflow-y:auto;padding:20px;width:95vw}.create-schedule-form{animation:slideDown .2s ease-out}.schedules-list{max-height:60vh;overflow-x:auto;overflow-y:auto}.schedules-list table{min-width:900px;table-layout:fixed;width:100%}.schedules-list td,.schedules-list th{border-bottom:1px solid #e9ecef;padding:12px 8px;text-align:left}.schedules-list th:first-child,.schedules-list th:nth-child(2){width:15%}.schedules-list th:nth-child(3){width:12%}.schedules-list th:nth-child(4),.schedules-list th:nth-child(5){width:20%}.schedules-list th:nth-child(6){width:18%}.modal-header{margin-bottom:24px}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;font-size:14px;padding:12px 24px;transition:all .2s ease}.create-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.create-btn:active{transform:translateY(0)}.create-form{animation:slideDown .3s ease-out;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group input[type=time]{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:200px}.form-group input[type=text]:focus,.form-group input[type=time]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input[type=text]{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-help{font-size:12px;font-style:italic}.form-actions{align-items:center;gap:12px}.submit-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading{color:#6c757d;font-size:16px}.schedules-table{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.schedules-table table{border-collapse:collapse;margin:0;width:100%}.schedules-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.schedules-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left}.schedules-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.schedules-table tbody tr:hover{background-color:#f8f9fa}.schedules-table tbody tr:last-child{border-bottom:none}.schedules-table td{font-size:14px;padding:16px 12px;vertical-align:middle}.status{border-radius:20px;display:inline-block;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status.enabled{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status.disabled{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.view-btn{background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;min-width:80px;padding:6px 12px;transition:all .2s ease}.view-btn:hover{box-shadow:0 2px 4px #17a2b84d;transform:translateY(-1px)}.toggle-btn{border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;min-width:70px;padding:6px 12px;transition:all .2s ease}.toggle-btn.enable{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.toggle-btn.enable:hover{background-color:#c3e6cb;transform:translateY(-1px)}.toggle-btn.disable{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.toggle-btn.disable:hover{background-color:#ffeaa7;transform:translateY(-1px)}.delete-btn{border-radius:4px;font-size:12px;font-weight:500;min-width:70px;padding:6px 12px}.task-details{max-height:80vh;max-width:900px;overflow-y:auto;padding:0}.task-info,.task-logs,.task-status{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}.task-info h3,.task-logs h3,.task-status h3{border-bottom:2px solid #e9ecef;color:#495057;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.task-info p,.task-status p{color:#6c757d;font-size:14px;margin:8px 0}.task-info p strong,.task-status p strong{color:#495057;font-weight:600}.task-status .error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-weight:600;padding:8px 12px}.log-list{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;max-height:300px;overflow-y:auto}.log-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;padding:12px 16px;transition:background-color .2s ease}.log-item:hover{background-color:#f8f9fa}.log-item:last-child{border-bottom:none}.log-filename{color:#495057;flex:1 1;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;font-weight:500}.log-size{background-color:#e9ecef;border-radius:3px;padding:2px 6px}.log-date,.log-size{color:#6c757d;font-size:12px;margin:0 12px}.view-log-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:all .2s ease}.view-log-btn:hover{box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.log-content{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 2px 4px #0000000d;margin-top:20px;overflow:hidden}.log-content h4{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;margin:0;padding:12px 16px}.log-text{background-color:#f8f9fa;color:#495057;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.5;margin:0;max-height:400px;overflow-y:auto;padding:16px;white-space:pre-wrap}@media (max-width:768px){.auto-logoff-modal{min-width:auto;padding:16px}.schedules-table{overflow-x:auto}.action-buttons{flex-direction:column;gap:4px}.delete-btn,.toggle-btn,.view-btn{min-width:auto;width:100%}}.sync-queue-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.sync-queue-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;width:95%}.sync-queue-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.sync-queue-controls{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.sync-queue-stats{align-items:center;display:flex;gap:24px}.sync-queue-stat{color:#495057;font-size:14px}.sync-queue-stat strong{color:#212529;font-weight:600}.sync-queue-live-indicator{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:20px;color:#155724;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.sync-queue-live-dot{animation:pulse 2s ease-in-out infinite;background:#28a745;border-radius:50%;height:8px;width:8px}.sync-queue-refreshing{animation:flash .5s ease-in-out}@keyframes flash{0%,to{opacity:1}50%{opacity:.7}}.sync-queue-filter-controls{align-items:center;display:flex;flex:1 1;gap:8px;max-width:500px;min-width:300px}.sync-queue-filter-input{background:#fff;border:1px solid #ced4da;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s ease}.sync-queue-filter-input:hover{border-color:#80bdff}.sync-queue-filter-input:focus{border-color:#80bdff;box-shadow:0 0 0 3px #007bff1a;outline:none}.sync-queue-clear-filter{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:6px 10px;transition:all .2s ease}.sync-queue-clear-filter:hover{background:#c82333;transform:scale(1.05)}.sync-queue-ticket-controls{align-items:center;display:flex;gap:8px}.sync-queue-ticket-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.sync-queue-chatbot-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sync-queue-chatbot-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.sync-queue-freshdesk-btn{background:linear-gradient(135deg,#fd7e14,#dc3545);color:#fff}.sync-queue-freshdesk-btn:hover{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.sync-queue-jira-btn{background:linear-gradient(135deg,#0052cc,#0747a6);color:#fff}.sync-queue-jira-btn:hover{background:linear-gradient(135deg,#0747a6,#06428a);box-shadow:0 4px 8px #0552cc4d;transform:translateY(-1px)}.sync-queue-refresh-controls{align-items:center;display:flex;gap:12px}.sync-queue-checkbox{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:6px;-webkit-user-select:none;user-select:none}.sync-queue-checkbox input[type=checkbox]{cursor:pointer}.sync-queue-interval-select{background:#fff;border:1px solid #ced4da;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.sync-queue-interval-select:hover{border-color:#80bdff}.sync-queue-interval-select:focus{border-color:#80bdff;box-shadow:0 0 0 3px #007bff1a;outline:none}.sync-queue-refresh-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.sync-queue-refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.sync-queue-refresh-button:active:not(:disabled){transform:translateY(0)}.sync-queue-refresh-button:disabled{cursor:not-allowed;opacity:.6}.sync-queue-table-container{background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;height:500px;max-height:500px;min-height:500px;overflow:hidden}.sync-queue-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.sync-queue-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}.sync-queue-loading p{font-size:14px;margin:0}.sync-queue-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;padding:16px}.sync-queue-empty{align-items:center;color:#6c757d;display:flex;font-size:16px;justify-content:center;padding:60px 20px}.sync-queue-empty p{margin:0}@media (max-width:768px){.sync-queue-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%;width:100%}.sync-queue-controls{align-items:stretch;flex-direction:column;gap:12px}.sync-queue-stats{align-items:flex-start;flex-direction:column;gap:8px}.sync-queue-refresh-controls{flex-wrap:wrap}}.create-ticket-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.create-ticket-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.create-ticket-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;padding:24px}.create-ticket-header h2{color:#212529;font-size:24px;font-weight:600;margin:0}.create-ticket-close{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s ease}.create-ticket-close:hover{background:#f8f9fa;color:#212529}.create-ticket-body{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.create-ticket-coming-soon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:32px;text-align:center}.coming-soon-icon{animation:float 3s ease-in-out infinite;font-size:48px;margin-bottom:16px}.create-ticket-coming-soon h3{font-size:28px;font-weight:700;margin:0 0 12px}.create-ticket-coming-soon p{font-size:16px;margin:0;opacity:.95}.create-ticket-workaround{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px}.create-ticket-workaround h4{color:#856404;font-size:18px;font-weight:600;margin:0 0 16px}.create-ticket-workaround ol{color:#856404;margin:0;padding-left:20px}.create-ticket-workaround li{line-height:1.6;margin-bottom:8px}.create-ticket-context{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:20px}.create-ticket-context h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 16px}.context-item{color:#495057;font-size:14px;margin-bottom:8px}.context-item strong{color:#212529;margin-right:8px}.context-filter{color:#0ea5e9;font-weight:500}.create-ticket-user-input{background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:8px;padding:20px}.create-ticket-user-input h4{color:#0369a1;font-size:16px;font-weight:600;margin:0 0 12px}.user-message-input{background:#fff;border:2px solid #bae6fd;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.user-message-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.user-message-input::placeholder{color:#94a3b8}.input-hint{color:#64748b;margin:8px 0 0}.create-ticket-generate-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s ease;width:100%}.create-ticket-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 16px #10b9814d;transform:translateY(-2px)}.create-ticket-generate-btn:active:not(:disabled){transform:translateY(0)}.create-ticket-generate-btn:disabled{cursor:not-allowed;opacity:.7}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.create-ticket-preview{background:#e7f3ff;border:2px solid #0ea5e9;border-radius:8px;padding:20px}.create-ticket-preview h4{color:#0369a1;font-size:16px;font-weight:600;margin:0 0 12px}.preview-text{word-wrap:break-word;background:#fff;border:1px solid #bae6fd;border-radius:6px;color:#374151;font-family:Courier New,monospace;font-size:13px;line-height:1.6;margin:0;max-height:200px;overflow-y:auto;padding:16px;white-space:pre-wrap}.create-ticket-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-secondary{border-radius:6px;font-weight:500;transition:all .2s ease}@media (max-width:768px){.create-ticket-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%;width:100%}.create-ticket-coming-soon{padding:24px}.coming-soon-icon{font-size:36px}.create-ticket-coming-soon h3{font-size:22px}}.filter-badges{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 0}.filter-badge-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.filter-badge-value{align-items:center;display:inline-flex;font-size:1.5rem;font-weight:600;justify-content:center;min-width:48px;-webkit-user-select:none;user-select:none}.filter-badge-value:hover{opacity:1!important;transform:scale(1.05)!important}.filter-badge-label{color:#6b7280;font-size:.875rem;font-weight:500;text-align:center}.status-badge{border:none;line-height:1.4;transition:all .2s ease}.status-badge-small{border-radius:10px;font-size:11px;padding:2px 8px}.status-badge-default{border-radius:12px;font-size:12px;padding:4px 10px}.status-badge-large{border-radius:14px;font-size:14px;padding:6px 14px}.status-badge-success{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.status-badge-error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.status-badge-warning{background-color:#fff3e0;border:1px solid #ff9800;color:#f57c00}.status-badge-info,.status-badge-pending{background-color:#e3f2fd;border:1px solid #2196f3;color:#1976d2}.status-badge-neutral{background-color:#f5f5f5;border:1px solid #9e9e9e;color:#616161}.status-badge-clickable{cursor:pointer}.status-badge-clickable:hover{opacity:.8;transform:scale(1.05)}.status-badge-clickable:active{transform:scale(.95)}.status-badge.closed,.status-badge.complete,.status-badge.done,.status-badge.resolved{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.status-badge.active,.status-badge.in-progress,.status-badge.open{background-color:#e3f2fd;border:1px solid #2196f3;color:#1976d2}.status-badge.blocked,.status-badge.error,.status-badge.failed{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.status-badge.on-hold,.status-badge.pending,.status-badge.waiting{background-color:#fff3e0;border:1px solid #ff9800;color:#f57c00}.status-badge.backlog,.status-badge.new,.status-badge.todo{background-color:#f5f5f5;border:1px solid #9e9e9e;color:#616161}.detail-page{background:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.detail-page-header{border-bottom:2px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.detail-page-breadcrumb{font-size:14px;margin-bottom:16px}.detail-page-breadcrumb a{color:#6b7280;text-decoration:none;transition:color .2s}.detail-page-breadcrumb a:hover{color:#2563eb}.detail-page-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.detail-page-title-group{flex:1 1;min-width:0}.detail-page-title-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.detail-page-title{color:#111827;font-size:32px;font-weight:700;line-height:1.2;margin:0;word-break:break-word}.detail-page-badge{align-items:center;display:inline-flex}.detail-page-subtitle{color:#4b5563;font-size:20px;font-weight:500;line-height:1.4;margin:0;word-break:break-word}.detail-page-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.detail-page-external-link{align-items:center;background:#2563eb;border-radius:8px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s;white-space:nowrap}.detail-page-external-link:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.detail-page-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 320px}.detail-page-single-column{grid-template-columns:1fr}.detail-page-main{min-width:0}.detail-page-sidebar{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 48px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:24px}.detail-page-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden;transition:all .2s}.detail-page-section:hover{box-shadow:0 2px 8px #0000000d}.detail-page-section-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.detail-page-section-header-clickable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.detail-page-section-header-clickable:hover{background:#f3f4f6}.detail-page-section-title-wrapper{align-items:center;display:flex;gap:10px}.detail-page-section-icon{font-size:20px;line-height:1}.detail-page-section-title{color:#111827;font-size:18px;font-weight:600;margin:0}.detail-page-section-toggle{color:#6b7280;font-size:14px;transition:transform .2s;-webkit-user-select:none;user-select:none}.detail-page-section-content{color:#374151;line-height:1.6;padding:24px}.detail-page-sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden}.detail-page-sidebar-card-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;transition:background .2s;-webkit-user-select:none;user-select:none}.detail-page-sidebar-card-header:hover{background:#f3f4f6}.detail-page-sidebar-card-title{color:#111827;font-size:18px;font-weight:600;margin:0}.detail-page-sidebar-card-content{padding:24px}.detail-page-detail-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.detail-page-detail-item:last-child{border-bottom:none}.detail-page-detail-label{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:500;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.detail-page-detail-value{color:#111827;flex:1 1;font-size:14px;text-align:right;word-break:break-word}.detail-page-detail-value a{color:#2563eb;font-weight:500;text-decoration:none;transition:color .2s}.detail-page-detail-value a:hover{color:#1d4ed8;text-decoration:underline}@media (max-width:1024px){.detail-page-content{grid-template-columns:1fr}.detail-page-sidebar{max-height:none;position:static}.detail-page-title-row{align-items:stretch;flex-direction:column}.detail-page-actions{justify-content:flex-start;width:100%}}@media (max-width:640px){.detail-page{padding:16px}.detail-page-title{font-size:24px}.detail-page-subtitle{font-size:18px}.detail-page-section-content,.detail-page-section-header{padding:16px}}.checklist-viewer{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:16px 0;padding:20px}.checklist-viewer.loading{align-items:center;display:flex;justify-content:center;min-height:100px}.checklist-viewer-loading{color:#6b7280;font-size:14px}.checklist-viewer-section{margin-bottom:24px}.checklist-viewer-section:last-child{margin-bottom:0}.checklist-viewer-section-title{border-bottom:2px solid #e5e7eb;color:#111827;font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:10px}.checklist-viewer-items{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.checklist-viewer-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.checklist-viewer-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.checklist-viewer-checkbox{accent-color:#10b981;cursor:default;flex-shrink:0;height:18px;margin-top:2px;width:18px}.checklist-viewer-checkbox:disabled{cursor:not-allowed;opacity:.7}.checklist-viewer-text{color:#374151;flex:1 1;font-size:14px;line-height:1.6;transition:all .2s}.checklist-viewer-text.checked{color:#9ca3af;text-decoration:line-through}.checklist-viewer-required{color:#ef4444;font-size:16px;font-weight:600;margin-left:4px}.checklist-viewer-empty{color:#9ca3af;font-size:14px;font-style:italic;padding:20px;text-align:center}.checklist-progress{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.checklist-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.checklist-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.checklist-progress-text{color:#6b7280;font-size:13px;font-weight:500;text-align:right}.checklist-viewer-item.editable{cursor:pointer}.checklist-viewer-item.editable:hover{background:#f3f4f6;border-color:#3b82f6}.checklist-viewer-item.editable .checklist-viewer-checkbox{cursor:pointer}.checklist-viewer.saving{opacity:.7;pointer-events:none}.checklist-viewer.has-changes{border-color:#3b82f6}.checklist-viewer-saving-indicator{align-items:center;background:#eff6ff;border:1px solid #3b82f6;border-radius:6px;color:#1e40af;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 12px}.checklist-viewer-spinner{animation:spin .6s linear infinite;border:2px solid #3b82f6;border-radius:50%;border-top-color:#0000;display:inline-block;height:14px;width:14px}.record-navigation{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:16px}.record-navigation-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.record-navigation-back{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.record-navigation-back:hover{background:#e5e7eb;border-color:#9ca3af}.record-navigation-controls{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:center}.record-navigation-btn{background:#2563eb;border:1px solid #2563eb;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.record-navigation-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 4px #2563eb4d;transform:translateY(-1px)}.record-navigation-btn:disabled{background:#e5e7eb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.record-navigation-position{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;justify-content:center;min-width:120px;padding:8px 16px}.record-navigation-position-text{color:#374151;font-size:14px;font-weight:600}.record-navigation-jump-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background .2s}.record-navigation-jump-btn:hover{background:#e5e7eb}.record-navigation-jump{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.record-navigation-jump-input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 10px;text-align:center;width:80px}.record-navigation-jump-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.record-navigation-jump-cancel,.record-navigation-jump-go{border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.record-navigation-jump-go{background:#2563eb;border-color:#2563eb;color:#fff}.record-navigation-jump-go:hover{background:#1d4ed8;border-color:#1d4ed8}.record-navigation-jump-cancel{background:#fff;color:#374151}.record-navigation-jump-cancel:hover{background:#f3f4f6}.record-navigation-info{align-items:center;border-top:1px solid #e5e7eb;display:flex;font-size:13px;gap:8px;margin-top:12px;padding-top:12px}.record-navigation-info-label{color:#6b7280;font-weight:500}.record-navigation-info-value{color:#111827;font-weight:600}@media (max-width:768px){.record-navigation-content{align-items:stretch;flex-direction:column}.record-navigation-controls{justify-content:space-between}.record-navigation-position{flex:1 1}}.editable-story-points{border-radius:4px;cursor:pointer;display:inline-block;min-width:40px;padding:4px 8px;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.editable-story-points:not(.disabled):hover{background:#f0f9ff;border:1px dashed #3b82f6}.editable-story-points.disabled{cursor:default;opacity:.6}.editable-story-points.saving{opacity:.7}.editable-story-points-value{color:#2563eb;font-size:14px;font-weight:600}.editable-story-points-empty{color:#9ca3af;font-size:13px;font-style:italic}.editable-story-points-editing{align-items:center;display:flex;gap:4px}.editable-story-points-input{background:#fff;border:2px solid #2563eb;border-radius:4px;font-size:14px;font-weight:600;outline:none;padding:4px 8px;text-align:center;width:60px}.editable-story-points-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #2563eb1a}.editable-story-points-input:disabled{background:#f3f4f6;border-color:#d1d5db;cursor:not-allowed}.editable-story-points-saving{animation:pulse 1s ease-in-out infinite;font-size:12px}.editable-text{border-radius:4px;cursor:pointer;display:inline-block;min-width:100px;padding:4px 8px;transition:all .2s}.editable-text:not(.disabled):hover{background:#f0f9ff;border:1px dashed #3b82f6}.editable-text.disabled{cursor:default;opacity:.6}.editable-text.saving{opacity:.7}.editable-text-empty{color:#9ca3af;font-style:italic}.editable-text-editing{align-items:flex-start;display:flex;gap:8px;width:100%}.editable-text-input{background:#fff;border:2px solid #2563eb;border-radius:6px;flex:1 1;font-family:inherit;font-size:inherit;min-height:40px;outline:none;padding:8px 12px;resize:vertical}.editable-text-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #2563eb1a}.editable-text-input:disabled{background:#f3f4f6;border-color:#d1d5db;cursor:not-allowed}.editable-text-saving{animation:pulse 1s ease-in-out infinite;font-size:16px;margin-top:4px}.story-points-history-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:10000}.story-points-history-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.story-points-history-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.story-points-history-modal-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.story-points-history-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.story-points-history-modal-close:hover{background:#f3f4f6;color:#111827}.story-points-history-modal-content{flex:1 1;overflow-y:auto;padding:24px}.story-points-history-empty,.story-points-history-error,.story-points-history-loading{color:#6b7280;padding:40px 20px;text-align:center}.story-points-history-error{color:#dc2626}.story-points-history-current-badge{background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:.95rem;margin-bottom:20px;padding:12px 16px;text-align:center}.story-points-history-current-badge strong{color:#2563eb;font-size:1.1rem}.story-points-history-list{display:flex;flex-direction:column;gap:16px}.story-points-history-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.story-points-history-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.story-points-history-item-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.story-points-history-author{color:#374151;font-size:.9rem}.story-points-history-author strong{color:#111827}.story-points-history-date{color:#6b7280;font-size:.85rem}.story-points-history-change{align-items:center;display:flex;font-size:.95rem;gap:12px}.story-points-history-from,.story-points-history-to{border-radius:6px;font-weight:600;min-width:50px;padding:6px 12px;text-align:center}.story-points-history-from{background:#fee2e2;color:#991b1b;text-decoration:line-through}.story-points-history-to{background:#dcfce7;color:#166534}.story-points-history-arrow{color:#6b7280;font-size:1.1rem;font-weight:600}.story-points-history-current{border-top:1px solid #e5e7eb;color:#374151;margin-top:16px;padding-top:16px}.story-points-history-current strong{color:#2563eb;font-size:1.1rem}.sync-queue-chatbot-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.sync-queue-chatbot-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.sync-queue-chatbot-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.sync-queue-chatbot-header h3{font-size:18px;font-weight:600;margin:0 0 4px}.sync-queue-chatbot-subtitle{font-size:13px;margin:0;opacity:.9}.sync-queue-chatbot-header-actions{align-items:center;display:flex;gap:10px}.sync-queue-chatbot-copy-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.sync-queue-chatbot-copy-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.sync-queue-chatbot-copy-btn:disabled{cursor:not-allowed;opacity:.4}.sync-queue-chatbot-close-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:6px 12px;transition:all .2s}.sync-queue-chatbot-close-btn:hover{background:#ffffff4d}.sync-queue-chatbot-messages{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.sync-queue-chatbot-message{animation:fadeIn .3s ease-in;margin-bottom:16px}.sync-queue-chatbot-message.user{align-items:flex-end;display:flex;flex-direction:column}.sync-queue-chatbot-message.assistant{align-items:flex-start;display:flex;flex-direction:column}.sync-queue-chatbot-message-content{border-radius:12px;font-size:14px;line-height:1.5;max-width:80%;padding:12px 16px;white-space:pre-wrap}.sync-queue-chatbot-message.user .sync-queue-chatbot-message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.sync-queue-chatbot-message.assistant .sync-queue-chatbot-message-content{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000d;color:#333}.sync-queue-chatbot-message-time{color:#999;font-size:11px;margin-top:4px;padding:0 4px}.sync-queue-chatbot-loading{display:flex;gap:6px;padding:8px}.sync-queue-chatbot-loading span{animation:bounce 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:8px;width:8px}.sync-queue-chatbot-loading span:first-child{animation-delay:-.32s}.sync-queue-chatbot-loading span:nth-child(2){animation-delay:-.16s}.sync-queue-chatbot-input-container{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:16px}.sync-queue-chatbot-input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.sync-queue-chatbot-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sync-queue-chatbot-input:disabled{background:#f5f5f5;cursor:not-allowed}.sync-queue-chatbot-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 24px;transition:all .2s}.sync-queue-chatbot-send-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.sync-queue-chatbot-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.searchable-multi-select{display:flex;flex-direction:column;gap:8px}.searchable-multi-select-header{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.searchable-multi-select-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s}.searchable-multi-select-btn:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.searchable-multi-select-btn:disabled{cursor:not-allowed;opacity:.5}.searchable-multi-select-btn-clear{border-color:#f44336;color:#f44336}.searchable-multi-select-btn-clear:hover:not(:disabled){background:#ffebee}.searchable-multi-select-search{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:12px;padding:6px 8px;width:100%}.searchable-multi-select-search:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.searchable-multi-select-list{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow-x:hidden;overflow-y:auto;padding:8px}.searchable-multi-select-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:2px;padding:6px 8px;transition:background-color .2s}.searchable-multi-select-item:hover{background-color:#f0f0f0}.searchable-multi-select-item.selected{background-color:#e3f2fd}.searchable-multi-select-checkbox{accent-color:#2196f3;cursor:pointer;height:16px;margin-right:8px;width:16px}.searchable-multi-select-item-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.searchable-multi-select-item-label{color:#333;font-size:13px}.searchable-multi-select-item-subtitle{color:#999;font-size:10px;margin-top:2px}.searchable-multi-select-empty{color:#666;font-size:13px;font-style:italic;padding:12px;text-align:center}.server-multi-select{display:flex;flex-direction:column;gap:8px}.server-multi-select-role-filter{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;padding:8px}.server-multi-select-role-filter label{color:#666;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.server-multi-select-role-filter select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 8px;width:100%}.server-multi-select-role-filter select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.approval-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.approval-modal-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;padding:0;width:90%}.approval-modal-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:24px;text-align:center}.approval-modal-icon{animation:pulse 2s infinite;font-size:48px;margin-bottom:8px}.approval-modal-title{color:#fff;font-size:24px;font-weight:700;margin:0}.approval-modal-content{padding:32px 24px;text-align:center}.approval-modal-question{color:#333;font-size:18px;line-height:1.6;margin:0 0 16px}.approval-modal-question strong{color:#4caf50;font-weight:700}.approval-modal-description{color:#666;font-size:14px;line-height:1.5;margin:0}.approval-modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;padding:20px 24px}.approval-modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.approval-modal-button:disabled{cursor:not-allowed;opacity:.6}.approval-modal-button-cancel{background:#fff;border:2px solid #ddd;color:#666}.approval-modal-button-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.approval-modal-button-confirm{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d;color:#fff}.approval-modal-button-confirm:hover:not(:disabled){box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.approval-success-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10003}.approval-success-container,.approval-success-overlay{align-items:center;display:flex;justify-content:center}.approval-success-container{flex-direction:column;height:100%;position:relative;width:100%}.approval-stamp{left:50%;opacity:0;position:absolute;top:30%;transform:translate(-50%,-50%) scale(.3) rotate(-15deg);transition:none;z-index:10}.approval-stamp.stamp-animate{animation:stampDrop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes stampDrop{0%{opacity:0;transform:translate(-50%,-200%) scale(.3) rotate(-15deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(-5deg)}60%{transform:translate(-50%,-50%) scale(.95) rotate(2deg)}70%{transform:translate(-50%,-50%) scale(1.05) rotate(-1deg)}80%{transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.stamp-content{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:8px solid #8b0000;border-radius:50%;box-shadow:0 0 0 4px #ffffff4d,0 0 0 8px #c6282833,0 20px 40px #0006,inset 0 2px 4px #fff3;display:flex;flex-direction:column;height:280px;justify-content:center;overflow:hidden;position:relative;width:280px}.stamp-content:before{animation:rotate 20s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0d 0,#ffffff0d 20px);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stamp-text{color:#fff;font-size:48px;font-weight:900;letter-spacing:4px;text-shadow:2px 2px 0 #0000004d,4px 4px 8px #00000080}.stamp-subtext,.stamp-text{position:relative;z-index:1}.stamp-subtext{color:#fffffff2;font-size:20px;font-weight:700;letter-spacing:2px;margin-top:8px;text-shadow:1px 1px 0 #0000004d,2px 2px 4px #00000080}.approval-success-message{bottom:25%;color:#fff;left:50%;opacity:0;position:absolute;text-align:center;transform:translateX(-50%);z-index:5}.approval-success-message.message-animate{animation:messageFadeIn .6s ease-out .5s forwards}@keyframes messageFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.success-icon{animation:bounce 1s ease-in-out 1s;font-size:64px;margin-bottom:16px}.approval-success-message h2{font-size:32px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 8px #0000004d}.approval-success-message p{font-size:18px;margin:0;opacity:.95;text-shadow:0 1px 4px #0000004d}.spire-requirements-page{background-color:#f5f7fa;max-width:100%;min-height:100vh;padding:24px}.page-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:16px;padding:24px}.subtitle{margin:8px 0 0}.cache-warning{color:#ff9800;font-weight:600}.refresh-button:hover{background:#1565c0;box-shadow:0 4px 12px #1976d24d}.setup-warning-banner{align-items:flex-start;background:linear-gradient(135deg,#fff3cd,#fff9e6);border:2px solid #ffc107;border-radius:12px;box-shadow:0 4px 12px #ffc10726;display:flex;gap:16px;margin-bottom:24px;padding:20px 24px}.warning-icon{flex-shrink:0;font-size:32px;line-height:1}.warning-content{flex:1 1}.warning-content h3{color:#856404;font-size:18px;font-weight:700;margin:0 0 12px}.warning-content p{color:#664d03;font-size:14px;line-height:1.6;margin:8px 0}.warning-content ul{color:#664d03;font-size:14px;margin:8px 0 0;padding-left:24px}.warning-content ul li{line-height:1.6;margin:4px 0}.warning-content strong{color:#856404;font-weight:700}.spire-filter-badges{margin-bottom:24px;padding:20px 24px}.requirements-table-container,.spire-filter-badges{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.requirements-table-container{max-height:calc(100vh - 300px);overflow-x:auto;overflow-y:auto}.requirements-table{border-collapse:collapse;font-size:13px;width:100%}.requirements-table thead{background:#f8f9fa;box-shadow:0 2px 4px #0000001a;z-index:100}.requirements-table thead,.requirements-table thead tr{position:-webkit-sticky;position:sticky;top:0}.requirements-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.requirements-table th.clickable-header{background:linear-gradient(135deg,#e3f2fd,#f5f5f5);border:1px solid #bbdefb;border-radius:6px;color:#1976d2;cursor:pointer;margin:2px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.requirements-table th.clickable-header:hover{background:linear-gradient(135deg,#1976d2,#1565c0);border-color:#1565c0;box-shadow:0 4px 8px #1976d24d;color:#fff;transform:translateY(-1px)}.requirements-table th.clickable-header:active{box-shadow:0 2px 4px #1976d233;transform:translateY(0)}.requirements-table th.clickable-header:after{content:" 🔄";font-size:12px;margin-left:4px;opacity:.7}.requirements-table th.clickable-header:hover:after{opacity:1}.requirements-table td{border-bottom:1px solid #f0f0f0;color:#555;padding:14px 12px}.requirements-table tbody tr:hover{background-color:#f8f9fa}.client-name{color:#1976d2;white-space:nowrap}.database-name{color:#666;font-family:Courier New,monospace;font-size:12px}.mdsp-path{color:#888;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subdomain-cell,.subdomain-link{text-align:center}.subdomain-link{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:12px;box-sizing:border-box;color:#1565c0;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;max-width:120px;min-width:120px;overflow:hidden;padding:4px 12px;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:120px}.subdomain-link:hover{background:linear-gradient(135deg,#42a5f5,#1976d2);border-color:#1565c0;box-shadow:0 6px 12px #1565c04d;color:#fff;transform:translateY(-2px)}.subdomain-link:active{box-shadow:0 2px 4px #1565c033;transform:translateY(0)}.status-cell{max-width:120px;min-width:100px;overflow:visible;padding:8px 6px!important;width:100px}.data-validation-cell{max-width:150px!important;min-width:110px!important;padding:6px 8px!important;width:auto!important}.status-cell>div{display:inline-block;max-width:100%}.status-badge{box-sizing:border-box;font-size:13px;line-height:1;min-height:24px;min-width:36px;vertical-align:middle}.status-success{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.status-error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.status-pending{background-color:#fff3e0;border:1px solid #ff9800;color:#f57c00}.status-badge.clickable{cursor:pointer;transition:all .2s ease}.status-badge.clickable:hover{box-shadow:0 4px 8px #0003;transform:scale(1.15)}.error-container,.loading-container,.no-data{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-height:400px}.validation-spinner{animation:spin .8s linear infinite;border:2px solid #3b82f633;border-top-color:#3b82f6;display:inline-block;height:14px;margin-right:4px;vertical-align:middle;width:14px}.error-container h2{color:#d32f2f;margin-bottom:16px}.retry-button{background:#1976d2;padding:10px 24px}.retry-button:hover{background:#1565c0}.no-data{font-size:16px}@media (max-width:1400px){.requirements-table{font-size:12px}.requirements-table td,.requirements-table th{padding:10px 8px}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.requirements-table-container{overflow-x:scroll}}.modal-overlay{animation:fadeIn .2s ease;background-color:#0009;z-index:10003!important}.modal-content{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10004!important}.modal-header{background:linear-gradient(135deg,#1976d2,#1565c0);border-bottom:2px solid #e0e0e0;border-radius:16px 16px 0 0;padding:24px}.modal-header h2{color:#fff;font-size:24px;font-weight:700}.modal-close{font-size:28px;height:40px;width:40px}.modal-close:hover{transform:rotate(90deg)}.modal-body{word-wrap:break-word;overflow-wrap:break-word}.client-info-box{background:linear-gradient(135deg,#f5f7fa,#e8eef5);border-left:4px solid #1976d2;border-radius:12px;margin-bottom:20px;padding:16px 20px}.client-info-box h3{color:#1976d2;font-size:20px;font-weight:700;margin:0 0 8px}.client-path{color:#666;font-family:Courier New,monospace;font-size:13px;margin:0;word-break:break-all}.missing-items{background:#ffebee;border-left:4px solid #f44336;border-radius:12px;margin-bottom:20px;padding:16px 20px}.missing-items h4{color:#c62828;font-size:16px;font-weight:700;margin:0 0 12px}.missing-items ul{list-style:none;margin:0;padding-left:20px}.missing-items li{color:#c62828;font-size:14px;line-height:1.6;margin:8px 0}.setup-instructions{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:12px;margin-bottom:20px;padding:16px 20px}.setup-instructions,.setup-instructions h4{word-wrap:break-word;overflow-wrap:break-word}.setup-instructions h4{color:#2e7d32;font-size:16px;font-weight:700;margin:0 0 12px}.instruction-box{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px}.instruction-box,.instruction-box p{word-wrap:break-word;overflow-wrap:break-word}.instruction-box p{color:#333;font-size:14px;line-height:1.6;margin:0 0 12px}.instruction-box ul{margin:12px 0 0;padding-left:20px}.instruction-box li{color:#555;font-size:14px;line-height:1.8;margin:8px 0}.instruction-box .note{background:#f5f5f5;border-left:3px solid #2e7d32;border-radius:4px;color:#555;font-size:13px;margin:16px 0 0;padding:12px}.setup-steps{margin:20px 0}.step{word-wrap:break-word;align-items:flex-start;background:#fff;border-left:4px solid #ff9800;border-radius:8px;gap:16px;margin-bottom:24px;overflow-wrap:break-word;padding:16px;transition:all .2s ease}.step:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.step-number{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d;font-size:18px}.step-content{min-width:0}.step-content,.step-content h5{word-wrap:break-word;overflow-wrap:break-word}.step-content h5{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.step-location{color:#666;font-size:13px;margin:8px 0 0}.step-location code{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#d32f2f;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.step-description{font-size:13px;font-style:italic;line-height:1.6;margin:8px 0 0}.info-box,.step-description{word-wrap:break-word;overflow-wrap:break-word}.info-box{background:#f5f5f5;border:1px solid #e0e0e0;margin-top:12px;padding:12px}.info-item{word-wrap:break-word;color:#333;font-size:14px;line-height:1.6;margin:8px 0;overflow-wrap:break-word}.info-item strong{color:#1976d2;margin-right:8px}.info-item code{background:#fff;border:1px solid #e0e0e0;color:#d32f2f}.what-will-be-created{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50;border-radius:8px;margin-top:24px;padding:16px}.what-will-be-created h5{color:#2e7d32;font-size:15px;font-weight:600;margin:0 0 12px}.what-will-be-created ul{margin:0;padding-left:20px}.what-will-be-created li{color:#2e7d32;font-size:14px;line-height:1.6;margin:8px 0}.warning-box{word-wrap:break-word;background:#fff3e0;border-left:4px solid #ff9800;border-radius:6px;font-size:13px;line-height:1.6;margin-top:20px;overflow-wrap:break-word;padding:12px 16px}.warning-box,.warning-box strong{color:#e65100}.servers-list{flex-wrap:wrap;gap:8px;margin-top:12px}.server-badge{background:linear-gradient(135deg,#1976d2,#1565c0);border-radius:20px;box-shadow:0 2px 4px #1976d233;color:#fff;display:inline-block;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.server-badge:hover{box-shadow:0 4px 8px #1976d24d;transform:translateY(-2px)}.modal-footer{padding-top:16px}.btn-primary{border-radius:8px;font-size:15px;padding:12px 32px;transition:all .2s ease}.btn-primary:hover{background:#1565c0;box-shadow:0 6px 16px #1976d24d;transform:translateY(-2px)}.status-section{margin:20px 0}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:12px}.status-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;padding:12px}.status-label{color:#666;font-size:13px;font-weight:500;margin-bottom:8px}.status-value{color:#333;font-size:16px;font-weight:600}.status-value.status-success{color:#4caf50}.status-value.status-error{color:#f44336}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 40px,#f0f0f0 80px);background-size:200px 100%;border-radius:4px}.skeleton-text{height:16px;margin:4px 0;width:100%}.skeleton-text-small{height:14px;width:60%}.skeleton-badge{border-radius:12px;display:inline-block;height:24px;width:24px}.skeleton-button{border-radius:4px;height:28px;width:70px}.skeleton-cell{padding:12px;vertical-align:middle}.skeleton-row{display:table-row;opacity:.7;width:100%}.skeleton-row:hover{opacity:1}.skeleton-row td{display:table-cell;width:auto}@keyframes subtleSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes subtlePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.gradient-halo-loader{align-items:center;animation:subtleSpin 1.2s linear infinite,gradientShift 3s ease infinite,subtlePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);background-size:200% 200%;border-radius:50%;box-shadow:0 0 0 3px #3b82f61a,0 0 0 2px #8b5cf633,0 0 12px #ec48994d;display:inline-flex;height:32px;justify-content:center;position:relative;width:32px}.gradient-halo-loader:before{animation:subtleSpin .8s linear infinite reverse;background:linear-gradient(135deg,#ffffffe6,#ffffff4d);border-radius:50%;content:"";height:24px;position:absolute;width:24px;z-index:1}.gradient-halo-loader:after{animation:subtlePulse 1.5s ease-in-out infinite;background:radial-gradient(circle,#3b82f6cc 0,#0000 70%);border-radius:50%;content:"";height:12px;position:absolute;width:12px;z-index:2}.kanban-board{display:flex;gap:16px;min-height:400px;overflow-x:auto;padding:16px}.kanban-column{background:#f8f9fa;border-radius:8px;display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 200px);min-width:300px}.kanban-column-header{align-items:center;background:#e9ecef;border-bottom:2px solid #dee2e6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.kanban-column-header h3{color:#495057;font-size:16px;font-weight:600;margin:0}.kanban-column-count{background:#6c757d;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.kanban-column-content{flex:1 1;overflow-y:auto;padding:8px}.kanban-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease}.kanban-card:hover{border-color:#007bff;box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.kanban-card:active{transform:translateY(0)}.kanban-empty{color:#6c757d;font-size:14px;font-style:italic;padding:40px 20px;text-align:center}.kanban-column-content::-webkit-scrollbar{width:8px}.kanban-column-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.kanban-column-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.kanban-column-content::-webkit-scrollbar-thumb:hover{background:#555}.kanban-card[draggable=true]{cursor:grab}.kanban-card[draggable=true]:active{cursor:grabbing}.kanban-column-content.drag-over{background:#e3f2fd;border:2px dashed #2196f3;border-radius:8px}.kanban-card.dragging{opacity:.5;transform:rotate(5deg)}.omnibox-input-container,.omnibox-search-wrapper{position:relative;width:100%}.omnibox-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-size:14px;font-weight:500;min-width:0;padding:12px 40px 12px 14px;transition:all .2s;width:100%}.omnibox-input:hover{background:#fafafa;border-color:#d1d5db}.omnibox-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.omnibox-clear-button{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:4px 6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .15s;width:24px;z-index:10}.omnibox-clear-button:hover{background:#f3f4f6;color:#dc2626}.omnibox-suggestions{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;left:0;margin-top:2px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.omnibox-suggestion-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;flex-direction:column;padding:14px 16px;transition:all .15s}.omnibox-suggestion-item:last-child{border-bottom:none}.omnibox-suggestion-item.highlighted,.omnibox-suggestion-item:hover{background:#f0f9ff;border-left:3px solid #3b82f6;padding-left:13px}.omnibox-suggestion-content{display:flex;flex-direction:column;gap:6px}.omnibox-suggestion-primary{align-items:center;display:flex}.omnibox-suggestion-name{color:#111827;flex:1 1;font-size:14px;font-weight:600}.omnibox-suggestion-secondary{align-items:center;display:flex}.omnibox-suggestion-database{color:#6b7280;font-size:12px;font-style:italic}.omnibox-suggestion-meta{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:8px;margin-top:4px;padding-top:6px}.omnibox-matched-field{color:#3b82f6;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.omnibox-matched-value{color:#6b7280;font-family:Courier New,monospace;font-size:11px}.omnibox-suggestion-empty{color:#6b7280;font-size:13px;font-style:italic;padding:20px 16px;text-align:center}.freshdesk-ticket-search{margin-bottom:20px;position:relative}.search-input-wrapper{gap:8px}.search-input{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;font-size:16px;padding:12px 40px 12px 16px;transition:all .2s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-input::placeholder{color:#999}.clear-search-btn{background:#e0e0e0;border:none;border-radius:50%;color:#666;font-size:14px;height:24px;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px}.clear-search-btn:hover{background:#dc3545;color:#fff}.search-results-count{background:#f8f9fa;border-radius:12px;color:#666;font-size:14px;padding:4px 12px;white-space:nowrap}.search-results-count .all-results{color:#28a745}.search-results-count .filtered-results{color:#007bff}.search-hint{align-items:center;color:#999;display:flex;gap:4px}.search-hint kbd{background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;box-shadow:0 1px 2px #0000001a;color:#495057;font-family:monospace;font-size:11px;padding:2px 6px}.match-info-tooltip{background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:8px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.match-info-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;font-size:14px;padding:12px 16px}.match-info-content{padding:8px}.match-info-item{border-bottom:1px solid #f0f0f0;padding:8px 12px}.match-info-item:last-child{border-bottom:none}.match-info-item .ticket-id{color:#007bff;font-size:13px;font-weight:600;margin-bottom:4px}.matched-fields{display:flex;flex-wrap:wrap;gap:4px}.matched-field-badge{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.match-info-more{color:#666;font-size:12px;font-style:italic;padding:8px 12px;text-align:center}.ticket-search-result{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:8px;padding:12px;transition:all .2s ease}.ticket-search-result:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.ticket-search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-id-section{align-items:center;display:flex;gap:8px}.ticket-id-section strong{color:#007bff;font-size:16px}.match-indicator{background:#d4edda;border-radius:4px;color:#28a745;font-size:11px;font-weight:500;padding:2px 6px}.ticket-search-content{display:flex;flex-direction:column;gap:6px}.ticket-field{align-items:flex-start;display:flex;font-size:14px;gap:8px}.ticket-field.matched-field{background:#fff9e6;border-left:3px solid #ffc107;border-radius:4px;padding:4px 8px}.field-label{color:#666;flex-shrink:0;font-weight:600;min-width:100px}.ticket-field.matched-field .field-label{color:#856404}.page-title{color:#111827;flex-wrap:wrap;font-size:24px}.page-icon{font-size:28px}.page-title-stats{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-left:auto}.page-title-stat{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:6px;padding:4px 12px;white-space:nowrap}.stat-icon{font-size:16px}.stat-value{color:#111827}.stat-label{font-weight:400}.stat-info-icon{cursor:pointer;flex-shrink:0;font-size:11px;margin-left:4px;opacity:.7;transition:opacity .2s}.stat-info-icon:hover{opacity:1;transform:scale(1.1)}.page-title-stat-clickable{transition:all .2s ease}.page-title-stat-clickable:hover{background:#e5e7eb!important;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.page-title-stat-active{background:#dbeafe!important;border:2px solid #3b82f6;font-weight:600}.page-description{color:#6b7280}.mini-dashboard-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:12px}.mini-dashboard-header.compact{margin-bottom:12px;padding-bottom:8px}.mini-dashboard-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.mini-dashboard-header-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.mini-dashboard-header-icon{flex-shrink:0;font-size:20px;line-height:1}.mini-dashboard-header-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.mini-dashboard-header-title{color:#111827;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0}.mini-dashboard-header.compact .mini-dashboard-header-title{font-size:16px}.mini-dashboard-header-subtitle{color:#6b7280;font-size:12px;font-weight:400;line-height:1.4;margin:0}.mini-dashboard-header.compact .mini-dashboard-header-subtitle{font-size:11px}.mini-dashboard-header-badge{flex-shrink:0;margin-left:4px}.mini-dashboard-header-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}@media (max-width:768px){.mini-dashboard-header-content{align-items:flex-start;flex-direction:column}.mini-dashboard-header-actions{justify-content:flex-start;width:100%}}.modal-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.modal-header{background:#f8f9fa}.modal-title{color:#333;gap:8px}.modal-icon{font-size:24px}.modal-close-btn{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}.modal-close-btn:hover{background-color:#e0e0e0;color:#333}.modal-footer{background:#f8f9fa;padding:16px 20px}.modal-action-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.modal-action-btn:hover{background-color:#0056b3}.modal-action-btn:active{background-color:#004085}.page-instructions{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.page-instructions-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s}.page-instructions-header:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f)}.page-instructions-content{background:#fff;padding:16px}.instruction-section{margin-bottom:16px}.instruction-section:last-child{margin-bottom:0}.instruction-label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.instruction-value{color:#1f2937;font-size:14px;line-height:1.6;word-break:break-word}.instruction-value.copyable{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:13px;gap:8px;padding:8px 12px;position:relative;transition:all .2s}.instruction-value.copyable:hover{background:#e5e7eb;border-color:#9ca3af}.copy-icon{font-size:14px;opacity:.7;transition:opacity .2s}.instruction-value.copyable:hover .copy-icon{opacity:1}.copied-indicator{animation:fadeIn .2s;background:#10b981;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.instruction-list{list-style-type:decimal;margin:0;padding-left:20px}.instruction-item{color:#1f2937;font-size:14px;line-height:1.6;margin-bottom:8px}.instruction-item:last-child{margin-bottom:0}.settings-link{align-items:center;color:#666;display:inline-flex;font-size:.85em;gap:4px;margin-left:6px;opacity:.7;text-decoration:none;transition:opacity .2s,color .2s}.settings-link:hover{color:#1976d2;opacity:1;text-decoration:underline}.settings-link-icon{font-size:.9em;line-height:1}.settings-link-text{font-weight:500}.settings-link.subtle{font-size:.75em;opacity:.5}.settings-link.subtle:hover{opacity:.9}.server-selector{width:100%}.server-selector .filtered-data-table{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.server-selector .data-table tbody tr{cursor:pointer;transition:background-color .2s ease}.server-selector .data-table tbody tr:hover{background-color:#f5f5f5}.server-selector .data-table tbody tr.selected{background-color:#e3f2fd!important}.server-selector input[type=radio]{accent-color:#1976d2;cursor:pointer;height:18px;width:18px}.server-selector input[type=radio]:disabled{cursor:not-allowed;opacity:.6}.rosebud-loading{animation:pulse 1.5s ease-in-out infinite}.missing-rosebud-db-modal{max-width:800px;width:90%}.warning-message{background-color:#fff3cd;margin-bottom:20px;padding:15px}.warning-message p{margin:5px 0}.error-message{border:1px solid #dc3545;margin-bottom:15px;padding:10px}.success-message{background-color:#d4edda;border:1px solid #28a745;padding:15px;text-align:center}.client-selection,.database-selection{margin-bottom:20px}.client-selection label,.database-selection label{color:#333;display:block;font-weight:600;margin-bottom:8px}.client-select,.database-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.matches-section{margin-bottom:15px}.matches-label{color:#666;font-size:13px;margin-bottom:8px}.matches-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.match-button{background-color:#fff;border:2px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.match-button:hover{background-color:#e7f3ff}.match-button.selected{background-color:#007bff;color:#fff}.manual-selection{margin-top:15px}.progress-indicator{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:13px;margin-top:15px;padding:10px;text-align:center}.modal-footer{border-top:1px solid #ddd;padding-top:15px}.modal-action-btn.primary{background-color:#007bff;color:#fff}.modal-action-btn.primary:hover:not(:disabled){background-color:#0056b3}.modal-action-btn.primary:disabled{background-color:#ccc;cursor:not-allowed}.mds-client-paths-list{padding:12px}.mds-client-paths-list .data-table,.mds-client-paths-list .data-table tbody,.mds-client-paths-list .data-table td,.mds-client-paths-list .data-table th,.mds-client-paths-list .data-table thead,.mds-client-paths-list .data-table tr{height:auto!important;min-height:0!important}.mds-client-paths-list .data-table tr{display:table-row!important}.mds-client-paths-list .data-table td,.mds-client-paths-list .data-table th{display:table-cell!important;vertical-align:middle!important}.mds-client-paths-list .data-table td>*{display:inline-block!important;max-height:32px!important;overflow:hidden!important;text-overflow:ellipsis;vertical-align:middle}.mds-client-paths-list .data-table tbody tr{height:52px!important;max-height:52px!important}.mds-client-paths-list .data-table td{max-height:52px!important;overflow:hidden!important;white-space:nowrap!important}.mds-client-paths-list .data-table td[data-column=rosebudEnabled]{text-align:center!important;vertical-align:middle!important}.settings-option.disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.5}.settings-option.disabled:hover{background-color:#f5f5f5;transform:none}.mds-client-paths-list .data-table td[data-column=rosebudEnabled] span{display:inline-block!important;line-height:1.2!important;max-height:20px!important;overflow:hidden!important}.fd-company-id{color:#059669;font-family:Courier New,monospace;font-size:.875rem;font-weight:500}.fd-company-id .no-data{color:#9ca3af;font-style:italic}.edit-button{background:#3b82f6;font-size:12px;margin-right:4px;padding:4px 8px;transition:background-color .2s ease}.edit-button:hover{background:#2563eb}.edit-button:active{background:#1d4ed8}.edit-form{gap:16px}.edit-form,.edit-form .form-group{display:flex;flex-direction:column}.edit-form .form-group{gap:6px}.edit-form .form-group label{color:#374151;font-size:.875rem;font-weight:500}.edit-form .form-group input,.edit-form .form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;transition:border-color .2s ease}.edit-form .form-group input:focus,.edit-form .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-form .form-group input.readonly-field{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.edit-form .checkbox-group{align-items:center;flex-direction:row;gap:8px}.edit-form .checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.edit-form .checkbox-group input[type=checkbox]{margin:0;width:auto}.error-message{background-color:#fef2f2;font-size:.875rem}.success-message{background-color:#f0fdf4;font-size:.875rem;padding:8px 12px}.header-controls{border-bottom:1px solid #e2e8f0;justify-content:space-between;margin-bottom:8px;padding-bottom:4px}.header-controls h2{color:#374151;font-size:1.25rem;font-weight:500;letter-spacing:-.025em;margin:0}.filter-controls{gap:12px}.demo-sandbox-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:4px 8px;transition:all .2s ease}.demo-sandbox-toggle:hover{background:#e2e8f0;border-color:#cbd5e1}.demo-sandbox-toggle input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.toggle-label{color:#374151;font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none}.copyable-path{border-radius:4px;cursor:pointer;padding:2px 4px;transition:all .2s ease;-webkit-user-select:all;user-select:all}.copyable-path:hover{background-color:#e3f2fd;box-shadow:0 1px 3px #0000001a;color:#1976d2}.copyable-path:active{background-color:#bbdefb;transform:scale(.98)}.mds-client-paths-list h2{color:#374151;margin-bottom:12px}.sync-settings-cell{display:inline-flex}.gear-button,.sync-settings-cell{align-items:center;justify-content:center}.gear-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:28px;min-width:28px;padding:4px 8px;transition:all .2s ease}.gear-button:hover{background:#e2e8f0;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#475569;transform:translateY(-1px)}.actions-cell{display:inline-flex;gap:4px}.actions-button,.actions-cell{align-items:center;justify-content:center}.actions-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:28px;min-width:28px;padding:4px 8px;transition:all .2s ease}.actions-button:hover{background:#e2e8f0;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#475569;transform:translateY(-1px)}.client-settings-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.client-settings-modal{background:#fff;border-radius:6px;box-shadow:0 4px 20px #00000026;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.client-settings-modal-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.header-content{flex:1 1}.client-settings-modal-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.client-info{align-items:center;gap:8px}.mdsp-path{background:#ffffff1a;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;opacity:.9;padding:4px 8px;transition:background-color .2s ease;-webkit-user-select:all;user-select:all}.mdsp-path:hover{background:#fff3}.close-button{font-size:24px;height:30px;transition:color .2s ease;width:30px}.close-button:hover{color:#f0f0f0}.settings-menu{padding:0}.settings-menu-header{border-bottom:1px solid #e0e0e0;margin-bottom:16px;padding-bottom:12px;text-align:center}.settings-menu-header h4{color:#333;font-size:18px;margin:0 0 4px}.settings-menu-header p{color:#666;font-size:13px;margin:0}.settings-option{border:1px solid #e0e0e0;border-radius:6px;padding:12px 16px}.settings-option:hover{background-color:#f8f9ff;border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.option-icon{font-size:20px;margin-right:12px;width:28px}.option-title{color:#333;font-size:15px;font-weight:600;margin-bottom:2px}.option-description{color:#666;font-size:13px;line-height:1.3}.option-arrow{color:#999;font-size:20px;margin-left:12px}.client-settings-modal-body{padding:12px 16px}.sync-modal-body{padding:20px}.current-sync{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;margin-bottom:20px;padding:15px}.current-sync p{color:#333;margin:0}.sync-options h4{color:#333;margin:0 0 15px}.sync-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.sync-option{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-weight:500;padding:12px 16px;transition:all .2s}.sync-option:hover{background-color:#f8f9fa;border-color:#007bff}.sync-option.active{background-color:#007bff;border-color:#007bff;color:#fff}.sync-actions{border-top:1px solid #e0e0e0;justify-content:center;padding-top:20px}.reset-button{background-color:#dc3545;border-radius:4px;font-weight:500;padding:10px 20px;transition:background-color .2s}.reset-button:hover{background-color:#c82333}.sync-modal-body.loading{opacity:.6;pointer-events:none}.client-settings-modal-body.error{color:#dc3545}.general-settings-content{padding:0}.client-info{margin-bottom:20px}.client-info h4{color:#333;margin:0 0 15px}.info-grid{grid-gap:12px;gap:12px}.info-item{align-items:center;border-bottom:1px solid #f0f0f0;padding:8px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#555;font-weight:600;margin-right:15px;min-width:120px}.info-item span{color:#333;flex:1 1}.info-item code{color:#333;font-family:Courier New,monospace;font-size:12px;padding:4px 8px;word-break:break-all}.general-actions,.info-item code{background-color:#f8f9fa;border-radius:4px}.general-actions{color:#666;padding:20px;text-align:center}.column-settings{padding:0}.column-settings p{color:#666;line-height:1.5;margin-bottom:20px}.column-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.column-info h5{color:#333;font-size:16px;margin:0 0 15px}.column-info ul{margin:0;padding-left:20px}.column-info li{color:#555;line-height:1.4;margin-bottom:8px}.column-actions{border-top:1px solid #e0e0e0;padding-top:20px;text-align:center}.reset-columns-button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.reset-columns-button:hover{background-color:#5a6268}.settings-status{padding:20px;text-align:center}.status-indicator{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px;text-align:left}.status-icon{font-size:20px;margin-top:2px}.status-content h5{color:#495057;font-size:16px;font-weight:600;margin:0 0 8px}.status-content p{color:#6c757d;font-size:14px;line-height:1.4;margin:0}.settings-actions{align-items:center;flex-direction:column;gap:8px}.create-custom-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:not-allowed;font-size:14px;font-weight:500;opacity:.6;padding:10px 20px;transition:all .2s ease}.action-note{color:#6c757d;font-size:12px;font-style:italic}.action-description{font-size:14px;text-align:center}.settings-actions{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px;text-align:center}.create-custom-settings-btn{display:inline-flex;padding:12px 24px}.technical-toggle{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.technical-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.technical-button:hover{background:#e9ecef;border-color:#adb5bd}.tech-icon{font-size:16px}.technical-details{border:1px solid #e9ecef;margin-top:20px;padding:20px}.technical-header{border-bottom:2px solid #dee2e6;margin-bottom:20px;padding-bottom:15px}.technical-header h4{color:#495057;font-size:18px;font-weight:600;margin:0 0 8px}.technical-header p{color:#6c757d;font-size:14px;margin:0}.technical-content{display:flex;flex-direction:column;gap:20px}.tech-section{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:16px}.tech-section h5{align-items:center;color:#495057;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.tech-info p{color:#495057;font-size:14px;margin:0 0 8px}.tech-info ol,.tech-info ul{margin:8px 0;padding-left:20px}.tech-info li{color:#495057;font-size:14px;margin:4px 0}.tech-info code{border-radius:3px;color:#e83e8c;font-size:13px;padding:2px 6px}.sql-code,.tech-info code{background:#f8f9fa;font-family:Courier New,monospace}.sql-code{border:1px solid #e9ecef;color:#495057;margin:8px 0;padding:12px}.default-settings-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:12px 0;padding:16px}.setting-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;margin:8px 0;padding:8px 0}.setting-item:last-child{border-bottom:none}.setting-label{color:#495057;font-weight:600;margin-right:12px;min-width:140px}.setting-value{background:#e9ecef;border-radius:4px;color:#e83e8c;font-family:Courier New,monospace;font-size:13px;font-weight:500;padding:4px 8px}.custom-settings-actions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:12px 0;padding:16px}.create-custom-settings-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px;padding:12px 20px;transition:all .2s ease}.create-custom-settings-btn:hover{background:#0056b3;transform:translateY(-1px)}.btn-icon{font-size:16px}.action-description{color:#6c757d;font-size:13px;line-height:1.4;margin:0}.table-selection{padding:12px 16px}.table-selection-header{margin-bottom:12px}.table-selection-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:8px 0;padding:8px 12px}.table-selection-info p{color:#495057;font-size:14px}.table-selection-info code{background:#e9ecef;border-radius:3px;color:#dc3545;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.table-selection-nav{margin-bottom:15px}.back-button{background:#6c757d;padding:8px 16px;transition:background-color .2s}.back-button:hover{background:#5a6268}.table-selection-content{max-height:400px;overflow-y:auto}.loading-tables{color:#6c757d;font-style:italic;padding:20px;text-align:center}.tables-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.table-option{border:2px solid #e9ecef;border-radius:6px;padding:12px;transition:all .2s}.table-option:hover{background:#f8f9fa;border-color:#007bff}.table-option.selected{background:#e3f2fd;border-color:#007bff}.table-option.common{border-left:4px solid #28a745}.table-option.required{background:#fff5f5;border-left:4px solid #dc3545}.table-option.required:hover{background:#fff5f5;border-color:#dc3545}.table-info{align-items:center;flex-wrap:wrap;gap:12px}.table-id{background:#f8f9fa;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:12px;min-width:40px;padding:4px 8px}.table-name{color:#333;font-size:14px}.table-badges{display:flex;flex-wrap:wrap;gap:4px}.common-badge{background:#28a745;border-radius:3px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.required-badge{background:#dc3545;border-radius:3px}.table-selection-actions{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:center;padding-top:12px}.load-tables-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.load-tables-btn:hover:not(:disabled){background:#0056b3}.load-tables-btn:disabled{background:#6c757d;cursor:not-allowed}.selected-tables-summary{text-align:right}.selected-tables-summary p{color:#495057;font-size:14px;margin:4px 0}.selected-list{color:#6c757d;font-family:Courier New,monospace;font-size:12px}.settings-navigation{border-top:1px solid #e9ecef;display:flex;gap:12px;margin-top:20px;padding-top:20px}.nav-button{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background-color .2s}.nav-button:hover{background:#0056b3}.nav-icon{font-size:16px}.table-selection-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;border-radius:6px;box-shadow:0 2px 4px -1px #0000001a;max-height:350px;overflow-y:auto;padding:0}.table-option{align-items:center;background:#fff;border:none;border-bottom:1px solid #e2e8f0cc;border-radius:0;cursor:pointer;display:flex;margin:0;padding:10px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-option:last-child{border-bottom:none}.table-option:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 4px 12px #3b82f626;transform:translateX(4px)}.table-option.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;box-shadow:0 4px 12px #3b82f633}.table-option.required{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;cursor:not-allowed;position:relative}.table-option.required:after{background:#f59e0b;border-radius:4px;color:#fff;content:"REQUIRED";font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;position:absolute;right:12px;top:8px}.table-id{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;box-shadow:0 2px 4px #6366f14d;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;margin-right:16px;min-width:50px;padding:8px 12px;text-align:center}.table-name{color:#1e293b;flex:1 1;font-size:15px;line-height:1.4}.table-selection-info{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:14px;line-height:1.6;margin:20px 0;padding:20px}.table-selection-info code{background:linear-gradient(135deg,#1e293b,#334155);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#f1f5f9;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;font-weight:500;padding:4px 8px}.table-selection-info p{color:#475569;margin:8px 0}.table-selection-info strong{color:#1e293b;font-weight:600}.required-tables-info{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:6px;display:flex;gap:10px;margin-bottom:12px;padding:10px 12px}.required-tables-info strong{color:#047857;font-size:14px;margin:0}.sync-status{color:#666;font-size:13px;font-weight:400}.required-tables-list{display:flex;flex-wrap:wrap;gap:8px}.required-table-badge{background:linear-gradient(135deg,#059669,#047857);border-radius:6px;box-shadow:0 2px 4px #0596694d;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.modern-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 15px -3px #3b82f666;transform:translateY(-2px)}.modern-btn:active{box-shadow:0 2px 4px -1px #3b82f64d;transform:translateY(0)}.modern-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 6px -1px #6b72804d}.modern-btn.secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 8px 15px -3px #6b728066}.sync-requirements-display{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:4px;color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;font-weight:500;margin:8px 0;padding:8px 12px}.selected-tables-display{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:14px;font-weight:500;margin:12px 0;padding:12px 16px}.selected-tables-display strong{color:#047857;font-weight:600}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #f3f4f6;display:inline-block;height:16px;width:16px}.table-selection-container::-webkit-scrollbar{width:8px}.table-selection-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-selection-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px}.table-selection-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.table-search-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px #0000000d;margin:8px 0;padding:8px 12px}.search-input-wrapper{margin-bottom:12px}.table-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#1e293b;font-size:14px;font-weight:500;padding:12px 16px 12px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.table-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.table-search-input::placeholder{color:#94a3b8;font-weight:400}.search-icon{color:#94a3b8;left:16px}.search-hint{font-style:italic;text-align:center}.clear-filter-btn,.search-hint{color:#64748b;font-size:12px;margin-top:8px}.clear-filter-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:inline-block;font-weight:500;padding:6px 12px;transition:all .2s ease}.clear-filter-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;color:#475569}.search-results-count{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:6px;color:#1e40af;font-size:13px;font-weight:500;margin:12px 0;padding:8px 12px;text-align:center}.no-results{padding:40px 20px}.no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.quick-add-success{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:6px;color:#166534;font-size:12px;font-weight:600;margin:8px 0;padding:8px 12px;text-align:center}.clean-settings-menu{background:#fff;padding:0}.settings-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.back-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:8px 12px}.back-button:hover{background:#e5e7eb;border-color:#9ca3af}.settings-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.settings-options{display:flex;flex-direction:column;gap:8px}.settings-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .2s;width:100%}.settings-option:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.settings-option.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#1d4ed8;color:#fff}.settings-option.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#1e40af;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}.settings-option.primary .option-content h4,.settings-option.primary .option-content p{color:#fff}.settings-option.loading{background:#f3f4f6;border-color:#d1d5db;cursor:not-allowed;opacity:.7}.option-icon{flex-shrink:0;font-size:1.5rem;text-align:center;width:32px}.option-content{flex:1 1}.option-content h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 4px}.option-content p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.database-status-section{margin-top:24px}.database-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.database-name{color:#1e293b;font-size:1rem;margin-bottom:8px}.status-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}.status-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.status-card:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.status-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.status-icon{text-align:center;width:24px}.status-header h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.status-details{color:#64748b;font-size:.9rem;line-height:1.4}.status-steps{display:flex;flex-direction:column;gap:12px}.status-step{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px}.step-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px;text-align:center;width:24px}.step-content{flex:1 1;font-size:.9rem;line-height:1.4}.step-content strong{color:#1e293b;font-weight:600}.technical-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:16px}.technical-details h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 16px}.tech-info{gap:16px}.tech-info,.tech-item{display:flex;flex-direction:column}.tech-item{gap:8px}.tech-item strong{color:#374151;font-size:.9rem;font-weight:600}.tech-item code{background:#e5e7eb;border-radius:4px;color:#1f2937;font-family:Courier New,monospace;font-size:.85rem;padding:2px 6px}.tech-item ol,.tech-item ul{margin:8px 0 0;padding-left:20px}.tech-item li{color:#4b5563;font-size:.9rem;margin-bottom:4px}.tech-item li code{background:#f3f4f6;border-radius:3px;font-size:.8rem;padding:1px 4px}.database-status{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:8px}.status-indicator{font-size:1rem}.database-actions{display:flex;flex-direction:column;gap:8px}.client-entry-form{border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:800px;overflow-y:auto}.modal-header h3{font-size:1.5rem}.modal-header button{font-size:1.5rem;padding:5px}.modal-footer{border-top:1px solid #e0e0e0;gap:10px}.database-status{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:15px 20px}.status-linked{color:#28a745}.status-assumed,.status-linked{align-items:center;display:flex;font-weight:500;gap:8px}.status-assumed{color:#ffc107}.status-detecting{align-items:center;animation:pulse 1.5s ease-in-out infinite;color:#17a2b8;display:flex;font-weight:500;gap:8px}.technical-details{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:12px}.technical-summary{align-items:center;background:#f1f3f4;border-radius:6px 6px 0 0;color:#5f6368;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;list-style:none;padding:8px 12px;transition:background-color .2s ease}.technical-summary:hover{background:#e8eaed}.technical-summary::-webkit-details-marker{display:none}.technical-icon{font-size:14px}.technical-content{background:#fff;border-radius:0 0 6px 6px;border-top:1px solid #e0e0e0;padding:12px}.technical-section{margin-bottom:16px}.technical-section:last-child{margin-bottom:0}.technical-section h4{color:#1a73e8;font-size:14px;font-weight:600;margin:0 0 8px}.technical-section p{color:#5f6368;font-size:12px;line-height:1.4;margin:4px 0}.technical-section code{background:#f1f3f4;border-radius:3px;color:#d73a49;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.status-icon{font-size:1.2rem}.status-text{font-size:.9rem}.create-link-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:10px;padding:8px 16px}.create-link-btn:hover{background:#0056b3}.form-help{color:#6c757d;display:block;font-size:.8rem;margin-top:4px}.form-grid{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group input[type=number],.form-group input[type=text],.form-group input[type=url]{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group input[type=url]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input[type=number]:required,.form-group input[type=text]:required,.form-group input[type=url]:required{border-left:4px solid #dc3545}.checkbox-group label{font-weight:500;gap:8px}.checkbox-group input[type=checkbox]{accent-color:#007bff;height:18px;width:18px}.form-group input::placeholder{color:#adb5bd;font-style:italic}.client-entry-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.client-entry-header{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1rem}.client-entry-header h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.client-entry-header p{color:#6b7280;font-size:.9rem;margin:0}.results-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.results-header .header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.results-info p{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.search-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;padding:.5rem}.client-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:320px}.client-search-input:focus{background:#fefefe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.client-search-input::placeholder{color:#9ca3af;font-style:italic}.search-icon{color:#6b7280;font-size:.875rem;left:.75rem;pointer-events:none;top:50%;transform:translateY(-50%)}.clear-search-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:.5rem;transition:all .2s ease}.clear-search-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#475569}.clear-search-btn:active{background:#cbd5e1;transform:translateY(1px)}@media (max-width:768px){.results-header .header-content{align-items:stretch;flex-direction:column}.client-search-input,.search-container{width:100%}}@media (max-width:480px){.results-header{padding:.75rem}.search-container{padding:.375rem}.client-search-input{font-size:.8rem;padding:.625rem 2.5rem .625rem .875rem}}.loading-container{padding:2rem;text-align:center}.loading-spinner{border:4px solid #f3f3f3;margin-bottom:1rem}.client-sync-preferences-manager{width:100%}.section-header{margin-bottom:2rem}.section-header h2{margin:0 0 .5rem}.section-header p{font-size:.95rem}.preference-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.preference-form h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.form-row{align-items:end;display:flex;flex-wrap:wrap;gap:1rem}.form-group{min-width:200px}.form-group select{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.5rem .75rem;transition:border-color .2s}.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group select:disabled{background:#f9fafb;color:#9ca3af}.set-preference-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:.5rem 1.5rem;transition:all .2s}.set-preference-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.set-preference-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.preferences-list h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.preferences-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.preference-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;transition:all .2s}.preference-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.preference-card.custom{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f6}.preference-card.default{background:#f9fafb;border-color:#e5e7eb}.preference-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.preference-header h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.custom-badge{background:linear-gradient(135deg,#10b981,#059669)}.custom-badge,.default-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.default-badge{background:#6b7280}.preference-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-row{align-items:center;justify-content:space-between}.detail-row .label{color:#6b7280;font-size:.85rem;font-weight:500}.detail-row .value{color:#2c3e50;font-size:.85rem;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.preference-actions{display:flex;gap:.5rem;justify-content:flex-end}.reset-button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.375rem 1rem;transition:all .2s}.reset-button:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.reset-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.loading-state{text-align:center}.spinner{border:3px solid #e5e7eb;height:2rem;width:2rem}.error-state{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:3rem}.retry-button{padding:.5rem 1rem;transition:all .2s}.retry-button:hover{box-shadow:0 4px 8px #3b82f64d}.empty-state{background:#f9fafb;border:1px solid #e5e7eb}@media (max-width:768px){.form-row{align-items:stretch;flex-direction:column}.form-group{min-width:auto}.preferences-grid{grid-template-columns:1fr}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-row .value{max-width:100%;text-align:left}}.technical-details-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.technical-details-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:80vw;overflow:hidden;width:600px}.technical-details-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.technical-details-header h3{font-size:1.25rem;font-weight:600;margin:0}.technical-details-actions{align-items:center;display:flex;gap:12px}.copy-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:4px;padding:6px 12px;transition:all .2s ease}.copy-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.close-button{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;font-size:1.2rem}.close-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.technical-details-content{flex:1 1;overflow-y:auto;padding:24px}.technical-details-content pre{word-wrap:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;margin:0;padding:16px;white-space:pre-wrap}@media (max-width:768px){.technical-details-modal{max-height:90vh;width:95vw}.technical-details-header{padding:16px 20px}.technical-details-content{padding:20px}.technical-details-content pre{font-size:.8rem;padding:12px}}.pattern-text{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:2px 6px}.status-badge{font-size:.8rem;min-width:24px;padding:2px 8px;text-align:center}.status-badge.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.delete-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 2px 4px #dc35454d;transform:translateY(-1px)}.delete-btn:active{box-shadow:0 1px 2px #dc35454d;transform:translateY(0)}.form-group label{color:#495057}.form-control{border-radius:6px;font-size:.9rem}.form-text{color:#6c757d;font-size:.8rem}.form-check-input,.form-text{margin-top:.25rem}.form-check-label{font-weight:500;margin-left:.5rem}.card{border:1px solid #e9ecef;border-radius:8px}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;padding:1rem 1.25rem}.card-body{padding:1.25rem}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);border-color:#0056b3;box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);border-color:#28a745}.btn-success:hover{background:linear-gradient(135deg,#1e7e34,#155724);border-color:#1e7e34;box-shadow:0 2px 4px #28a7454d;transform:translateY(-1px)}.btn-outline-secondary{border-color:#6c757d;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;box-shadow:0 2px 4px #6c757d4d;color:#fff;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62);border-color:#6c757d}.btn-secondary:hover{background:linear-gradient(135deg,#545b62,#495057);border-color:#545b62;box-shadow:0 2px 4px #6c757d4d;transform:translateY(-1px)}.alert{border:none;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-danger{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545}@media (prefers-color-scheme:dark){.pattern-text{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.status-badge.active{background:#22543d;border-color:#2f855a;color:#9ae6b4}.status-badge.inactive{background:#742a2a;border-color:#e53e3e;color:#feb2b2}.delete-btn{background:linear-gradient(135deg,#e53e3e,#c53030)}.delete-btn:hover{background:linear-gradient(135deg,#c53030,#9c2626);box-shadow:0 2px 4px #e53e3e4d}.form-group label{color:#e2e8f0}.form-control{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.form-control:focus{border-color:#63b3ed;box-shadow:0 0 0 .2rem #63b3ed40}.form-text{color:#a0aec0}.card{background-color:#2d3748;border-color:#4a5568}.card-header{background:linear-gradient(135deg,#2d3748,#4a5568);border-bottom-color:#4a5568;color:#e2e8f0}.card-body{background-color:#2d3748;color:#e2e8f0}.btn-primary{background:linear-gradient(135deg,#3182ce,#2c5282);border-color:#3182ce}.btn-primary:hover{background:linear-gradient(135deg,#2c5282,#2a4365);border-color:#2c5282;box-shadow:0 2px 4px #3182ce4d}.btn-success{background:linear-gradient(135deg,#38a169,#2f855a);border-color:#38a169}.btn-success:hover{background:linear-gradient(135deg,#2f855a,#276749);border-color:#2f855a;box-shadow:0 2px 4px #38a1694d}.btn-outline-secondary{border-color:#718096;color:#a0aec0}.btn-outline-secondary:hover{background-color:#718096;border-color:#718096;color:#1a202c}.btn-secondary{background:linear-gradient(135deg,#718096,#4a5568);border-color:#718096}.btn-secondary:hover{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#4a5568;box-shadow:0 2px 4px #7180964d}.alert-danger{background:linear-gradient(135deg,#742a2a,#9c2626);border-left-color:#e53e3e;color:#feb2b2}}.client-path-exclusion-settings{margin:0 auto;max-width:1200px;padding:24px}.settings-header{margin-bottom:32px}.settings-header h1{color:#1a1a1a;font-size:28px;margin-bottom:8px}.settings-description{color:#666;font-size:14px;line-height:1.6}.alert{border-radius:6px;margin-bottom:24px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.settings-section{border:1px solid #e0e0e0;padding:24px}.section-header{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.section-actions{display:flex;gap:8px}.btn:hover:not(:disabled){background:#f5f5f5}.btn-primary{border-color:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#fff;color:#666}.exclusions-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;min-height:40px}.exclusion-item{align-items:center;background:#f0f0f0;border-radius:4px;display:flex;font-size:14px;gap:8px;padding:6px 12px}.exclusion-pattern{color:#333;font-weight:500}.btn-remove{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:20px}.btn-remove:hover{background:#ddd;color:#c33}.empty-state{color:#999;font-style:italic;padding:20px}.add-exclusion{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px}.add-exclusion h3{font-size:16px;font-weight:600;margin-bottom:8px}.help-text{color:#666;font-size:13px;line-height:1.5;margin-bottom:12px}.add-exclusion-controls{display:flex;gap:8px}.exclusion-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.exclusion-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.info-box{background:#f8f9fa;border-left:4px solid #3b82f6;border-radius:6px;margin-top:32px;padding:16px}.info-box h4{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.info-box ul{color:#666;font-size:13px;padding-left:20px}.info-box li{margin-bottom:4px}.chat-bubble{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:2rem;transition:transform .2s,box-shadow .2s;width:60px;z-index:1000}.chat-bubble:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.bubble-icon{font-size:28px}.bubble-pulse{animation:pulse 2s infinite;background:#667eea66;border-radius:50%;height:100%;position:absolute;width:100%}.chat-window{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;bottom:2rem;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;height:600px;position:fixed;right:2rem;width:400px;z-index:1000}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;justify-content:space-between;padding:1rem}.chat-header,.chat-title{align-items:center;display:flex}.chat-title{gap:.75rem}.chat-icon{font-size:24px}.chat-title-text{font-size:1rem;font-weight:600}.chat-subtitle{font-size:.75rem;margin-top:.125rem;opacity:.9}.chat-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:background .2s;width:28px}.chat-close:hover{background:#ffffff4d}.chat-messages{background:#f9fafb;flex:1 1;gap:1rem;overflow-y:auto;padding:1rem}.chat-message,.chat-messages{display:flex;flex-direction:column}.chat-message{animation:fadeIn .3s ease-out;max-width:80%}.chat-message.user{align-self:flex-end}.chat-message.assistant{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:12px;padding:.75rem 1rem;white-space:pre-wrap}.chat-message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.chat-message.assistant .message-content{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#1f2937}.message-time{color:#9ca3af;font-size:.7rem;margin-top:.25rem;padding:0 .5rem}.chat-message.user .message-time{text-align:right}.typing-indicator{display:flex;gap:.25rem;padding:.75rem 1rem!important}.typing-indicator span{animation:bounce 1.4s infinite;background:#9ca3af;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}.chat-input-container{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;padding:1rem}.chat-input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-family:inherit;font-size:.9rem;max-height:100px;padding:.75rem;resize:none;transition:border-color .2s}.chat-input:focus{border-color:#667eea;outline:none}.chat-input:disabled{background:#f3f4f6;cursor:not-allowed}.chat-send{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:opacity .2s,transform .2s;width:40px}.chat-send:hover:not(:disabled){transform:scale(1.05)}.chat-send:disabled{cursor:not-allowed;opacity:.5}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.chat-window{height:calc(100vh - 2rem);width:calc(100vw - 2rem)}.chat-bubble,.chat-window{bottom:1rem;right:1rem}}.dat-file-manager-page{margin:0 auto;max-width:1600px;padding:2rem}.dat-file-manager-page .page-header{margin-bottom:2rem}.dat-file-manager-page .page-header h1{color:#1f2937;font-size:2rem;font-weight:600;margin-bottom:.5rem}.dat-file-manager-page .subtitle{color:#6b7280;font-size:1rem;margin:0}.dat-file-manager-page .server-selector-bar{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.dat-file-manager-page .server-selector-bar label{color:#374151;font-size:.95rem;margin:0}.dat-file-manager-page .server-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-family:inherit;font-size:.95rem;min-width:300px;padding:.5rem 2rem .5rem .75rem}.dat-file-manager-page .server-select:disabled{cursor:not-allowed;opacity:.5}.dat-file-manager-page .server-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dat-file-manager-page .error-message{background:#fee2e2;border-radius:.5rem;color:#991b1b;margin-bottom:1.5rem;padding:1rem}.dat-file-manager-page .actions-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.dat-file-manager-page .actions-bar button{border:none;border-radius:.375rem;cursor:pointer;font-size:.95rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.dat-file-manager-page .btn-primary{background:#3b82f6;color:#fff}.dat-file-manager-page .btn-primary:hover:not(:disabled){background:#2563eb}.dat-file-manager-page .btn-danger{background:#ef4444;color:#fff}.dat-file-manager-page .btn-danger:hover:not(:disabled){background:#dc2626}.dat-file-manager-page .btn-secondary{background:#6b7280;color:#fff}.dat-file-manager-page .btn-secondary:hover:not(:disabled){background:#4b5563}.dat-file-manager-page button:disabled{cursor:not-allowed;opacity:.5}.dat-file-manager-page .loading-message{color:#6b7280;font-size:1.1rem;padding:3rem;text-align:center}.dat-file-manager-page .table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a}.dat-file-manager-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.dat-file-manager-page .modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.dat-file-manager-page .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.dat-file-manager-page .modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.dat-file-manager-page .close-button{align-items:center;background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:all .2s;width:2rem}.dat-file-manager-page .close-button:hover{background:#f3f4f6;color:#1f2937}.dat-file-manager-page .modal-body{padding:1.5rem}.dat-file-manager-page .form-section{margin-bottom:1.5rem}.dat-file-manager-page .form-section:last-child{margin-bottom:0}.dat-file-manager-page .form-section label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.dat-file-manager-page .multi-select{border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:.95rem;min-height:150px;padding:.5rem;width:100%}.dat-file-manager-page .form-section small{color:#6b7280;display:block;font-size:.85rem;margin-top:.25rem}.dat-file-manager-page .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.dat-file-manager-page .modal-footer button{border:none;border-radius:.375rem;cursor:pointer;font-size:.95rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.sync-state-history-page{margin:0 auto;max-width:1600px;padding:2rem}.sync-state-history-page .page-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.sync-state-history-page .page-header h1{color:#1e293b;font-size:2rem;margin:0 0 .5rem}.sync-state-history-page .subtitle{color:#64748b;font-size:1rem;margin:0}.sync-state-history-page .refresh-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.sync-state-history-page .refresh-button:hover:not(:disabled){box-shadow:0 4px 8px #2563eb4d;transform:translateY(-2px)}.sync-state-history-page .refresh-button:disabled{cursor:not-allowed;opacity:.6}.sync-state-history-page .last-updated{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.sync-state-history-page .error-banner{background:#fef2f2;border-left:4px solid #ef4444;border-radius:6px;color:#991b1b;font-weight:500;margin-bottom:1rem;padding:1rem}.sync-state-history-page .help-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem}.sync-state-history-page .help-text strong{color:#1e293b;display:block;margin-bottom:.5rem}.sync-state-history-page .tabs-container{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1.5rem}.sync-state-history-page .tab-button{background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .2s}.sync-state-history-page .tab-button:hover{background:#f8fafc;color:#3b82f6}.sync-state-history-page .tab-button.active{background:#eff6ff;border-bottom-color:#2563eb;color:#2563eb}.sentry-filter-settings-page{margin:0 auto;max-width:1200px;padding:20px}.page-header p{line-height:1.5}.loading{color:#7f8c8d;font-size:1.2rem}.error-message{background-color:#e74c3c;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.btn-primary{background-color:#3498db}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6}.btn-secondary:hover{background-color:#7f8c8d}.btn-danger{background-color:#e74c3c}.btn-danger:hover{background-color:#c0392b}.btn-sm{font-size:12px;padding:6px 12px}.add-rule-form{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:30px;padding:25px}.add-rule-form h3{color:#2c3e50;margin-bottom:20px;margin-top:0}.form-group label{color:#2c3e50}.form-group input,.form-group select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.input-with-chips{position:relative}.quick-picks{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.quick-pick{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;color:#6c757d;cursor:pointer;font-size:11px;padding:3px 8px;transition:all .2s ease}.quick-pick:hover{background-color:#3498db;border-color:#3498db;color:#fff}.form-actions{gap:15px;margin-top:25px}.rules-section{margin-bottom:30px}.rules-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.no-rules{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#7f8c8d;padding:30px;text-align:center}.no-rules p{line-height:1.5;margin-bottom:15px}.no-rules strong{color:#2c3e50}.rules-list{display:flex;flex-direction:column;gap:15px}.rule-item{align-items:flex-start;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:box-shadow .2s ease}.rule-item:hover{box-shadow:0 2px 8px #0000001a}.rule-info{flex:1 1}.rule-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.filter-type{background-color:#3498db;color:#fff;text-transform:uppercase}.filter-type,.filter-value{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.filter-value{background-color:#e9ecef;color:#2c3e50;font-family:monospace}.status{font-size:12px;font-weight:500}.status.active{color:#27ae60}.status.inactive{color:#e74c3c}.rule-description{color:#7f8c8d;font-size:14px;line-height:1.4;margin-bottom:10px}.rule-dates{color:#95a5a6;font-size:12px}.rule-actions{align-items:flex-start;display:flex;gap:10px}.help-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:30px;padding:25px}.help-section h3{color:#2c3e50;font-size:1.3rem;margin-bottom:15px;margin-top:0}.help-content p{color:#2c3e50;font-weight:500;margin-bottom:10px}.help-content ul{margin-bottom:15px;padding-left:20px}.help-content li{color:#7f8c8d;line-height:1.4;margin-bottom:8px}.help-content strong{color:#2c3e50}@media (prefers-color-scheme:dark){.sentry-filter-settings-page{background-color:#1a1a1a;color:#e0e0e0}.page-header h1{color:#e0e0e0}.loading,.page-header p{color:#b0b0b0}.add-rule-form{background-color:#2d2d2d;border-color:#404040}.add-rule-form h3,.form-group label{color:#e0e0e0}.form-group input,.form-group select{background-color:#3d3d3d;border-color:#555;color:#e0e0e0}.form-group input:focus,.form-group select:focus{border-color:#3498db}.quick-pick{background-color:#3d3d3d;border-color:#555;color:#b0b0b0}.quick-pick:hover{background-color:#3498db;color:#fff}.rules-section h3{color:#e0e0e0}.no-rules{background-color:#2d2d2d;border-color:#404040;color:#b0b0b0}.no-rules strong{color:#e0e0e0}.rule-item{background-color:#2d2d2d;border-color:#404040}.filter-value{background-color:#3d3d3d;color:#e0e0e0}.rule-description{color:#b0b0b0}.rule-dates{color:#888}.help-section{background-color:#2d2d2d;border-color:#404040}.help-content p,.help-section h3{color:#e0e0e0}.help-content li{color:#b0b0b0}.help-content strong{color:#e0e0e0}}.settings-page{margin:0;max-width:none;padding:0 1rem}.settings-header{margin-bottom:.75rem;padding-bottom:.5rem}.header-top{gap:1rem;margin-bottom:.75rem}.back-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.back-button:hover{background:#f9fafb;border-color:#d1d5db;color:#2c3e50}.settings-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}.header-content{align-items:flex-start;gap:1rem}.technical-details-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.technical-details-button:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.breadcrumb{color:#6b7280;font-size:.9rem}.breadcrumb-separator{margin:0 .5rem;opacity:.5}.breadcrumb-item{color:#6b7280}.settings-content,.settings-menu{display:flex;flex-direction:column;gap:2rem}.settings-menu{max-height:calc(100vh - 200px);overflow-y:auto;padding-right:8px;scrollbar-color:#cbd5e0 #f7fafc;scrollbar-width:thin}.settings-menu::-webkit-scrollbar{width:8px}.settings-menu::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.settings-menu::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.settings-menu::-webkit-scrollbar-thumb:hover{background:#a0aec0}.settings-group{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem}.group-title{align-items:center;border-bottom:2px solid #3498db;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.group-title:before{background-color:#3498db;border-radius:2px;content:"";height:20px;width:4px}.menu-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:1rem;padding:1.25rem 1.5rem;text-decoration:none;transition:all .2s}.menu-item:hover:not(.disabled){background:#f9fafb;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;text-decoration:none}.menu-item.disabled{cursor:not-allowed;opacity:.5}.menu-item-icon{align-items:center;background:#f8fafc;border-radius:8px;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.menu-item-content{flex:1 1}.menu-item-content h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.menu-item-content p{color:#6b7280;font-size:.9rem;margin:0}.menu-item-arrow{color:#9ca3af;font-size:1.5rem;font-weight:700}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.section-header{border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.section-header p{color:#6b7280;font-size:.9rem;margin:0}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem}.spinner{margin-bottom:1rem}.error-state{color:#dc2626;padding:2rem;text-align:center}.retry-button{background-color:#3b82f6;font-size:.9rem;margin-top:1rem;padding:.5rem 1.5rem;transition:background-color .2s}.retry-button:hover{background-color:#2563eb}.empty-state{padding:3rem}.servers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.server-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.server-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.server-card.primary-server{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f626}.server-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.server-card-header h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.primary-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 4px #10b9814d;color:#fff;font-size:.75rem;padding:.5rem 1rem}.set-primary-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.set-primary-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.set-primary-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.server-card-body{display:flex;flex-direction:column;gap:.75rem}.server-info-row{align-items:center;display:flex;justify-content:space-between}.info-label{color:#6b7280;font-size:.875rem}.info-value{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#2c3e50;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.server-badge-primary{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.5rem;text-align:center}.settings-placeholder{color:#9ca3af;font-style:italic;padding:3rem;text-align:center}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.status-connected{color:#10b981!important}@media (max-width:768px){.settings-header h1{font-size:1.5rem}.servers-grid{grid-template-columns:1fr}.section-header h2{font-size:1.25rem}}.info-card{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.info-icon{flex-shrink:0;font-size:1.5rem}.info-content h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.info-content p{color:#64748b;line-height:1.5;margin:0}.feature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.feature-card{border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.feature-icon{margin-bottom:1rem}.feature-card h3{color:#1e293b;font-size:1.1rem;margin:0 0 .75rem}.feature-card p{color:#64748b}.coming-soon{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.coming-soon h3{color:#92400e;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.coming-soon p{color:#a16207;font-size:1rem;line-height:1.5;margin:0}.client-setup-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group input[type=number],.form-group input[type=text],.form-group input[type=url]{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group input[type=url]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.readonly-field{background-color:#f9fafb!important;color:#6b7280!important;cursor:not-allowed}.checkbox-group{align-items:center;flex-direction:row;gap:.75rem}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;height:1.1rem;width:1.1rem}.detect-spire-button{align-self:flex-start;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s}.detect-spire-button:hover:not(:disabled){background:#2563eb}.detect-spire-button:disabled{background:#9ca3af;cursor:not-allowed}.form-actions{border-top:1px solid #e5e7eb;padding-top:1.5rem}.submit-button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.submit-button:hover:not(:disabled){background:#059669}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;margin-bottom:1rem;padding:1rem}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;font-weight:500;margin-bottom:1rem;padding:1rem}.server-process-assignments{margin-top:1.5rem}.header-actions{gap:1rem}.add-button{align-items:center;background-color:#28a745;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.add-button:hover{background-color:#218838}.processes-list{margin-top:1rem}.processes-table{border:1px solid #ddd;border-radius:8px;overflow-x:auto}.processes-table table{border-collapse:collapse;min-width:800px;width:100%}.processes-table td,.processes-table th{border-bottom:1px solid #ddd;padding:.75rem;text-align:left}.processes-table th{position:-webkit-sticky;position:sticky;top:0;z-index:10}.processes-table th,.processes-table tr:hover{background-color:#f8f9fa}.delete-button,.edit-button{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;margin:0 .125rem;min-width:60px;padding:.375rem .5rem;transition:all .2s ease}.edit-button{border-color:#007bff;color:#007bff}.edit-button:hover{background-color:#007bff;color:#fff}.delete-button{border-color:#dc3545;color:#dc3545}.delete-button:hover{background-color:#dc3545;color:#fff}.modal-content{box-shadow:0 10px 25px #0003;max-width:600px}.modal-header{margin-bottom:1rem;padding:1.5rem 1.5rem 0}.modal-title{color:#1f2937;font-size:1.25rem}.modal-close{color:#6b7280;padding:.25rem}.modal-close:hover{background-color:#f3f4f6;color:#374151}.process-form{padding:0 1.5rem 1.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}.form-group.full-width{grid-column:1/-1}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.form-group textarea{min-height:80px}.form-actions{border-top:1px solid #ddd;gap:1rem;padding-top:1rem}.form-actions button{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.form-actions button[type=submit]{background-color:#007bff;border-color:#007bff;color:#fff}.form-actions button[type=submit]:hover{background-color:#0056b3;border-color:#0056b3}.form-actions button[type=button]{background-color:#6c757d;border-color:#6c757d;color:#fff}.form-actions button[type=button]:hover{background-color:#545b62;border-color:#545b62}.table-controls{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;padding:1rem}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.filter-group{align-items:center;gap:.5rem}.filter-label{color:#374151;font-weight:600;white-space:nowrap}.filter-input{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;min-width:250px;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-filter-button{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.clear-filter-button:hover{background:#dc2626}.filter-results{color:#6b7280;font-size:.9rem;font-weight:500}.assignments-table-container{border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;max-height:80vh;max-width:none;overflow-y:auto;position:relative;width:100%}.assignments-table-container:before{content:"← Scroll horizontally to see all processes →";top:-30px}.assignments-table-container:after,.assignments-table-container:before{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:15px;color:#6b7280;font-size:.8rem;left:50%;padding:5px 15px;position:absolute;transform:translateX(-50%);z-index:10}.assignments-table-container:after{bottom:-30px;content:"↑ Scroll vertically to see all servers | ← Scroll horizontally to see all processes →";white-space:nowrap}.assignments-table{min-width:1200px}.assignments-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;color:#2c3e50;font-size:.75rem;padding:.25rem .3rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{background:#e2e8f0}.header-content{align-items:center;justify-content:space-between}.sort-indicator{font-size:.8rem;opacity:.7;transition:opacity .2s ease}.sortable-header:hover .sort-indicator{opacity:1}.assignments-table td{border-bottom:1px solid #f3f4f6;padding:.2rem .3rem;vertical-align:middle}.assignments-table tr:hover{background:#f9fafb}.process-header{max-width:80px;min-width:80px;text-align:center}.process-header,.process-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-name{color:#2c3e50;display:block;font-size:.7rem;font-weight:600;line-height:1.1;margin-bottom:.1rem}.server-cell{max-width:120px;min-width:120px}.server-name{font-size:.75rem;line-height:1.2;margin-bottom:.1rem}.server-id{color:#6b7280;font-size:.65rem;line-height:1.1}.assignment-cell{max-width:80px;min-width:80px;text-align:center;width:80px}.assignment-toggle{align-items:center;background:none;border:1.5px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;margin:0 auto;padding:0;transition:all .2s;width:28px}.assignment-toggle:hover{background:#f9fafb;border-color:#d1d5db}.assignment-toggle.assigned{background:#ecfdf5;border-color:#10b981;color:#10b981}.assignment-toggle.unassigned{background:#fef2f2;border-color:#ef4444;color:#ef4444}.assignment-toggle.assigned:hover{background:#d1fae5}.assignment-toggle.unassigned:hover{background:#fee2e2}.assignment-summary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-top:2rem;padding:1.5rem}.assignment-summary h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.summary-stats{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{border:1px solid #e5e7eb;border-radius:6px;padding:1rem;text-align:center}.stat-number{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.9rem;font-weight:500}.validation-server-settings{max-width:600px}.setting-group{margin-bottom:2rem}.setting-group label{display:block;margin-bottom:.5rem}.setting-group label strong{color:#2c3e50;font-size:1.1rem}.setting-description{color:#6b7280;display:block;font-size:.9rem;font-weight:400;margin-top:.25rem}.server-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.server-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.settings-actions{display:flex;gap:1rem;margin-top:2rem}.save-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.save-button:hover:not(:disabled){background:#2563eb}.save-button:disabled{background:#9ca3af;cursor:not-allowed}.refresh-button{background:#fff;border:1px solid #d1d5db;color:#6b7280;font-size:1rem;padding:.75rem 1.5rem}.refresh-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.refresh-button:disabled{opacity:.5}.settings-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:2rem;padding:1.5rem}.settings-info h3{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem}.settings-info ul{margin:0;padding-left:1.5rem}.settings-info li{color:#4b5563;line-height:1.5;margin-bottom:.5rem}@media (prefers-color-scheme:dark){.settings-group{background-color:#2d3748;border-color:#4a5568}.group-title{border-bottom-color:#3498db;color:#e2e8f0}.group-title:before{background-color:#3498db}.settings-menu{scrollbar-color:#4a5568 #2d3748}.settings-menu::-webkit-scrollbar-track{background:#2d3748}.settings-menu::-webkit-scrollbar-thumb{background:#4a5568}.settings-menu::-webkit-scrollbar-thumb:hover{background:#718096}}.coming-soon-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.coming-soon-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:80vh;max-width:500px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.coming-soon-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;position:relative;text-align:center}.coming-soon-icon{font-size:3rem;margin-bottom:1rem}.coming-soon-title{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:0}.coming-soon-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.coming-soon-close:hover{background:#ffffff4d;transform:scale(1.1)}.coming-soon-content{padding:2rem;text-align:center}.coming-soon-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:25px;box-shadow:0 4px 15px #f093fb66;display:inline-block;font-size:.875rem;margin-bottom:1.5rem;padding:.5rem 1.5rem}.badge-text{letter-spacing:.5px}.coming-soon-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem}.coming-soon-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.feature-item{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:12px;padding:.75rem}.feature-icon{font-size:1.25rem}.feature-text{font-weight:500}.coming-soon-footer{border-top:1px solid #e2e8f0;padding-top:1.5rem}.footer-text{color:#94a3b8;font-size:.875rem;font-style:italic;margin:0}@media (max-width:768px){.coming-soon-modal{margin:1rem;width:95%}.coming-soon-content,.coming-soon-header{padding:1.5rem}.coming-soon-title{font-size:1.25rem}}.sidebar{background:#fff!important;border-right:1px solid #e2e8f0;box-shadow:0 0 20px #00000014;color:#1e293b!important;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .4s cubic-bezier(.4,0,.2,1);width:260px;z-index:1000}.sidebar.collapsed{width:70px}.sidebar-header{border-bottom:1px solid #f1f5f9;justify-content:flex-start;min-height:60px;padding:1rem 1.25rem}.sidebar-logo{align-items:center;display:flex;gap:.75rem}.sidebar-logo-icon{height:80px;object-fit:contain;width:auto}.sidebar-logo-text{color:#1e293b;font-size:1.4rem;font-weight:700;letter-spacing:.5px;transition:opacity .3s ease}.sidebar-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.sidebar-toggle:hover{background:#e2e8f0;border-color:#cbd5e1;transform:scale(1.05)}.hamburger{display:flex;flex-direction:column;height:14px;justify-content:space-between;width:18px}.hamburger span{background:#64748b;border-radius:1px;display:block;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-toggle:hover .hamburger span{background:#475569}.sidebar.collapsed .hamburger span:first-child{transform:rotate(45deg) translate(4px,4px)}.sidebar.collapsed .hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}.sidebar.collapsed .hamburger span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:.5rem 0}.sidebar-item{margin-bottom:.125rem}.sidebar-item-link{align-items:center;border-radius:0 8px 8px 0;color:#64748b;display:flex;gap:.75rem;margin-right:.75rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .15s ease}.sidebar-item-link:hover{background:#f8fafc;color:#475569;text-decoration:none}.sidebar-item-link.active{background:#eff6ff;color:#2563eb;font-weight:500}.sidebar-item-button{align-items:center;background:none;border:none;border-radius:0 8px 8px 0;color:#64748b;cursor:pointer;display:flex;gap:.75rem;margin-right:.75rem;padding:.625rem 1.25rem;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.sidebar-item-button:hover{background:#f8fafc;color:#475569}.sidebar-item-header{align-items:center;background:none;border:none;border-radius:0 8px 8px 0;color:#64748b;cursor:pointer;display:flex;gap:.75rem;margin-right:.75rem;padding:.625rem 1.25rem;text-align:left;transition:all .15s ease;width:100%}.sidebar-item-header:hover{background:#f8fafc;color:#475569}.sidebar-item-header.active{background:#eff6ff;color:#2563eb;font-weight:500}.sidebar-arrow{margin-left:auto}.sidebar-submenu{background:#fff;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0;box-shadow:0 2px 4px #0000000d;margin-left:1rem}.sidebar-submenu-item{align-items:center;background:none;border:none;color:#111827;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 1rem .75rem 2rem;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.sidebar-submenu-item:hover{background:#f3f4f6;color:#000}.sidebar-submenu-item.active{background:#eff6ff;color:#2563eb;font-weight:500}.sidebar-submenu-item.expanded{background:#f3f4f6;color:#000}.sidebar-nested-item{margin-bottom:.125rem}.sidebar-nested-submenu{background:#f9fafb;border-left:2px solid #d1d5db;border-radius:0 6px 6px 0;margin-left:1rem}.sidebar-nested-submenu-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.9375rem;font-weight:400;gap:.75rem;padding:.625rem 1rem .625rem 2.5rem;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.sidebar-nested-submenu-item:hover{background:#f3f4f6;color:#111827}.sidebar-nested-submenu-item.active{background:#dbeafe;color:#1e40af;font-weight:500}.submenu-icon{font-size:1.1rem;text-align:center;width:20px}.submenu-label{font-weight:400}.sidebar-icon{font-size:1rem;text-align:center;width:18px}.sidebar-label{flex:1 1;font-size:.875rem;font-weight:400}.sidebar-arrow{color:#94a3b8;font-size:.6rem;transition:transform .15s ease}.sidebar-arrow.expanded{transform:rotate(180deg)}.sidebar-footer{border-top:1px solid #e2e8f0;padding:1rem}.sidebar-settings-link{align-items:center;border-left:3px solid #0000;border-radius:8px;color:#64748b;display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.sidebar-settings-link:hover{background:#f8fafc;color:#475569;text-decoration:none}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#f1f5f9}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.sidebar{width:240px}.sidebar-label{font-size:.85rem}.sidebar-submenu-item{padding-left:2rem}}.dev-mode-toggle{background:#1e1e1e;border:2px solid #ff6b6b;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:12px;min-width:250px;padding:12px;position:fixed;right:10px;top:60px;-webkit-user-select:none;user-select:none;z-index:10010}.dev-mode-header{align-items:center;border-radius:4px;display:flex;gap:10px;margin-bottom:10px;padding:4px;transition:background-color .2s}.dev-mode-header:hover{background-color:#ffffff0d}.dev-mode-label{color:#ff6b6b;font-weight:700}.dev-mode-switch{display:inline-block;height:20px;position:relative;width:40px}.dev-mode-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#ff6b6b}input:checked+.slider:before{transform:translateX(20px)}.dev-mode-panel{border-top:1px solid #444;margin-top:10px;max-height:400px;overflow-y:auto;padding-top:10px}.dev-mode-info{color:#aaa;font-size:11px;margin-bottom:10px}.dev-mode-groups{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.dev-mode-group-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px;transition:background-color .2s}.dev-mode-group-item:hover{background-color:#2a2a2a}.dev-mode-group-item input[type=checkbox]{cursor:pointer}.dev-mode-group-item span{color:#ddd;font-size:11px}.dev-mode-warning{background-color:#ff6b6b20;border:1px solid #ff6b6b;border-radius:4px;color:#ff6b6b;font-size:11px;margin-top:10px;padding:8px}.servers-page{margin:0 auto;padding:20px;width:100%}.page-header p{color:#7f8c8d}.error-message h3{margin-bottom:10px}.servers-content{display:flex;flex-direction:column;gap:30px}.servers-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #0000001a;color:#fff;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 6px 20px #00000026}.summary-card h3{font-size:1rem;opacity:.9}.summary-number{font-size:2.5rem;margin:0;text-shadow:0 2px 4px #0000001a}.servers-table-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.servers-table-section h2{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.quick-filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:25px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.filters-header h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.clear-filters-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.clear-filters-btn:hover{background:#c82333;box-shadow:0 2px 4px #dc35454d;transform:translateY(-1px)}.quick-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.quick-filter-btn{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:25px;color:#495057;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.quick-filter-btn:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea33;color:#667eea;transform:translateY(-2px)}.quick-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.quick-filter-btn.active:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.server-id{background:#e3f2fd;border-radius:4px;color:#1976d2;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:4px 8px}.server-name{color:#2c3e50;font-size:1rem;font-weight:600}.roles-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.no-roles{color:#9ca3af;font-size:.9rem;font-style:italic}.role-badge{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:20px;box-shadow:0 2px 4px #6c5ce733;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.role-badge:hover{box-shadow:0 4px 8px #6c5ce74d;transform:translateY(-1px)}.applications-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.no-apps{color:#9ca3af;font-size:.9rem;font-style:italic}.application-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.application-badge.required{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.application-badge.optional{background:#cfe2ff;border:1px solid #b6d4fe;color:#084298}.application-badge:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.processes-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.no-processes{color:#9ca3af;font-size:.9rem;font-style:italic}.process-badge{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;box-shadow:0 2px 4px #f5576c33;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.process-badge:hover{box-shadow:0 4px 8px #f5576c4d;transform:translateY(-1px)}.priority-badge{background:#ffffff4d;border-radius:10px;font-size:.75rem;height:20px;justify-content:center;margin-left:4px;min-width:24px;padding:2px 6px}@media (max-width:768px){.servers-page{padding:15px}.page-header h1{font-size:2rem}.servers-summary{grid-template-columns:1fr}.summary-card{padding:20px}.summary-number{font-size:2rem}.quick-filters-section,.servers-table-section{padding:20px}.filters-header{align-items:flex-start;flex-direction:column;gap:10px}.quick-filter-btn{font-size:.85rem;padding:8px 14px}.application-badge,.process-badge{font-size:.8rem;padding:5px 10px}}@media (max-width:480px){.servers-page{padding:10px}.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.summary-card{padding:15px}.summary-number{font-size:1.8rem}.quick-filters-section,.servers-table-section{padding:15px}.quick-filter-btn{font-size:.8rem;padding:6px 12px}.application-badge,.process-badge{font-size:.75rem;gap:4px;padding:4px 8px}}.required-versions-page{margin:0 auto;max-width:1600px;padding:24px}.error-message{background-color:#ffebee;font-size:16px;margin:24px 0;padding:24px}.retry-button{background-color:#1976d2;border-radius:4px;display:block;margin:16px auto}.retry-button:hover{background-color:#1565c0}.application-name{color:#1976d2;font-weight:600}.active-version{background-color:#e8f5e9!important}.inactive-version{background-color:#fff}.status-badge.active{background-color:#4caf50;color:#fff}.status-badge.inactive{background-color:#9e9e9e;color:#fff}.last-modified{font-size:12px}.modified-by{color:#666;font-size:11px;margin-top:4px}.set-active-button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.set-active-button:hover:not(:disabled){background-color:#1565c0}.set-active-button:disabled{background-color:#ccc;cursor:not-allowed}.spire-syncs-page{padding:12px}.page-header,.page-title-section{position:relative}.page-description{text-align:left}.degraded-syncs-note-popup{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#92400e;font-size:12px;line-height:1.5;margin-top:4px;max-width:400px;min-width:300px;padding:8px 12px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.degraded-note-content{margin:0;padding-right:20px}.degraded-note-close{background:#0000;border:none;border-radius:3px;color:#92400e;cursor:pointer;font-size:14px;opacity:.7;padding:2px 6px;position:absolute;right:4px;top:4px;transition:opacity .2s}.degraded-note-close:hover{background:#92400e1a;opacity:1}.status-indicator{flex-shrink:0;font-size:10px}.status-text{align-items:center;display:flex;flex-wrap:wrap;font-size:11px;gap:3px}.status-details{font-size:10px;font-weight:400;opacity:.7}.header-content h1{color:#1e293b;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 8px}.header-content p{color:#64748b;font-size:1.1rem;margin:0}.header-controls{flex-wrap:wrap}.auto-refresh-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;gap:6px;padding:4px 8px;transition:all .2s ease}.auto-refresh-toggle:hover{background:#e2e8f0;border-color:#cbd5e1}.auto-refresh-toggle input[type=checkbox]{accent-color:#3b82f6;height:16px;margin:0;width:16px}.refresh-button{border-radius:8px;transition:all .2s ease}.refresh-button:hover{transform:translateY(-1px)}.info-button-subtle{background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:14px;opacity:.5;padding:4px 8px;transition:all .2s ease}.info-button-subtle:hover{background:#f1f5f9;color:#475569;opacity:1}.overview-section,.overview-toggle{margin-bottom:8px}.overview-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 10px;transition:all .2s ease}.overview-toggle:hover{background:#e2e8f0;color:#1e293b}.overview-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:4px 8px}.card-header h3{font-size:.75rem}.card-content{padding:6px 8px}.status-metrics{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.metric{text-align:center}.metric-value{color:#1e293b;display:block;font-size:1rem;font-weight:700;line-height:1;margin-bottom:2px}.metric-value.healthy{color:#10b981}.metric-value.degraded{color:#f59e0b}.metric-value.critical{color:#ef4444}.metric-value.running{color:#10b981}.metric-value.running[style*="cursor: pointer"]{transition:all .2s ease}.metric-value.running[style*="cursor: pointer"]:hover{cursor:pointer;text-decoration:underline;transform:scale(1.1)}.metric-value.missing{color:#f59e0b}.metric-value.stalled{color:#ef4444}.metric-value.required{color:#3b82f6}.metric-label{color:#64748b;font-size:.7rem}.last-updated{padding:2px 0;text-align:center}.timestamp{color:#374151;font-size:.75rem;font-weight:600}.loading-indicator{animation:spin 1s linear infinite;margin-left:8px}.clients-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.status-metrics-compact{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.status-metrics-compact button{background:#fff;border:2px solid #0000;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;padding:4px 10px;transition:all .2s ease}.status-metrics-compact button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.clients-section h2{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;color:#374151;font-size:1.1rem;font-weight:600;margin:0;padding:14px 20px}.clients-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;letter-spacing:.05em;padding:16px 20px;text-transform:uppercase}.clients-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9375rem;padding:16px 20px}.client-row:hover{background:#f8fafc}.client-row.healthy{border-left:4px solid #10b981}.client-row.degraded{border-left:4px solid #f59e0b}.client-row.critical{border-left:4px solid #ef4444}.client-info{display:flex;flex-direction:column;gap:4px}.client-name{color:#1e293b;font-weight:600}.client-path{color:#64748b;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.875rem}.status-badge{border-radius:20px;font-size:.875rem;gap:6px;text-transform:capitalize}.count-badge{font-size:.875rem;padding:4px 8px}.count-badge.running{background:#dcfce7;color:#166534}.count-badge.missing{background:#fef3c7;color:#92400e}.count-badge.stalled{background:#fee2e2;color:#991b1b}.count-badge.required{background:#dbeafe;color:#1e40af}.action-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.action-button:hover{background:#2563eb;transform:translateY(-1px)}.icon-button{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;cursor:pointer;display:inline-flex;font-size:1.25rem;justify-content:center;padding:6px 10px;transition:all .2s ease}.icon-button:hover{background:#0ea5e9;border-color:#0284c7;box-shadow:0 4px 8px #0ea5e94d;color:#fff;transform:translateY(-2px)}.icon-button:active{transform:translateY(0)}.client-details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-top:20px;overflow:hidden}.client-details h3{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;color:#374151;font-size:1.25rem;font-weight:600;margin:0;padding:20px 24px}.details-content{padding:24px}.error-container,.loading-container{text-align:center}.loading-spinner{border:4px solid #e2e8f0;margin-bottom:16px}.error-container h2{color:#ef4444;margin-bottom:12px}.error-container p{color:#64748b;margin-bottom:20px}.retry-button{border-radius:8px;font-weight:600;padding:10px 20px;transition:all .2s ease}.retry-button:hover{transform:translateY(-1px)}@media (max-width:768px){.spire-syncs-page{padding:16px}.page-header{align-items:stretch;flex-direction:column;gap:16px}.header-controls{justify-content:space-between}.overview-cards{gap:8px}.overview-cards,.status-metrics{grid-template-columns:1fr}.clients-table-container{font-size:.875rem}.clients-table td,.clients-table th{padding:12px 16px}}.count-badge.clickable{transition:all .2s ease}.count-badge.clickable:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.modal-content{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:800px;overflow:hidden}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.modal-header h3{color:#1e293b;font-size:1.25rem}.modal-close{color:#64748b;font-size:1.5rem;padding:4px;transition:all .2s ease}.modal-close:hover{background:#e2e8f0;color:#1e293b}.running-syncs-list{display:flex;flex-direction:column;gap:16px}.sync-detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;transition:all .2s ease}.sync-detail-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.search-all-servers-section{border-top:2px solid #e2e8f0;margin-top:16px;padding-top:16px;text-align:center}.search-all-servers-button{background:#8b5cf6;border:none;border-radius:8px;box-shadow:0 2px 4px #8b5cf633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.search-all-servers-button:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 8px #8b5cf64d;transform:translateY(-1px)}.search-all-servers-button:disabled{cursor:not-allowed;opacity:.6}.all-servers-results{border-top:2px solid #e2e8f0;margin-top:20px;padding-top:16px}.all-servers-results h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.server-result{background:#f1f5f9;border-left:4px solid #8b5cf6;border-radius:8px;margin-bottom:16px;padding:12px}.server-result h5{color:#475569;font-size:14px;font-weight:600;margin:0 0 12px}.server-result .sync-detail-item{margin-top:8px}.no-results-message{color:#6b7280;padding:24px;text-align:center}.no-results-message h4{color:#ef4444;font-size:18px;margin:0 0 8px}.no-results-message p{font-size:14px;line-height:1.5;margin:0}.sync-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.table-name{background:#3b82f6;border-radius:16px;color:#fff;padding:4px 12px}.process-id,.table-name{font-size:.875rem;font-weight:500}.process-id{color:#64748b}.sync-path{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#1e293b;font-family:Courier New,monospace;font-size:.875rem;padding:8px 12px;word-break:break-all}@media (max-width:768px){.modal-content{margin:10px;max-height:90vh}.modal-header{padding:16px 20px}.modal-body{padding:20px}.sync-header{align-items:flex-start;flex-direction:column;gap:8px}}.server-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;color:#f59e0b;font-size:.9rem;font-weight:600;margin-left:8px;padding:2px 6px}.sync-actions{display:flex;gap:8px;margin-top:8px}.migrate-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.migrate-button:hover{background:#2563eb;transform:translateY(-1px)}.migrate-button:active{transform:translateY(0)}.migration-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.migration-info h4{color:#1e293b;font-size:1.1rem;margin:0 0 12px}.migration-info p{color:#475569;font-size:.95rem;margin:6px 0}.migration-target h4{color:#1e293b;font-size:1.1rem;margin:0 0 12px}.server-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.server-option{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.server-option:hover:not(:disabled){background:#e2e8f0;border-color:#3b82f6;color:#1e293b;transform:translateY(-1px)}.server-option:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.migration-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;margin-top:16px;padding:12px}.migration-warning p{color:#92400e;font-size:.9rem;font-weight:500;margin:0}.requirements-simple{display:flex;flex-direction:column;gap:20px}.requirements-source{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.source-label{color:#1e293b;font-size:.95rem;font-weight:600}.info-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.info-button:hover{background:#2563eb;transform:translateY(-1px)}.requirements-values h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 12px}.tableid-badges{display:flex;flex-direction:column;gap:8px}.tableid-badge{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;display:flex;gap:12px;padding:10px 14px;transition:all .2s ease}.tableid-badge:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.tableid-badge.running{background:#f0fdf4;border-color:#10b981}.tableid-badge.missing{background:#fef2f2;border-color:#ef4444}.tableid-badge.extra{background:#fef3c7;border-color:#f59e0b}.tableid-badge .badge-id{color:#3b82f6;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;min-width:50px}.tableid-badge .badge-name{color:#1e293b;flex:1 1;font-weight:500}.tableid-badge .badge-status{font-size:1.2rem}.spire-data-validations-page{display:flex;flex-direction:column;height:100%;max-width:100%;min-height:100vh;overflow-x:auto;overflow-y:auto;padding:24px}.spire-data-validations-page,.spire-data-validations-page .error-container,.spire-data-validations-page .loading-container,.spire-data-validations-page .no-data{background:#f9fafb!important;background-image:none!important}.main-body:has(.spire-data-validations-page),body:has(.spire-data-validations-page){background:#f9fafb!important;background-image:none!important}.spire-data-validations-page>div:last-of-type:not(.page-header){flex:1 1;min-height:0;overflow:visible}.page-header{flex-shrink:0}.page-header h1{font-weight:700}.page-header .subtitle{color:#6b7280;margin-bottom:16px}.refresh-button{background:#3b82f6}.refresh-button:hover{background:#2563eb}.error-container,.loading-container,.no-data{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.spinner{border:4px solid #f3f4f6;margin-bottom:16px}.skeleton-loader-container{box-shadow:0 1px 3px #0000001a;padding:16px}.skeleton-table{width:100%}.skeleton-row{border-bottom:1px solid #e5e7eb;padding:12px 0}.skeleton-row.skeleton-header{background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:600;margin-bottom:8px;padding:12px}.skeleton-row:not(.skeleton-header) .skeleton-cell{height:16px}.validations-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow-x:auto}.data-table thead{display:table-header-group!important;visibility:visible!important}.data-table thead th{display:table-cell!important;visibility:visible!important}.validations-matrix-table{border-collapse:collapse;min-width:800px;width:100%}.validations-matrix-table thead{background:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.validations-matrix-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.client-column{background:#f9fafb;font-weight:700;left:0;min-width:150px;position:-webkit-sticky;position:sticky;z-index:5}.validation-type-column{max-width:150px;min-width:120px;text-align:center}.validations-matrix-table tbody tr{border-bottom:1px solid #e5e7eb}.validations-matrix-table tbody tr:hover{background:#f9fafb}.client-name-cell{background:#fff;font-weight:500;left:0;padding:12px 8px;position:-webkit-sticky;position:sticky;z-index:4}.validations-matrix-table tbody tr:hover .client-name-cell{background:#f9fafb}.status-cell{padding:8px;text-align:center;vertical-align:middle}.status-wrapper{cursor:help;display:inline-block;position:relative}.status-badge{border:2px solid #0000;display:flex;font-size:18px;height:32px;transition:all .2s;width:32px}.status-badge.status-success{background:#d1fae5;border-color:#10b981;color:#065f46}.status-badge.status-warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}.status-badge.status-error{background:#fee2e2;border-color:#ef4444;color:#991b1b}.status-badge.status-running{animation:pulse 2s ease-in-out infinite;background:#dbeafe;border-color:#3b82f6;color:#1e40af}.status-badge.status-unknown{background:#f3f4f6;border-color:#9ca3af;color:#6b7280}.status-badge.no-data{background:#f9fafb;border-color:#e5e7eb;color:#d1d5db}.status-tooltip{background:#1f2937;border-radius:6px;bottom:100%;box-shadow:0 4px 6px #0000001a;color:#fff;display:none;font-size:12px;margin-bottom:8px;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:100}.status-tooltip,.status-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.status-tooltip:after{border:6px solid #0000;border-top-color:#1f2937;content:"";top:100%}.status-wrapper:hover .status-tooltip{display:block}.status-tooltip div{margin:4px 0}.status-tooltip strong{margin-right:4px}.legend{background:#f9fafb;border-radius:8px;margin-top:24px;padding:16px}.legend h3{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px}.legend-items{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.legend-items .status-badge{font-size:14px;height:24px;width:24px}.retry-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:8px 16px}.retry-button:hover{background:#2563eb}.ai-summary-container{display:inline-block;position:relative}.ai-summary-container:hover .ai-summary-tooltip{display:block!important}.ai-summary-tooltip{background-color:#1f2937;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0000004d;color:#fff;display:none;font-size:11px;left:50%;line-height:1.6;margin-bottom:8px;max-width:500px;min-width:300px;padding:12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:normal;z-index:10000}.ai-summary-tooltip strong{color:#fbbf24}.ai-summary-tooltip ul{margin:4px 0;padding-left:20px}.ai-summary-tooltip li{margin-bottom:4px}.chunked-orchestrator{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.orchestrator-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.orchestrator-header h3{font-size:1.2em;margin:0}.orchestrator-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.orchestrator-controls label{align-items:center;display:flex;font-size:.9em}.orchestrator-controls button{border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:8px 16px;transition:background-color .2s}.btn-start{background-color:#4caf50;color:#fff}.btn-start:hover:not(:disabled){background-color:#45a049}.btn-stop{background-color:#f44336;color:#fff}.btn-stop:hover:not(:disabled){background-color:#da190b}.btn-clear{background-color:#ff9800;color:#fff}.btn-clear:hover:not(:disabled){background-color:#e68900}.orchestrator-controls button:disabled{cursor:not-allowed;opacity:.5}.orchestrator-stats{background:#f5f5f5;border-radius:4px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px}.stat{align-items:center;display:flex;flex-direction:column}.stat-label{font-size:.85em;margin-bottom:4px}.stat-value{font-size:1.5em;font-weight:700}.orchestrator-section{margin-bottom:20px}.orchestrator-section h4{color:#333;font-size:1em;margin:0 0 10px}.validation-list{display:flex;flex-direction:column;gap:8px}.validation-item{background:#f9f9f9;border-left:4px solid #ccc;border-radius:4px;padding:12px}.validation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.validation-type{color:#333;font-weight:600}.validation-status{font-size:.85em;font-weight:600;text-transform:uppercase}.validation-details{color:#666;display:flex;flex-wrap:wrap;font-size:.85em;gap:15px}.validation-error{background:#ffebee;border-left:3px solid #f44336;border-radius:4px;color:#c62828;font-size:.85em;margin-top:8px;padding:8px}.orchestrator-config{background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:20px}.orchestrator-config h4{color:#333;font-size:1.1em;margin:0 0 15px}.config-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.config-row{gap:10px}.config-row,.config-row label{align-items:center;display:flex}.config-row label{cursor:pointer;font-size:.95em;gap:8px}.config-row input[type=checkbox]{cursor:pointer;height:18px;width:18px}.config-count{color:#666;font-size:.9em;font-style:italic}.config-loading{color:#666;padding:20px;text-align:center}.config-preview{background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:15px}.config-preview h5{color:#333;font-size:.95em;margin:0 0 10px}.preview-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.preview-item{background:#f5f5f5;border-radius:4px;color:#555}.preview-item,.preview-more{font-size:.85em;padding:6px 10px}.preview-more{color:#999;font-style:italic;text-align:center}.config-actions{display:flex;gap:10px;justify-content:flex-end}.btn-refresh{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 16px;transition:background-color .2s}.btn-refresh:hover:not(:disabled){background-color:#0b7dda}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.prerequisites-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.prerequisites-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.prerequisites-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:24px}.prerequisites-modal-title{align-items:center;display:flex;font-size:24px;font-weight:600;gap:12px;margin:0}.prerequisites-icon{font-size:28px}.prerequisites-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;transition:background .2s;width:36px}.prerequisites-modal-close:hover{background:#ffffff4d}.prerequisites-modal-content{flex:1 1;overflow-y:auto;padding:24px}.prerequisites-server-info{background:#f5f5f5;border-radius:8px;color:#666;font-size:14px;margin-bottom:20px;padding:12px 16px}.prerequisites-loading{padding:40px 20px;text-align:center}.prerequisites-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 16px;width:50px}.prerequisites-error{align-items:flex-start;background:#fee;border:1px solid #fcc;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.prerequisites-error-icon{flex-shrink:0;font-size:24px}.prerequisites-retry-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:12px;padding:8px 16px;transition:background .2s}.prerequisites-retry-btn:hover{background:#c82333}.prerequisites-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:12px;margin-bottom:24px;padding:30px 20px;text-align:center}.prerequisites-success-icon{display:block;font-size:64px;margin-bottom:16px}.prerequisites-success h3{color:#155724;font-size:20px;margin:0 0 8px}.prerequisites-success p{color:#155724;font-size:14px;margin:0}.prerequisites-warning{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-radius:12px;margin-bottom:24px;padding:24px 20px;text-align:center}.prerequisites-warning-icon{display:block;font-size:48px;margin-bottom:12px}.prerequisites-warning h3{color:#856404;font-size:20px;margin:0 0 8px}.prerequisites-warning p{color:#856404;font-size:14px;margin:0}.prerequisites-list{margin-bottom:24px}.prerequisites-item{border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.prerequisites-item-installed{background:#f0f9ff;border-color:#28a745}.prerequisites-item-missing{background:#fff5f5;border-color:#dc3545}.prerequisites-item-status{flex-shrink:0;font-size:24px}.prerequisites-item-content{flex:1 1}.prerequisites-item-name{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:4px}.prerequisites-required-badge{background:#ffc107;border-radius:4px;color:#000;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.prerequisites-item-description{color:#666;font-size:13px;margin-bottom:8px}.prerequisites-item-action{margin-top:8px}.prerequisites-action-text{color:#856404;font-size:12px;font-weight:500}.prerequisites-instructions{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:16px}.prerequisites-instructions h4{color:#333;font-size:16px;margin:0 0 12px}.prerequisites-instructions ul{margin:0 0 12px;padding-left:20px}.prerequisites-instructions li{color:#555;font-size:14px;line-height:1.5;margin-bottom:8px}.prerequisites-note{color:#666;font-size:12px;font-style:italic;margin:12px 0 0}.prerequisites-modal-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.prerequisites-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.prerequisites-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.prerequisites-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.prerequisites-btn-secondary{background:#6c757d;color:#fff}.prerequisites-btn-secondary:hover{background:#5a6268}.spire-rollout-wizard{margin:0 auto;max-width:100%;padding:20px;width:100%}.wizard-container{max-width:100%}.wizard-header h1{color:#333;font-size:28px;margin:0 0 8px}.wizard-header p{color:#666;font-size:14px;margin:0}.wizard-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.wizard-steps{-webkit-overflow-scrolling:touch;display:flex;justify-content:flex-start;margin-bottom:40px;overflow-x:auto;overflow-y:hidden;padding:10px 0 20px;position:relative;scrollbar-width:thin}.wizard-steps::-webkit-scrollbar{height:6px}.wizard-steps::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.wizard-steps::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.wizard-steps::-webkit-scrollbar-thumb:hover{background:#555}.wizard-steps:before{background:#e0e0e0;content:"";height:2px;left:20px;position:absolute;right:20px;top:30px;z-index:0}.step{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;margin-right:8px;max-width:100px;min-width:80px;position:relative;z-index:1}.step-number{background:#e0e0e0;color:#999;font-size:13px;height:36px;margin-bottom:6px;transition:all .3s;width:36px}.step.active .step-number{background:#007bff;color:#fff}.step.completed .step-number{background:#28a745;color:#fff}.step-label{word-wrap:break-word;color:#999;font-size:10px;line-height:1.2;max-width:100%;padding:0 2px;text-align:center}.step.active .step-label{color:#007bff;font-weight:600}.step.completed .step-label{color:#28a745}.wizard-content{min-height:400px;padding-bottom:80px;position:relative}.step-content h2{color:#333;font-size:22px;margin:0 0 16px}.step-content p{color:#666;line-height:1.6;margin:0 0 20px}.setup-path-form{margin:20px 0}.form-group label{margin-bottom:8px}.path-input-container{align-items:center;display:flex;gap:8px}.path-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 12px}.path-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.path-input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-browse{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s;white-space:nowrap}.btn-browse:hover:not(:disabled){background:#5a6268}.btn-browse:disabled{cursor:not-allowed;opacity:.6}.drop-zone{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;margin:20px 0;padding:40px;text-align:center;transition:all .3s}.drop-zone.dragging{background:#e7f3ff;border-color:#007bff;border-width:3px}.drop-zone-active{color:#007bff;font-size:18px;font-weight:600}.drop-zone-inactive{color:#666;display:flex;flex-direction:column;gap:8px}.drop-zone-inactive span:first-child{font-size:16px;font-weight:500}.drop-zone-hint{color:#999;font-size:12px}.btn-primary{border:none;border-radius:4px;transition:background .2s}.btn-primary:disabled{background:#ccc}.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.btn-secondary:hover{background:#545b62}.success-message{margin:20px 0;padding:16px}.success-message h3{font-size:16px;margin:0 0 12px}.success-message ul{margin:12px 0;padding-left:20px}.success-message li{font-family:Courier New,monospace;font-size:13px;margin:6px 0}.file-date{color:#666;font-size:11px;font-weight:400;margin-left:8px}.setup-files-confirmation{background:#e7f3ff;border:1px solid #007bff;border-left-width:4px;border-radius:6px;margin:20px 0;padding:16px}.setup-files-confirmation h3{color:#333;font-size:16px;margin:0 0 12px}.files-list{display:flex;flex-direction:column;gap:10px}.file-item{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.file-item strong{color:#333;min-width:150px}.file-path{color:#555;flex:1 1;font-family:Courier New,monospace;word-break:break-all}.file-date-badge{background:#007bff;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.success-message button{margin-top:16px}.step-content ul{margin:12px 0;padding-left:20px}.step-content ul li{color:#666;margin:6px 0}.step-content code{background:#f5f5f5;border-radius:3px;color:#d63384;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.loading-message{padding:20px}.servers-list{display:flex;flex-direction:column;gap:12px;margin:20px 0}.server-card{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:16px;transition:all .2s}.server-card:hover{background:#f0f7ff;border-color:#007bff}.server-checkbox{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;margin-bottom:8px}.server-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.server-name{color:#333}.client-count{color:#666;font-size:14px;font-weight:400}.clients-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.client-tag{background:#fff;border:1px solid #ddd;border-radius:12px;color:#555;display:inline-block;font-size:12px;padding:4px 10px}.selected-servers-summary{background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;font-size:14px;margin:20px 0;padding:12px}.server-summary-breakdown{margin:20px 0}.server-summary-breakdown h3{color:#333;font-size:18px;margin:0 0 16px}.summary-table{background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.summary-header{background:#f8f9fa;border-bottom:2px solid #ddd;color:#555;font-size:14px;font-weight:600;padding:12px 16px}.summary-header,.summary-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 120px 140px}.summary-row{border-bottom:1px solid #eee;padding:14px 16px;transition:background .2s}.summary-row:hover{background:#f8f9fa}.summary-row:last-child{border-bottom:none}.summary-row-details{background:#f8f9fa;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin:0;padding:0;width:100%}.clients-table-container-inline{overflow-x:auto;padding:16px}.info-note{background:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;color:#555;font-size:13px;font-style:italic;margin:0 0 16px}.summary-col-server{color:#333;font-size:14px;font-weight:500}.server-name-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.primary-badge{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e);border:1px solid gold;border-radius:12px;box-shadow:0 2px 4px #ffd7004d;color:#8b6914;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}@keyframes pulse-glow{0%,to{box-shadow:0 2px 4px #ffd7004d}50%{box-shadow:0 2px 8px #ffd70080}}.summary-col-count{align-items:center;display:flex}.count-badge{background:#007bff;border-radius:12px;font-size:13px;min-width:40px;padding:4px 12px}.count-badge.primary-count{background:linear-gradient(135deg,gold,#ffed4e);border:1px solid gold;box-shadow:0 2px 4px #ffd7004d;color:#8b6914}.btn-expand,.summary-col-action{align-items:center;display:flex}.btn-expand{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:background .2s}.btn-expand:hover{background:#545b62}.server-details-section{border-top:2px solid #eee;margin:24px 0;padding-top:24px}.server-details-section h3{color:#333;font-size:18px;margin:0 0 16px}.server-detail-card{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px #0000000d;margin:16px 0;padding:16px}.server-detail-card h4{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin:0 0 12px}.detail-count{color:#666;font-size:14px;font-weight:400}.clients-table-container{margin-top:12px;overflow-x:auto}.clients-table{border-collapse:collapse;font-size:13px;width:100%}.clients-table thead{background:#f8f9fa}.clients-table th{border-bottom:2px solid #ddd;color:#555;font-weight:600;padding:10px 12px;text-align:left}.clients-table td{border-bottom:1px solid #eee;color:#333;padding:10px 12px}.clients-table tbody tr:hover{background:#f8f9fa}.clients-table tbody tr:last-child td{border-bottom:none}.step-actions{background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 8px #0000000d;display:flex;gap:12px;justify-content:space-between;margin-left:-30px;margin-right:-30px;margin-top:24px;padding:16px 30px;position:-webkit-sticky;position:sticky;z-index:10}.deployment-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:6px;color:#856404;font-size:14px;line-height:1.5;margin:20px 0;padding:16px}.deployment-hint{color:#666;font-size:13px;font-style:italic;margin:12px 0 20px}.app-servers-list{margin:20px 0}.app-servers-list h3{color:#333;font-size:18px;margin:0 0 8px}.app-servers-table{background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:16px;overflow:hidden}.app-server-header{background:#f8f9fa;border-bottom:2px solid #ddd;color:#555;font-size:14px;font-weight:600;padding:12px 16px}.app-server-header,.app-server-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:60px 1fr 200px}.app-server-row{border-bottom:1px solid #eee;padding:14px 16px;transition:background .2s}.app-server-row:hover:not(.excluded){background:#f8f9fa}.app-server-row.excluded{background:#f5f5f5;opacity:.7}.app-server-row.selected:not(.excluded){background:#e7f3ff;border-left:3px solid #007bff}.app-server-row:last-child{border-bottom:none}.processes-summary{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px}.processes-summary h3{color:#333;font-size:18px;margin:0 0 16px}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px}.stat-item strong{color:#666;display:block;font-size:12px;margin-bottom:4px}.stat-item>:not(strong){color:#333;font-size:16px;font-weight:500}.processes-table-container{border:1px solid #ddd;border-radius:8px;margin-top:20px;overflow-x:auto}.processes-table{background:#fff;border-collapse:collapse;width:100%}.processes-table thead{background:#f8f9fa;border-bottom:2px solid #ddd}.processes-table th{color:#555;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.processes-table td{border-bottom:1px solid #eee;color:#333;font-size:13px;padding:12px 16px}.processes-table tbody tr:hover{background:#f8f9fa}.processes-table .command-line{color:#666;font-family:Courier New,monospace;font-size:11px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin:20px 0;padding:16px;text-align:center}.processes-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.processes-table-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.btn-stop-all{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.btn-stop-all:hover:not(:disabled){background:#c82333}.btn-stop-all:disabled{background:#ccc;cursor:not-allowed}.stop-result{border-radius:6px;font-weight:500;margin:16px 0;padding:12px 16px}.stop-result.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.stop-result.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.process-group{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-bottom:24px;padding:16px}.process-group h3{color:#333;font-size:16px;margin:0 0 12px}.other-servers-table{background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden}.other-server-header{background:#e9ecef;border-bottom:2px solid #ddd;color:#555;font-size:13px;font-weight:600;padding:12px 16px}.other-server-header,.other-server-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:60px 1fr 120px}.other-server-row{align-items:center;border-bottom:1px solid #eee;padding:14px 16px;transition:background .2s}.other-server-row:hover{background:#f8f9fa}.other-server-row.selected{background:#e7f3ff;border-left:3px solid #007bff}.other-server-col-radio{align-items:center;display:flex;justify-content:center}.other-server-col-radio input[type=radio]{cursor:pointer;height:18px;width:18px}.other-server-col-name{color:#333;font-size:14px;font-weight:500}.other-server-col-priority{color:#666;font-size:12px}.selected-other-server-summary{background:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;font-size:14px;margin-top:16px;padding:12px}.placeholder-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px}.placeholder-warning h3{color:#856404;font-size:18px;margin:0 0 12px}.placeholder-warning p{color:#856404;line-height:1.6;margin:8px 0}.placeholder-todo{background:#fff;border:1px solid #ffc107;border-radius:6px;margin-top:16px;padding:16px}.placeholder-todo h4{color:#856404;font-size:14px;font-weight:600;margin:0 0 12px}.placeholder-todo ul{color:#856404;margin:0;padding-left:24px}.placeholder-todo li{line-height:1.5;margin:6px 0}.app-server-col-radio{align-items:center;display:flex;justify-content:center}.app-server-col-radio input[type=radio]{cursor:pointer;height:18px;width:18px}.app-server-col-radio input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.app-server-col-name{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500;gap:8px}.excluded-badge{background:#dc3545;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.app-server-col-status{align-items:center;display:flex;font-size:13px}.status-available{color:#28a745;font-weight:500}.status-selected{color:#007bff;font-weight:600}.status-excluded{color:#dc3545;font-style:italic}.selected-deployment-summary{background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;font-size:14px;margin:20px 0;padding:12px}.deploy-software-page{margin:0 auto;max-width:1200px;padding:24px}.page-header h1{margin-bottom:8px}.deployment-options-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.deployment-option-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:32px;position:relative;text-align:center;transition:all .3s ease}.deployment-option-card:hover{border-color:#1976d2;box-shadow:0 4px 12px #1976d226;transform:translateY(-2px)}.deployment-option-card.coming-soon{border-color:#ccc}.deployment-option-card.coming-soon:hover{border-color:#ccc;box-shadow:none;transform:none}.deployment-option-icon{font-size:64px;margin-bottom:16px}.deployment-option-card h2{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:12px}.deployment-option-card p{color:#666;font-size:14px;line-height:1.6}.coming-soon-badge{background:#ff9800;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:12px;top:12px}.deploy-spire-page{margin:0 auto;max-width:800px;padding:24px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes drawCircle{0%{stroke-dashoffset:351.86}to{stroke-dashoffset:0}}@keyframes checkmarkDraw{0%{stroke-dashoffset:50;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes particleFloat0{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-80px)}}@keyframes particleFloat1{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(40px,-69px)}}@keyframes particleFloat2{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(69px,-40px)}}@keyframes particleFloat3{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(80px)}}@keyframes particleFloat4{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(69px,40px)}}@keyframes particleFloat5{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(40px,69px)}}@keyframes particleFloat6{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(80px)}}@keyframes particleFloat7{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(-40px,69px)}}@keyframes particleFloat8{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(-69px,40px)}}@keyframes particleFloat9{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(-80px)}}@keyframes particleFloat10{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(-69px,-40px)}}@keyframes particleFloat11{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(-40px,-69px)}}.deploy-spire-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:48px;text-align:center}.deploy-spire-content h2{color:#1a1a1a;font-size:28px;font-weight:600;margin-bottom:12px}.deploy-spire-content p{color:#666;font-size:16px;line-height:1.6}.deploy-button{min-width:200px}.step-card{background:#fff;border:2px solid #e0e0e0;border-left:4px solid #2196f3;border-radius:8px;box-shadow:0 2px 6px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.step-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.step-card:hover{border-color:#2196f3;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.step-card:hover:before{transform:translateX(100%)}.step-header{justify-content:space-between;margin-bottom:12px}.step-header,.step-number{align-items:center;display:flex}.step-number{border-radius:50%;box-shadow:0 2px 6px #0000001f;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.step-icon{font-size:24px;opacity:.8}.step-title{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.step-description{color:#666;flex-grow:1;font-size:12px;line-height:1.5;margin:0 0 12px}.step-action{align-items:center;border-top:1px solid #e0e0e0;display:flex;margin-top:auto;padding-top:12px}.step-link{color:#2196f3;font-size:12px;font-weight:600;transition:color .2s ease}.step-card:hover .step-link{color:#1976d2}.deploy-spire-landing{margin:0 auto;max-width:1400px;padding:32px}.landing-header{margin-bottom:48px;text-align:center}.landing-header h1{color:#1a1a1a;font-size:42px;font-weight:700;margin:0 0 16px}.landing-subtitle{color:#666;font-size:18px;line-height:1.6;margin:0 auto;max-width:800px}.steps-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:48px}.landing-footer{margin-top:48px}.info-box{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:1px solid #d0d7de;border-radius:12px;margin:0 auto;max-width:800px;padding:24px}.info-box h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 16px}.info-box ul{color:#555;line-height:1.8;margin:0;padding-left:24px}.info-box li{margin-bottom:8px}@media (max-width:768px){.steps-grid{grid-template-columns:1fr}.landing-header h1{font-size:32px}.landing-subtitle{font-size:16px}}.spire-messenger-page{background:#f5f5f5;min-height:100vh;padding:20px}.messenger-layout{align-items:flex-start;display:flex;gap:24px}.messenger-sidebar{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;flex-shrink:0;max-height:calc(100vh - 40px);overflow-x:hidden;overflow-y:auto;padding:16px;position:-webkit-sticky;position:sticky;top:20px;transition:width .3s ease;width:280px}.messenger-sidebar.collapsed{padding:16px 12px;width:60px}.messenger-sidebar .sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.messenger-sidebar .sidebar-toggle{background:none;border:none;color:#666;cursor:pointer;flex-shrink:0;font-size:20px;padding:0;transition:color .15s}.messenger-sidebar .sidebar-toggle:hover{color:#333}.messenger-sidebar.collapsed .sidebar-toggle{display:flex;justify-content:center;width:100%}.messenger-sidebar.collapsed .sidebar-title{display:none}.messenger-sidebar .sidebar-title{color:#111827;flex:1 1;font-size:16px;font-weight:600;margin:0}.messenger-sidebar .filter-group{box-sizing:border-box;margin-bottom:20px;overflow:hidden;width:100%}.messenger-sidebar .filter-group:last-of-type{margin-bottom:0}.messenger-sidebar .filter-group>label{color:#111827;display:block;font-size:14px;font-weight:500;margin-bottom:8px;width:100%}.messenger-sidebar .filter-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.messenger-sidebar .filter-group-header>label{color:#111827;font-size:14px;font-weight:500;margin-bottom:0}.messenger-content{flex:1 1;min-width:0}.status-badge{border-radius:3px;line-height:1.3;padding:2px 6px}.status-badge.status-success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.status-badge.status-warning{background:#fff3e0;border:1px solid #ff9800;color:#f57c00}.status-badge.status-error{background:#ffebee;border:1px solid #f44336;color:#c62828}.status-badge.status-pending{background:#e3f2fd;border:1px solid #2196f3;color:#1976d2}.spinner{height:16px;width:16px}.spinner,.spinner-small{animation:spin .8s linear infinite;border:2px solid #f3f3f3;border-top-color:#3b82f6;display:inline-block}.spinner-small{border-radius:50%;height:12px;width:12px}.messenger-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.messenger-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:1200px;overflow:auto;width:100%}.messenger-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;color:#212529;display:flex;justify-content:space-between;padding:20px 24px}.messenger-modal-header h2{font-size:24px;font-weight:600;margin:0}.messenger-modal-header p{font-size:14px;margin:4px 0 0;opacity:.9}.messenger-modal-header-actions{align-items:center;display:flex;gap:12px}.messenger-modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:background .2s;width:36px}.messenger-modal-close-btn:hover{background:#ffffff4d}.messenger-modal-content{display:flex;flex-direction:column;gap:24px;padding:32px 40px}.messenger-section-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px}.messenger-section-card.twilio{background:#e3f2fd;border-color:#bbdefb}.messenger-section-card.mailgun{background:#fff3e0;border-color:#ffe0b2}.messenger-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.messenger-section-title{color:#212529;font-size:18px;font-weight:600;margin:0}.messenger-section-title.twilio{color:#1565c0}.messenger-section-title.mailgun{color:#e65100}.messenger-section-actions{display:flex;gap:8px}.messenger-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.messenger-btn-primary{background:#28a745;color:#fff}.messenger-btn-primary:hover:not(:disabled){background:#218838}.messenger-btn-primary:disabled{background:#6c757d;cursor:not-allowed}.messenger-btn-secondary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.messenger-btn-secondary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.messenger-btn-warning{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 2px 8px #ff6b354d;color:#fff}.messenger-btn-warning:hover{box-shadow:0 4px 12px #ff6b3566;transform:translateY(-2px)}.messenger-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.messenger-form-field{display:flex;flex-direction:column;gap:6px}.messenger-form-label{color:#495057;font-size:13px;font-weight:500}.messenger-form-input{background:#fff;border:1px solid #ced4da;border-radius:8px;font-family:monospace;font-size:14px;padding:10px 12px;width:100%}.messenger-form-input:disabled{background:#e9ecef;cursor:not-allowed}.messenger-toggle-box{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.messenger-toggle-box.enabled{background:#d4edda;border:2px solid #28a745}.messenger-toggle-box.disabled{background:#f8d7da;border:2px solid #dc3545}.messenger-toggle-content{flex:1 1}.messenger-toggle-status{font-size:15px;font-weight:700;margin-bottom:2px}.messenger-toggle-status.enabled{color:#155724}.messenger-toggle-status.disabled{color:#721c24}.messenger-toggle-hint{color:#6c757d;font-size:11px}.messenger-info-box{border-radius:8px;margin-bottom:12px;padding:12px}.messenger-info-box.warning{background:#fff3cd;border:1px solid #ffc107}.messenger-info-box.info{background:#e7f3ff;border:2px solid #17a2b8}.messenger-info-box.success{background:#d4edda;border:1px solid #28a745}.messenger-info-box.pending{background:#d1ecf1;border:1px solid #17a2b8}.messenger-info-title{font-size:13px;font-weight:600;margin-bottom:4px}.messenger-info-text{font-size:12px;line-height:1.5}.messenger-domain-list{border-radius:8px;font-size:14px;padding:10px 12px}.messenger-domain-list.success{background:#d4edda;border:1px solid #28a745;color:#155724}.messenger-domain-list.warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.messenger-domain-list.pending{background:#d1ecf1;border:1px solid #17a2b8;color:#0c5460}.messenger-email-list{grid-gap:8px;border-top:2px solid #ffe0b2;display:grid;gap:8px;margin-top:20px;padding-top:20px}.messenger-email-item{background:#e7f3ff;border:1px solid #17a2b8;border-radius:6px;font-size:13px;padding:10px 12px}.messenger-email-address{color:#004085;font-size:14px;font-weight:600;margin-bottom:4px}.messenger-email-details{color:#6c757d;display:flex;flex-wrap:wrap;font-size:11px;gap:12px;margin-top:4px}.messenger-email-details span{font-family:monospace}.messenger-client-info{grid-gap:10px;display:grid;font-size:14px;gap:10px}.messenger-client-info strong{color:#495057}.messenger-client-info span{color:#6c757d}.messenger-client-info code{font-family:monospace;font-size:12px}.spire-tenant-payments-page{background:#f5f5f5;min-height:100vh;width:100%}.modal-content{max-height:90%;max-width:90%;overflow:auto}.modal-close{height:30px;width:30px}.modal-close:hover{color:#000}.query-vouchers-page{max-width:100%;padding:20px}.vouchers-layout{align-items:flex-start;display:flex;gap:24px}.vouchers-sidebar{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;flex-shrink:0;max-height:calc(100vh - 40px);overflow-x:hidden;overflow-y:auto;padding:16px;position:-webkit-sticky;position:sticky;top:20px;transition:width .3s ease;width:280px}.vouchers-sidebar.collapsed{padding:16px 12px;width:60px}.sidebar-header{margin-bottom:16px}.sidebar-toggle{flex-shrink:0;font-size:20px;padding:0;transition:color .15s}.sidebar-toggle:hover{color:#333}.vouchers-sidebar.collapsed .sidebar-toggle{display:flex;justify-content:center;width:100%}.vouchers-sidebar.collapsed .sidebar-title{display:none}.sidebar-title{color:#111827;flex:1 1}.filter-group{box-sizing:border-box;overflow:hidden;width:100%}.filter-group:last-of-type{margin-bottom:0}.filter-group>label{color:#111827;display:block;font-weight:500;margin-bottom:8px;width:100%}.filter-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.filter-group-header>label{color:#111827;font-size:14px;font-weight:500;margin-bottom:0}.filter-group-options{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{border-radius:6px;gap:10px;padding:8px;transition:background .15s}.checkbox-label:hover{background:#f3f4f6}.checkbox-input{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:18px;width:18px}.checkbox-text{color:#374151;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.filter-actions-top{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.query-button-top{align-items:center;background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.query-button-top:hover:not(:disabled){background:#1565c0;opacity:.9}.query-button-top:disabled{cursor:not-allowed;opacity:.6}.cancel-query-button-top{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;text-align:left;transition:all .15s ease;width:100%}.cancel-query-button-top:hover{background:#b91c1c;opacity:.9}.date-shortcut-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#374151;cursor:pointer;direction:ltr;font-size:13px;font-weight:400;margin-bottom:10px;padding:10px 36px 10px 12px;text-align:left;text-align-last:left;transition:all .15s ease;width:100%}.date-shortcut-select:hover:not(:disabled){border-color:#9ca3af}.date-shortcut-select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.date-shortcut-select:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.date-range-inputs{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:1fr 1fr;overflow:hidden;width:100%}.date-range-field,.date-range-input{box-sizing:border-box;min-width:0;overflow:hidden;width:100%}.date-range-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:13px;font-weight:400;max-width:100%;padding:8px 10px;transition:all .15s ease}.date-range-input:hover:not(:disabled){border-color:#9ca3af}.date-range-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.date-range-input:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.select-multiple-button:hover{background:#1565c0;opacity:.9}.select-multiple-button:focus{box-shadow:0 0 0 2px #1976d233;outline:none}.single-client-input-container{display:flex;flex-direction:column;gap:12px;width:100%}.select-multiple-button{background:#1976d2;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;text-align:left;transition:all .15s ease;white-space:nowrap;width:100%}.select-multiple-button:hover{background:#f3f4f6;border-color:#d1d5db}.selected-clients-summary{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;overflow:hidden}.selected-clients-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.selected-count-badge{align-items:center;display:flex;gap:8px}.badge-number{align-items:center;background:#3b82f6;border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 8px}.badge-label{color:#374151;font-size:13px;font-weight:600}.manage-selection-button{align-items:center;background:#fff;border:1px solid #3b82f6;border-radius:5px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:28px;justify-content:center;padding:6px 12px;transition:all .15s ease}.manage-selection-button:hover{background:#3b82f6;color:#fff}.selected-clients-preview{align-items:flex-start;background:#fff;display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:12px 16px}.selected-client-pill{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0c4a6e;display:inline-flex;font-size:12px;font-weight:500;gap:6px;max-width:100%;padding:6px 10px}.selected-client-pill.not-setup{background:#fef3c7;border-color:#fbbf24;color:#92400e}.pill-warning-icon{flex-shrink:0;font-size:14px}.pill-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-remove{align-items:center;background:none;border:none;border-radius:3px;color:#0c4a6e;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:16px;justify-content:center;opacity:.6;padding:0;transition:all .15s;width:16px}.pill-remove:hover{background:#bae6fd;color:#dc2626;opacity:1}.view-all-button{align-self:flex-start;background:#f3f4f6;border:1.5px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s}.view-all-button:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.client-setup-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;margin-bottom:12px;margin-top:12px;padding:14px 16px}.warning-header{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:10px}.warning-icon{font-size:16px}.warning-clients{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.warning-client-item{align-items:center;background:#fff;border:1px solid #fbbf24;border-radius:4px;color:#92400e;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.warning-action{border-top:1px solid #fbbf24;margin-top:8px;padding-top:8px}.setup-link{align-items:center;color:#d97706;display:inline-flex;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s ease}.setup-link:hover{color:#b45309;text-decoration:underline}.client-selector-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10007}.client-selector-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;position:relative;width:90%;z-index:10008}.client-selector-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.client-selector-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.close-modal-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-modal-button:hover{background:#f3f4f6;color:#1f2937}.client-selector-modal-content{flex:1 1;overflow:auto;padding:20px}.client-selector-modal-content .dual-pane-selector{height:500px}.client-selector-modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 20px}.done-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.done-button:hover{background:#2563eb}.loading-clients{color:#6b7280;font-size:14px;padding:20px;text-align:center}.vouchers-content{flex:1 1;min-width:0}.error-message{background:#fee2e2;border:1px solid #fca5a5}.error-message h3{color:#dc2626;font-size:16px;margin:0 0 8px}.error-message p{color:#991b1b;font-size:14px;margin:0}.vouchers-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:16px;padding:12px 16px}.vouchers-summary p{color:#0c4a6e;font-size:14px;margin:0}.empty-state{color:#6b7280}.query-actual-button{align-items:center;background:#10b981;border:1.5px solid #10b981;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.query-actual-button:hover{background:#059669;border-color:#059669;box-shadow:0 2px 4px #10b98133;transform:translateY(-1px)}.query-info-button{align-items:center;background:#6b7280;border:1.5px solid #6b7280;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.query-info-button:hover{background:#4b5563;border-color:#4b5563;box-shadow:0 2px 4px #6b728033;transform:translateY(-1px)}.query-info-panel{background:#f0f9ff;border:2px solid #3b82f6;border-radius:8px;margin-top:16px;overflow:hidden;padding:0}.query-info-header{background:#3b82f6;font-size:14px;justify-content:space-between;padding:12px 16px}.query-info-close,.query-info-header{align-items:center;color:#fff;display:flex}.query-info-close{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;font-weight:700;height:24px;justify-content:center;padding:0;transition:background .15s;width:24px}.query-info-close:hover{background:#fff3}.query-info-content{padding:16px}.query-info-sql{word-wrap:break-word;background:#1f2937;border-radius:6px;color:#e5e7eb;font-family:Courier New,monospace;font-size:12px;line-height:1.6;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap}.query-left-align{direction:ltr;text-align:left}.copy-query-button{align-items:center;background:#3b82f6;border:1.5px solid #3b82f6;border-radius:6px;display:flex;font-weight:600;gap:4px;padding:6px 12px;transition:all .15s}.copy-query-button:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.vouchers-totals-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.totals-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.total-card{background:#fffffff2;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.total-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.total-card.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.total-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.total-card.primary .total-label{color:#ffffffe6}.total-value{color:#111827;font-size:24px;font-weight:700;line-height:1.2}.total-card.primary .total-value{color:#fff}.pagination-controls{background:#fff;border:1px solid #e5e7eb;gap:16px;padding:20px}.pagination-info{color:#6b7280;font-weight:500}.pagination-buttons{gap:8px}.pagination-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;min-width:40px;padding:8px 12px;transition:all .15s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-page-info{background:#f9fafb;border-radius:6px;color:#374151;font-size:14px;font-weight:500;padding:8px 16px;white-space:nowrap}.pagination-page-size{align-items:center;display:flex;gap:8px}.pagination-page-size label{color:#6b7280;font-size:13px;font-weight:600}.page-size-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;color:#111827;cursor:pointer;font-size:13px;font-weight:500;padding:6px 10px;transition:all .15s}.page-size-select:hover:not(:disabled){border-color:#3b82f6}.page-size-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.page-size-select:disabled{cursor:not-allowed;opacity:.5}.loading-skeleton{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:0;width:100%}.loading-skeleton,.skeleton-header{margin-bottom:20px}.skeleton-line{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%)}.skeleton-table-header{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;gap:16px;padding:16px 24px;width:100%}.skeleton-header-cell{background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%);flex-shrink:0;height:16px}.skeleton-table-body{display:flex;flex-direction:column;width:100%}.skeleton-table-row{align-items:center;border-bottom:1px solid #f3f4f6;box-sizing:border-box;gap:16px;padding:16px 24px;transition:background .15s;width:100%}.skeleton-table-row:hover{background:#fafafa}.skeleton-table-row:last-child{border-bottom:none}.skeleton-cell{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);flex-shrink:0;height:20px}.skeleton-table{display:flex;flex-direction:column;gap:12px}.skeleton-row{align-items:center;display:flex;gap:12px}.software-installs-page{margin:0 auto;max-width:1400px;padding:20px}.software-installs-page .page-header{margin-bottom:24px}.software-installs-page .page-header h1{color:#333;font-size:28px;font-weight:700;margin:0 0 8px}.software-installs-page .page-header p{color:#666;font-size:14px;margin:0}.applications-management-page{padding:24px}.applications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.applications-title{font-size:28px;font-weight:600;margin:0}.applications-subtitle{color:#666;font-size:14px;margin:8px 0 0}.add-button{border-radius:6px;font-weight:500;transition:background .2s}.modal-content{box-shadow:0 4px 6px #0000001a;max-width:90vw;width:500px}.modal-title{font-size:20px;font-weight:600;margin-bottom:20px;margin-top:0}.form-group{margin-bottom:16px}.form-label{font-size:14px;margin-bottom:8px}.form-input,.form-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;width:100%}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.button-cancel{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.button-cancel:hover{background:#e0e0e0}.button-save{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.button-save:hover:not(:disabled){background:#45a049}.button-save:disabled{background:#ccc;cursor:not-allowed}.action-button-edit{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background .2s}.action-button-edit:hover{background:#1976d2}.action-button-delete{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background .2s}.action-button-delete:hover{background:#d32f2f}.rgserver-page{margin:0 auto;max-width:1400px;padding:24px}.page-title-section{flex:1 1}.page-title{align-items:center;color:#1a1a1a;display:flex;gap:12px}.page-icon{font-size:32px}.refresh-button{background:#007bff;border:1px solid #007bff;border-radius:6px;font-weight:600;padding:10px 20px;transition:all .2s}.refresh-button:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.summary-cards{margin-bottom:24px}.summary-card{border:1px solid #e0e0e0}.summary-card.success{border-left:4px solid #28a745}.summary-card.danger{border-left:4px solid #dc3545}.summary-label{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#1a1a1a}.modal-content{box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:700px}.modal-header h3{color:#1a1a1a;font-size:20px}.modal-close{background:#0000}.modal-close:hover{background:#f0f0f0;color:#333}.detail-row{grid-gap:16px;border-bottom:1px solid #f0f0f0;display:grid;gap:16px;grid-template-columns:180px 1fr;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#555;font-size:14px;font-weight:600}.detail-row span{color:#1a1a1a;font-size:14px}.reporting-dashboard-page{margin:0 auto;max-width:1800px;padding:24px;position:relative}.monitor-status-inline{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;height:auto;margin-left:8px;min-height:28px;padding:4px 10px}.monitor-status-inline.running{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.monitor-status-inline.stopped{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.monitor-status-inline .status-indicator{display:inline-block;font-size:10px;line-height:1}.monitor-status-inline .status-text{font-size:12px;font-weight:500;white-space:nowrap}.sidebar-dual-pane-wrapper .dual-pane-selector{height:400px!important}.start-monitor-btn-inline,.stop-monitor-btn-inline{align-items:center;border:none;border-radius:4px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;height:auto;line-height:1.4;margin-left:8px;min-height:24px;padding:4px 12px;transition:all .2s}.start-monitor-btn-inline{background:#3b82f6;color:#fff}.start-monitor-btn-inline:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 4px #3b82f64d}.stop-monitor-btn-inline{background:#ef4444;color:#fff}.stop-monitor-btn-inline:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 4px #ef44444d}.start-monitor-btn-inline:disabled,.stop-monitor-btn-inline:disabled{cursor:not-allowed;opacity:.6}.loading-progress-bar{background:#3b82f6;box-shadow:0 2px 4px #0000001a;color:#fff;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.loading-content{align-items:center;display:flex;font-size:14px;font-weight:500;gap:12px}.loading-spinner{font-size:16px}.auto-loading-content h3{color:#333;font-size:24px;margin:0 0 12px}.auto-loading-content p{color:#666;line-height:1.5;margin:0 0 24px}.cancel-auto-load-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.cancel-auto-load-btn:hover{background:#ffffff4d;border-color:#ffffff80}.page-header{align-items:flex-start}.page-title{font-size:28px;font-weight:600;margin:0 0 8px}.loading-indicator{animation:pulse 1.5s ease-in-out infinite;color:#3b82f6;font-weight:500}.header-actions{gap:16px}.header-actions label{align-items:center;display:flex;font-size:14px;gap:8px}.status-summary-cards{margin-bottom:24px}.summary-card{background:#f8f9fa;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 20px}.card-header h3{color:#374151;font-size:16px;font-weight:600;margin:0}.card-content{padding:20px}.status-metrics{flex-wrap:wrap;gap:24px}.metric,.status-metrics{align-items:center;display:flex}.metric{flex-direction:column;gap:4px}.metric-value{color:#374151;font-size:24px;font-weight:600;transition:all .2s ease}.metric-value.processing{color:#f59e0b}.metric-value.completed{color:#10b981}.metric-value.failed{color:#ef4444}.metric-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.no-reports-message{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin:24px 0;padding:24px;text-align:center}.no-reports-content h3{color:#374151;font-size:18px;margin:0 0 12px}.no-reports-content p{color:#6b7280;font-size:14px;margin:0 0 16px}.no-reports-suggestions{margin:0 auto;max-width:400px;text-align:left}.no-reports-suggestions p{color:#374151;font-weight:600;margin:0 0 8px}.no-reports-suggestions ul{color:#6b7280;font-size:14px;margin:0;padding-left:20px}.no-reports-suggestions li{margin-bottom:4px}.btn-primary{border:1px solid #007bff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){border-color:#0056b3}.filters-section{grid-gap:20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:20px;margin-bottom:24px;padding:20px}.filter-group>label{color:#333;font-size:14px;font-weight:600}.database-checkboxes,.user-checkboxes{background:#f8f9fa;border-radius:4px;display:flex;flex-wrap:wrap;gap:12px;max-height:200px;overflow-y:auto;padding:12px}.checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:4px 8px;transition:background .2s}.checkbox-label:hover{background:#e9ecef}.checkbox-label input[type=checkbox]{cursor:pointer}.date-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.date-shortcuts button{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.date-shortcuts button:hover{background:#e9ecef;border-color:#adb5bd}.date-inputs{align-items:center;display:flex;gap:12px}.date-inputs input,.filter-group select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px}.filter-group select{max-width:200px}.error-message{font-size:14px;padding:16px}.summary-row{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:14px;margin-bottom:16px;padding:12px 16px}.summary-row strong{color:#007bff;font-size:16px}.context-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.context-menu{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:200px;padding:4px 0;position:fixed;z-index:1000}.context-menu button{background:#0000;border:none;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.context-menu button:hover{background:#f8f9fa}.context-menu button:active{background:#e9ecef}.spire-site-proxy-page{margin:0 auto;max-width:1800px;padding:24px;position:relative}.page-header{text-align:center}.error-banner{align-items:center;display:flex;justify-content:space-between}.error-banner button{align-items:center;background:none;border:none;color:#721c24;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;width:24px}.proxy-dashboard{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-container{border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;width:100%}.filtered-data-table{width:100%}.filtered-data-table>div:last-child{flex:1 1;min-width:0;width:100%}.action-bar{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.btn{gap:6px}.btn-primary{background:#1976d2}.btn-primary:hover:not(:disabled){background:#1565c0}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-outline{background:#0000;border:1px solid #1976d2;color:#1976d2}.btn-outline:hover:not(:disabled){background:#1976d2;color:#fff}.modal{max-width:500px}.modal.move-sites-modal{max-width:1400px!important;width:95%!important}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:6px}.form-control{border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.form-control:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}@media (max-width:768px){.spire-site-proxy-page{padding:10px}.page-header h1{font-size:2rem}.action-bar{align-items:stretch;flex-direction:column}.btn{justify-content:center}.modal{margin:10px;width:95%}}.table-container .data-table tbody tr.selected{background-color:#e3f2fd!important}.table-container .data-table tbody tr:hover{background-color:#f5f5f5;cursor:pointer}.table-container .data-table tbody tr.selected:hover{background-color:#bbdefb!important}.sentry-errors-page{max-width:100%;padding:20px}.sentry-errors-page .data-table{table-layout:fixed;width:100%}.sentry-errors-page .data-table th{max-width:0}.sentry-errors-page .data-table th,.sentry-errors-page .data-table th .th-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sentry-errors-page .data-table td{word-wrap:break-word;overflow:hidden}.page-header{border-bottom:2px solid #e1e5e9;padding-bottom:15px}.error-count-badge{background:#e74c3c;border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:6px 12px}.refresh-btn{background:#3498db;transition:background-color .2s}.refresh-btn:hover{background:#2980b9}.sentry-errors-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.error-id{color:#7f8c8d;font-family:Courier New,monospace;font-size:12px;font-weight:700}.error-title{display:flex;flex-direction:column;gap:4px}.error-title,.title-text{max-width:100%;overflow:hidden}.title-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-weight:600;line-height:1.3;word-break:break-word}.culprit{background:#f8f9fa;border-radius:3px;color:#7f8c8d;display:inline-block;font-family:Courier New,monospace;font-size:12px;max-width:100%;padding:2px 6px}.culprit,.level-badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;line-height:1.2;min-width:-webkit-fit-content;min-width:fit-content;padding:4px 8px;text-transform:uppercase}.error-badge{background:#e74c3c;color:#fff}.warning-badge{background:#f39c12;color:#fff}.info-badge{background:#3498db;color:#fff}.debug-badge{background:#95a5a6;color:#fff}.status-badge{align-items:center;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;line-height:1.2;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.unresolved-badge{background:#e74c3c;color:#fff}.resolved-badge{background:#27ae60;color:#fff}.ignored-badge{background:#95a5a6;color:#fff}.priority-badge{align-items:center;display:inline-flex;font-size:11px;font-weight:700;line-height:1.2;max-width:100%;overflow:visible;padding:4px 8px;text-overflow:clip;text-transform:uppercase;white-space:normal}.priority-high-badge{background:#e74c3c;color:#fff}.priority-medium-badge{background:#f39c12;color:#fff}.priority-low-badge{background:#27ae60;color:#fff}.platform-badge{align-items:center;display:inline-flex;font-size:11px;font-weight:700;line-height:1.2;max-width:100%;overflow:visible;padding:4px 8px;text-overflow:clip;text-transform:uppercase;white-space:normal}.platform-csharp-badge{background:#9b59b6;color:#fff}.platform-js-badge{background:#f39c12;color:#fff}.platform-python-badge{background:#27ae60;color:#fff}.platform-java-badge{background:#e74c3c;color:#fff}.platform-php-badge{background:#8e44ad;color:#fff}.platform-default-badge{background:#95a5a6;color:#fff}.project-name{color:#34495e;font-weight:500}.error-count{color:#e74c3c;font-size:16px;font-weight:700}.user-count{color:#7f8c8d;font-weight:500}.first-seen,.last-seen{color:#7f8c8d;font-size:13px}.lifetime-stats{display:flex;flex-direction:column;gap:2px}.lifetime-count{color:#e74c3c;font-size:14px;font-weight:700}.lifetime-users{color:#7f8c8d;font-size:11px}.client-url{display:flex;flex-direction:column;gap:2px}.client-url-link{background:#f8f9fa;border-radius:3px;color:#3498db;display:inline-block;font-family:Courier New,monospace;font-size:12px;max-width:100%;overflow:hidden;padding:2px 6px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.client-url-link:hover{color:#2980b9;text-decoration:underline}.no-url{color:#95a5a6;font-size:11px;font-style:italic}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal{box-shadow:0 10px 30px #0003;max-height:85vh;max-width:1000px;overflow:hidden}.modal-header{border-bottom:1px solid #eaecef;padding:12px 16px}.modal-header h3{color:#2c3e50;font-size:16px}.modal-header button{background:#0000;font-size:18px;line-height:1}.modal-body{max-height:calc(85vh - 50px);overflow:auto;padding:12px 16px}.modal .data-table{table-layout:fixed;width:100%}.modal .data-table td,.modal .data-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sentry-errors-table tbody tr:hover{background-color:#f8f9fa!important;cursor:pointer}.data-table-toolbar{display:flex!important;opacity:1!important;visibility:visible!important}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:space-between;width:100%}.error-title{max-width:200px}.title-text{font-size:14px}.culprit{font-size:11px}.sentry-errors-table .level-badge,.sentry-errors-table .platform-badge,.sentry-errors-table .priority-badge,.sentry-errors-table .status-badge{border-radius:10px;font-size:10px;padding:3px 6px}}@media (max-width:1024px){.sentry-errors-table .level-badge,.sentry-errors-table .platform-badge,.sentry-errors-table .priority-badge,.sentry-errors-table .status-badge{font-size:10.5px;padding:3px 8px}}.link-preferences-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e5e7eb}.modal-header h2{color:#111827;font-size:1.25rem;font-weight:600}.close-btn{border-radius:4px;color:#6b7280;font-size:1.5rem;padding:4px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-content{padding:24px}.preference-group{margin-bottom:24px}.preference-group:last-child{margin-bottom:0}.preference-label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.checkbox-label{font-weight:400;margin-left:8px}.preference-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:8px 0 0}.radio-group{display:flex;gap:16px;margin-top:8px}.radio-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:400;gap:6px}.radio-option input[type=radio]{margin:0}.size-inputs{display:flex;gap:16px;margin-top:8px}.size-input{align-items:center;display:flex;gap:6px}.size-input label{color:#6b7280;font-size:.875rem;min-width:50px}.size-input input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:6px 8px;width:80px}.size-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.size-input span{color:#6b7280;font-size:.875rem}.modal-footer{align-items:center;background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;justify-content:space-between;padding:20px 24px}.footer-actions{display:flex;gap:12px}.btn{font-size:.875rem}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#e5e7eb}@media (prefers-color-scheme:dark){.link-preferences-modal{background:#1f2937;color:#f9fafb}.modal-header{border-bottom-color:#374151}.modal-header h2{color:#f9fafb}.close-btn{color:#9ca3af}.close-btn:hover{background:#374151;color:#d1d5db}.preference-label{color:#d1d5db}.preference-description{color:#9ca3af}.radio-option{color:#d1d5db}.size-input label{color:#9ca3af}.size-input input{background:#374151;border-color:#4b5563;color:#f9fafb}.size-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.size-input span{color:#9ca3af}.modal-footer{background:#111827;border-top-color:#374151}.btn-secondary{background:#374151;border-color:#4b5563;color:#d1d5db}.btn-secondary:hover{background:#4b5563}}.stack-trace-modal-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:10000}.stack-trace-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.stack-trace-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.stack-trace-modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-btn{color:#fff;font-size:2rem;height:40px;transition:background-color .2s ease;width:40px}.close-btn:hover{background:#fff3}.event-summary{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 30px}.event-summary h3{color:#374151;font-size:1.2rem;margin:0 0 15px}.event-info{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.event-info div{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;padding:8px 12px}.event-info strong{color:#374151;margin-right:8px}.stack-trace-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px 30px}.section-header{justify-content:space-between}.section-header h3{color:#374151;font-size:1.2rem;margin:0}.copy-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.copy-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 4px #10b9814d}.copy-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.loading{align-items:center;color:#6b7280;display:flex;font-style:italic;gap:10px;padding:20px}.error{background:#fef2f2;border-radius:6px;color:#dc2626;margin-bottom:15px;padding:15px}.fallback-data{margin-top:15px}.fallback-data h4{color:#374151;margin:0 0 10px}.json-display{background:#1f2937;border:1px solid #374151;border-radius:8px;color:#f9fafb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;max-height:400px;overflow:auto;padding:20px;white-space:pre-wrap;word-break:break-word}.modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 30px}.btn{border:1px solid}.btn-secondary{background-color:#6b7280;border-color:#6b7280}.btn-secondary:hover{background-color:#4b5563;border-color:#4b5563}@media (prefers-color-scheme:dark){.stack-trace-modal-content{background:#1f2937;color:#f9fafb}.stack-trace-modal-header{background:linear-gradient(135deg,#4c1d95,#7c3aed);border-bottom-color:#374151}.event-summary{background:#111827;border-bottom-color:#374151}.event-summary h3{color:#f9fafb}.event-info div{background:#374151;border-color:#4b5563;color:#f9fafb}.event-info strong{color:#d1d5db}.section-header h3{color:#f9fafb}.copy-btn{background:linear-gradient(135deg,#047857,#065f46)}.copy-btn:hover{background:linear-gradient(135deg,#065f46,#064e3b);box-shadow:0 2px 4px #0478574d}.error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.fallback-data h4{color:#f9fafb}.json-display{background:#000;border-color:#374151;color:#f9fafb}.modal-actions{background:#111827;border-top-color:#374151}.btn-secondary{background-color:#4b5563;border-color:#4b5563}.btn-secondary:hover{background-color:#374151;border-color:#374151}}.sentry-events-page .data-table th{max-width:0}.sentry-events-page .data-table th,.sentry-events-page .data-table th .th-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-text{background:#fef2f2;border-left:3px solid #dc2626;border-radius:3px;color:#dc2626;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.3;max-width:100%;padding:2px 4px;word-break:break-word}.error-text:hover{background:#fee2e2}.filter-select[data-filter-key=timestamp]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 4px #667eea4d;color:#fff;font-weight:500}.filter-select[data-filter-key=timestamp]:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.filter-select[data-filter-key=timestamp] option{background:#fff;color:#374151;padding:8px}.time-range-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;margin-left:8px;padding:4px 8px}.time-range-badge:before{content:"⏰";font-size:.7rem}.stack-trace-btn,.url-link-btn,.view-details-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:500;max-width:100%;overflow:visible;padding:4px 8px;text-decoration:none;text-overflow:clip;transition:all .2s ease;white-space:normal;word-break:break-word}.stack-trace-btn:hover,.url-link-btn:hover,.view-details-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 4px #10b9814d;transform:translateY(-1px)}.stack-trace-btn:active,.url-link-btn:active,.view-details-btn:active{box-shadow:0 1px 2px #10b9814d;transform:translateY(0)}.stack-trace-btn,.view-details-btn{min-width:32px;text-align:center}.url-link-btn{overflow:visible;text-align:left;text-overflow:clip;white-space:normal;width:100%;word-break:break-all}.timestamp{color:#6b7280;cursor:help;font-size:.85rem;font-weight:500}.timestamp:hover{color:#374151}.platform-badge{border-radius:12px;box-shadow:0 1px 3px #0000001a;display:inline-block;font-size:.75rem;font-weight:600;min-width:60px;padding:3px 8px;text-align:center;transition:all .2s ease}.platform-frontend{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.platform-backend{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.platform-badge:hover{box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.count-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;box-shadow:0 1px 3px #3b82f64d;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;min-width:24px;padding:3px 6px;text-align:center;transition:all .2s ease}.count-badge:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 2px 4px #3b82f666;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.error-text{background:#7f1d1d;border-left-color:#fca5a5;color:#fca5a5}.error-text:hover{background:#991b1b}.filter-select[data-filter-key=timestamp]{background:linear-gradient(135deg,#4c1d95,#7c3aed)}.filter-select[data-filter-key=timestamp] option{background:#1f2937;color:#f9fafb}.time-range-badge{background:linear-gradient(135deg,#4c1d95,#7c3aed)}.stack-trace-btn,.url-link-btn,.view-details-btn{background:linear-gradient(135deg,#047857,#065f46)}.stack-trace-btn:hover,.url-link-btn:hover,.view-details-btn:hover{background:linear-gradient(135deg,#065f46,#064e3b);box-shadow:0 2px 4px #0478574d}.stack-trace-btn:active,.url-link-btn:active,.view-details-btn:active{box-shadow:0 1px 2px #0478574d}.count-badge{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 1px 3px #1e40af4d}.count-badge:hover{background:linear-gradient(135deg,#1e3a8a,#1e3a8a);box-shadow:0 2px 4px #1e40af66}.timestamp{color:#9ca3af}.timestamp:hover{color:#d1d5db}.platform-frontend{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.platform-backend{background:linear-gradient(135deg,#047857,#065f46)}}@media (max-width:768px){.url-link-btn{align-items:center;display:flex;font-size:.7rem;justify-content:flex-start;min-height:28px;padding:3px 6px}.platform-badge{font-size:.7rem;min-width:50px;padding:2px 6px}.count-badge{font-size:.7rem;min-width:20px;padding:2px 5px}.stack-trace-btn,.view-details-btn{font-size:.7rem;min-width:28px;padding:3px 6px}}.freshdesk-chatbot-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.freshdesk-chatbot-container{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:85vh;max-height:800px;max-width:700px;overflow:hidden;width:90%}.freshdesk-chatbot-header{align-items:flex-start;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;display:flex;justify-content:space-between;padding:20px}.freshdesk-chatbot-header h3{font-size:20px;font-weight:600;margin:0 0 4px}.freshdesk-chatbot-subtitle{font-size:13px;margin:0;opacity:.9}.freshdesk-chatbot-source-selector{align-items:center;display:flex;gap:8px;margin-top:8px}.freshdesk-chatbot-source-selector label{font-size:12px;opacity:.9}.freshdesk-chatbot-source-select{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s}.freshdesk-chatbot-source-select:hover:not(:disabled){background:#ffffff4d}.freshdesk-chatbot-source-select:disabled{cursor:not-allowed;opacity:.6}.freshdesk-chatbot-source-select option{background:#4a90e2;color:#fff}.freshdesk-chatbot-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;transition:background .2s;width:32px}.freshdesk-chatbot-close-btn:hover{background:#ffffff4d}.freshdesk-chatbot-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.freshdesk-chatbot-message{animation:messageSlide .3s ease-out;display:flex;flex-direction:column;max-width:85%}.freshdesk-chatbot-message.user{align-self:flex-end}.freshdesk-chatbot-message.assistant{align-self:flex-start}.freshdesk-chatbot-message-content{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.5;padding:12px 16px}.freshdesk-chatbot-message.user .freshdesk-chatbot-message-content{background:#4a90e2;border-bottom-right-radius:4px;color:#fff}.freshdesk-chatbot-message.assistant .freshdesk-chatbot-message-content{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d;color:#333}.freshdesk-chatbot-message-content strong{color:#333;font-weight:600}.freshdesk-chatbot-message-time{color:#999;font-size:11px;margin-top:4px;padding:0 4px}.freshdesk-chatbot-tickets{display:flex;flex-direction:column;gap:8px;margin-top:12px}.freshdesk-chatbot-ticket{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.freshdesk-chatbot-ticket:hover{background:#e9ecef;border-color:#4a90e2;box-shadow:0 2px 8px #4a90e233;transform:translateX(4px)}.freshdesk-chatbot-ticket-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.freshdesk-chatbot-ticket-id{color:#4a90e2;font-size:14px;font-weight:600}.freshdesk-chatbot-ticket-status{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.freshdesk-chatbot-ticket-status.status-open{background:#e3f2fd;color:#1976d2}.freshdesk-chatbot-ticket-status.status-pending{background:#fff3e0;color:#f57c00}.freshdesk-chatbot-ticket-status.status-resolved{background:#e8f5e9;color:#388e3c}.freshdesk-chatbot-ticket-status.status-closed{background:#f3e5f5;color:#7b1fa2}.freshdesk-chatbot-ticket-subject{color:#333;font-weight:500;line-height:1.4;margin-bottom:6px}.freshdesk-chatbot-ticket-meta{color:#666;font-size:12px;margin-top:4px}.freshdesk-chatbot-ticket-summary-section{border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px}.freshdesk-chatbot-ticket-summary{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;padding:10px}.freshdesk-chatbot-ticket-summary-header{margin-bottom:6px}.freshdesk-chatbot-ticket-summary-text{color:#424242;font-size:12px;line-height:1.5}.freshdesk-chatbot-ticket-summary-loading{padding:8px;text-align:center}.freshdesk-chatbot-ticket-summary-btn{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;color:#1976d2;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;width:100%}.freshdesk-chatbot-ticket-summary-btn:hover{background:#bbdefb;border-color:#64b5f6}.freshdesk-chatbot-refinements{border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px}.freshdesk-chatbot-refinements-label{color:#666;font-size:12px;font-weight:500;margin-bottom:8px}.freshdesk-chatbot-refinement-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:16px;color:#333;cursor:pointer;font-size:12px;margin-bottom:4px;margin-right:8px;padding:6px 12px;transition:all .2s}.freshdesk-chatbot-refinement-btn:hover{background:#4a90e2;border-color:#4a90e2;color:#fff}.freshdesk-chatbot-typing-indicator{display:flex;gap:4px;padding:8px 0}.freshdesk-chatbot-typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite;background:#4a90e2;border-radius:50%;height:8px;width:8px}.freshdesk-chatbot-typing-indicator span:first-child{animation-delay:-.32s}.freshdesk-chatbot-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.freshdesk-chatbot-input-container{align-items:flex-end;background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:16px 20px}.freshdesk-chat-input{border:1px solid #ddd;border-radius:24px;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:border-color .2s}.freshdesk-chat-input:focus{border-color:#4a90e2}.freshdesk-chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.freshdesk-chatbot-send-btn{align-items:center;background:#4a90e2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:background .2s;width:44px}.freshdesk-chatbot-send-btn:hover:not(:disabled){background:#357abd}.freshdesk-chatbot-send-btn:disabled{background:#ccc;cursor:not-allowed}.freshdesk-chatbot-messages::-webkit-scrollbar{width:6px}.freshdesk-chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1}.freshdesk-chatbot-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.freshdesk-chatbot-messages::-webkit-scrollbar-thumb:hover{background:#999}.main-content:has(.freshdesk-support-page){display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}.main-body:has(.freshdesk-support-page){display:flex!important;flex:1 1!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important}.page-container.freshdesk-support-page{flex-direction:column!important;margin:0;max-width:100%;padding:0}.page-container.freshdesk-support-page,.page-content{display:flex!important;flex:1 1!important;height:100%!important;min-height:0!important}.page-content{flex-direction:column!important;overflow:hidden!important}.page-content>.freshdesk-layout-row{flex:1 1!important;height:100%!important;min-height:0!important;overflow:hidden!important}.page-content>div:has(.freshdesk-layout-row){display:flex!important;flex:1 1!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important}.freshdesk-layout-row{align-items:start!important;align-self:stretch!important;display:grid!important;flex:1 1!important;grid-template-columns:auto 1fr!important;grid-template-rows:-webkit-min-content!important;grid-template-rows:min-content!important;height:100%!important;padding:0!important}.freshdesk-filter-sidebar,.freshdesk-layout-row{margin:0!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}.freshdesk-filter-sidebar{align-self:start!important;display:flex!important;flex-direction:column!important;grid-column:1!important;height:-webkit-fit-content!important;height:fit-content!important}.freshdesk-filter-sidebar>div{flex:0 0 auto!important;overflow-x:hidden!important;overflow-y:auto!important}.freshdesk-filter-sidebar>div,.freshdesk-main-content{display:flex!important;flex-direction:column!important;max-height:100%!important;min-height:0!important}.freshdesk-main-content{grid-column:2!important;height:100%!important;overflow:hidden!important}.freshdesk-main-content>.tickets-section{flex:1 1!important;height:100%!important}.freshdesk-main-content>.tickets-section,.freshdesk-support-page .tickets-section{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.freshdesk-support-page .tickets-section{flex:1 1!important;margin:0!important;padding:0!important}.freshdesk-support-page .tickets-section>div:first-child{flex-shrink:0!important;margin-bottom:0!important}.freshdesk-support-page .tickets-section>.tickets-section-table-wrap,.tickets-section-table-wrap{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.tickets-section-table-wrap{margin:0!important;padding:0!important}.tickets-section-table-inner{display:flex!important;flex:1 1!important;flex-direction:column!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}.tickets-section-table-inner .data-table-toolbar{flex-grow:0!important;flex-shrink:0!important;margin:0!important;padding:.5rem 1rem!important}.tickets-section-table-inner .data-table-container{display:flex!important;flex:1 1!important;flex-direction:column!important;margin:0!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}.tickets-section-table-inner .data-table-container .data-table-wrapper{display:block!important;flex:1 1!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:auto!important}.freshdesk-support-page .data-table-wrapper{height:100%!important;max-height:100%!important}.tickets-section-table-inner .data-table-container .data-table-wrapper .data-table{box-sizing:border-box!important;min-height:100%!important}.page-header{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.page-header h1{color:#2c3e50;font-size:2rem}.page-header p{color:#6c757d;margin:5px 0 0}.tab-navigation{border-bottom:2px solid #e9ecef;display:flex;gap:0;margin-top:20px}.tab-btn{background-color:initial;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;position:relative;transition:all .2s ease}.tab-btn:hover{background-color:#f8f9fa;color:#007bff}.tab-btn.active{background-color:#fff;border-bottom-color:#007bff;color:#007bff}.tab-btn.active:after{background-color:#007bff;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.page-actions{display:flex;gap:10px}.btn{font-size:.9rem}.btn-outline-primary{background-color:initial;border:1px solid #007bff;color:#007bff}.btn-outline-primary:hover{background-color:#007bff;color:#fff}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.summary-card{border:1px solid #e9ecef;transition:transform .2s ease}.summary-card:hover{box-shadow:0 4px 8px #00000026}.summary-card h3{color:#6c757d;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.summary-number{color:#2c3e50;font-size:2rem;font-weight:700}.quick-filters{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.quick-filters h3{color:#2c3e50;font-size:1.1rem;margin:0 0 15px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background-color:#fff;border:1px solid #dee2e6;border-radius:20px;color:#495057;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background-color:#f8f9fa;border-color:#007bff}.filter-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.tickets-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.tickets-section h2{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.error-message{background:#f8d7da;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.error-message h3{color:#721c24;margin:0 0 10px}.error-message p{color:#721c24;margin:0 0 15px}.contact-cell{display:flex;flex-direction:column}.contact-name{color:#2c3e50;font-weight:500}.contact-email{color:#6c757d;font-size:.8rem;margin-top:2px}.subject-cell{color:#2c3e50;line-height:1.4}.priority-badge,.status-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:2px 8px}.agent-name,.company-name,.group-name{color:#2c3e50}.created-date,.due-date,.requester-id,.ticket-id,.updated-date{color:#6c757d;font-size:.9rem}.requester-id,.ticket-id{font-family:Courier New,monospace}.custom-fields{font-size:.8rem}.custom-field{margin-bottom:2px}.no-custom-fields{color:#6c757d;font-style:italic}.pagination-controls{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;margin-top:1rem;padding:1rem}.pagination-info{color:#6c757d;font-size:.875rem}.pagination-buttons{gap:1rem}.page-info{color:#495057;font-size:.875rem}.pagination-buttons .btn{font-size:.875rem;padding:.375rem .75rem}.pagination-buttons .btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.summary-cards{grid-template-columns:repeat(2,1fr)}.filter-buttons{justify-content:center}.filter-btn{flex:1 1;min-width:120px}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.page-container{padding:10px}}.ticket-detail-page{background:#f8f9fa;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.ticket-header-modern{background:#fff;border-bottom:1px solid #e1e4e8;box-shadow:0 2px 8px #0000001a;left:260px;margin:0;padding:0;position:fixed;right:0;top:48px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 260px);z-index:1000}.main-content.sidebar-collapsed .ticket-header-modern{left:70px;width:calc(100% - 70px)}body.todo-sidebar-open .ticket-header-modern{width:calc(100% - 580px)}body.todo-sidebar-open .main-content.sidebar-collapsed .ticket-header-modern{left:70px;width:calc(100% - 390px)}.header-top{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:8px 24px}.btn-back-modern,.header-top{align-items:center;display:flex}.btn-back-modern{background:#0000;border:none;border-radius:6px;color:#586069;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s}.btn-back-modern:hover{background:#f6f8fa;color:#24292e}.btn-back-modern .icon{font-size:18px}.header-actions{gap:8px}.header-actions-left,.header-actions-right{align-items:center;display:flex;gap:8px}.btn-action-freshdesk{align-items:center;background:#0000;border:none;border-radius:4px;color:#586069;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.btn-action-freshdesk:hover{background:#f6f8fa;color:#24292e}.btn-action-freshdesk .icon{font-size:16px}.btn-action{align-items:center;background:#f6f8fa;border:1px solid #d1d5da;border-radius:6px;color:#24292e;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-action:hover:not(:disabled){background:#e1e4e8;border-color:#c6cbd1}.btn-action:disabled{cursor:not-allowed;opacity:.6}.btn-primary-action{background:#0366d6;border-color:#0366d6;color:#fff}.btn-primary-action:hover:not(:disabled){background:#0256c2;border-color:#0256c2}.header-main{padding:16px 24px}.ticket-id-badge{background:#f6f8fa;border-radius:6px;color:#586069;display:inline-block;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;font-weight:600;margin-bottom:0;padding:4px 10px}.ticket-subject-modern{color:#24292e;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 8px}.ticket-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.tags-container{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{background:#e1e4e8;border-radius:12px;color:#586069;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.ticket-content-modern{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 340px;margin:0 auto;max-width:1400px;padding:224px 24px 24px;transition:grid-template-columns .3s ease}.ticket-content-modern.sidebar-hidden{grid-template-columns:1fr}.ticket-header-modern:has(.header-ai-summary)~.ticket-content-modern{padding-top:324px}.header-ai-summary{max-height:180px;overflow-y:auto;scrollbar-width:thin}.header-ai-summary::-webkit-scrollbar{width:6px}.header-ai-summary::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.header-ai-summary::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.header-ai-summary::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1200px){.ticket-content-modern{grid-template-columns:1fr}.ticket-sidebar-modern{order:-1}}.ticket-main-modern{background:#fff;border:1px solid #e1e4e8;border-radius:8px;overflow:hidden}.tabs-container{background:#f6f8fa;border-bottom:1px solid #e1e4e8;display:flex}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#586069;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;text-align:center;transition:all .2s}.tab:hover{background:#f0f0f0;color:#24292e}.tab.active{background:#fff;border-bottom-color:#0366d6;color:#0366d6}.tab-content{min-height:400px;padding:24px}.conversations-view{display:flex;flex-direction:column;gap:16px}.conversation-card-modern{background:#fff;border:1px solid #e1e4e8;border-radius:8px;display:flex;gap:16px;padding:20px;transition:all .2s}.conversation-card-modern:hover{border-color:#c6cbd1;box-shadow:0 1px 3px #0000001a}.conversation-card-modern.initial-message{background:#f6f8fa;border-left:4px solid #0366d6}.conversation-card-modern.private{background:#fafbfc;border-left:4px solid #6a737d}.conversation-card-modern.inbound{border-left:4px solid #28a745}.conversation-card-modern.outbound{border-left:4px solid #ffc107}.conversation-avatar{flex-shrink:0}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.conversation-content{flex:1 1;min-width:0}.conversation-header-modern{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.conversation-author-modern{display:flex;flex-direction:column;gap:4px}.conversation-author-modern strong{color:#24292e;font-size:15px;font-weight:600}.conversation-meta-text{color:#586069;font-size:12px}.conversation-type-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.conversation-type-badge.initial{background:#dbeafe;color:#1e40af}.conversation-type-badge.private{background:#e5e7eb;color:#374151}.conversation-type-badge.inbound{background:#d1fae5;color:#065f46}.conversation-type-badge.outbound{background:#fef3c7;color:#92400e}.conversation-body-modern{color:#24292e;line-height:1.6}.conversation-text-modern{color:#24292e;font-size:14px;line-height:1.7}.conversation-text-modern p{margin:0 0 12px}.conversation-text-modern p:last-child{margin-bottom:0}.conversation-text-modern.conversation-body-html img{border:1px solid #e1e4e8;border-radius:6px;display:block;height:auto;margin:8px 0;max-width:100%}.conversation-text-modern .info-text{background:#f6f8fa;border-left:3px solid #0366d6;border-radius:6px;color:#586069;font-style:italic;padding:12px}.attachments-modern{border-top:1px solid #e1e4e8;margin-top:16px;padding-top:16px}.attachments-label{color:#586069;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{align-items:center;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px;color:#24292e;display:flex;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s}.attachment-item:hover{background:#e1e4e8;border-color:#c6cbd1}.attachment-icon{font-size:16px}.attachment-name{flex:1 1;font-size:14px;font-weight:500}.attachment-size{color:#586069;font-size:12px}.timeline-view{padding:24px 0}.timeline-container{padding-left:32px;position:relative}.timeline-container:before{background:#e1e4e8;bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.timeline-item-modern{display:flex;gap:16px;margin-bottom:24px;position:relative}.timeline-dot{background:#0366d6;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e1e4e8;height:12px;left:-24px;position:absolute;top:4px;width:12px}.timeline-content{flex:1 1}.timeline-label{color:#24292e;font-size:15px;font-weight:600;margin-bottom:4px}.timeline-meta{color:#586069;font-size:13px}.details-view{padding:24px 0}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{color:#586069;font-size:12px}.detail-value{color:#24292e;font-size:15px;font-weight:500}.detail-subvalue{color:#586069;font-size:13px;margin-top:4px}.detail-subvalue a{color:#0366d6;text-decoration:none}.detail-subvalue a:hover{text-decoration:underline}.empty-state{color:#586069;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#24292e;font-size:18px;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.ticket-sidebar-modern{display:flex;flex-direction:column;gap:16px}.sidebar-card{background:#fff;border:1px solid #e1e4e8;border-radius:8px;overflow:hidden}.card-header-modern{background:#f6f8fa;border-bottom:1px solid #e1e4e8;padding:16px}.card-header-modern h3{color:#24292e;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-body-modern{padding:16px}.info-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.info-label{color:#586069;flex-shrink:0;font-size:13px;font-weight:500}.info-value{color:#24292e;flex:1 1;font-size:14px;text-align:right;word-break:break-word}.email-link{color:#0366d6}.company-link-modern{color:#0366d6;font-weight:500;text-decoration:none}.company-link-modern:hover{text-decoration:underline}.jira-link-modern{align-items:center;background:#e3fcef;border:1px solid #0052cc;border-radius:6px;color:#0052cc;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:8px;padding:10px 12px;text-decoration:none;transition:all .2s}.jira-link-modern:last-child{margin-bottom:0}.jira-link-modern:hover{background:#b7f5d3;border-color:#003d82;box-shadow:0 2px 4px #0052cc33;transform:translateY(-1px)}.jira-icon{font-size:16px}.priority-badge,.status-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.badge-yes{background:#28a745}.badge-no,.badge-yes{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.badge-no{background:#6c757d}.unassigned{color:#999;font-size:13px;font-style:italic}.error-container,.loading-container{background:#fff;border-radius:8px;margin:24px;padding:48px}.error-container p{color:#dc3545;margin-bottom:24px}.btn-primary{background:#0366d6}.btn-primary:hover{background:#0256c2}@media (max-width:768px){.header-main,.ticket-content-modern{padding:16px}.ticket-subject-modern{font-size:20px}.tabs-container{flex-direction:column}.tab{border-bottom:1px solid #e1e4e8;border-right:none}.tab.active{border-bottom-color:#0366d6}.conversation-card-modern{flex-direction:column}.conversation-header-modern{align-items:flex-start;flex-direction:column}}.freshdesk-groups-page{padding:20px}.freshdesk-groups-page .page-header{margin-bottom:24px}.freshdesk-groups-page .page-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.freshdesk-groups-page .page-subtitle{color:#6c757d;font-size:14px}.freshdesk-groups-page .error-message,.freshdesk-groups-page .loading-message{font-size:16px;padding:40px;text-align:center}.freshdesk-agents-page{padding:20px}.freshdesk-agents-page .page-header{margin-bottom:24px}.freshdesk-agents-page .page-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.freshdesk-agents-page .page-subtitle{color:#6c757d;font-size:14px}.freshdesk-agents-page .error-message,.freshdesk-agents-page .loading-message{font-size:16px;padding:40px;text-align:center}.freshdesk-companies-page{margin:0 auto;max-width:1400px;padding:20px}.freshdesk-companies-layout{margin-top:0}.freshdesk-companies-filter-sidebar .search-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.companies-section{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.domains-list{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.domain-tag{background-color:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;padding:2px 8px;white-space:nowrap}.domain-more{color:#666;font-size:12px;font-style:italic}.freshdesk-contacts-page{margin:0 auto;max-width:100%;padding:20px}.contacts-layout-row{align-items:flex-start;display:flex;gap:16px;margin-top:16px}.contacts-main{min-width:0}.btn-sync{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-sync:hover:not(:disabled){background-color:#138496}.btn-sync:disabled{cursor:not-allowed;opacity:.7}.page-header{margin-bottom:20px}.page-header h1{font-size:24px}.header-actions{gap:10px}.search-input{padding:8px 12px;width:300px}.search-input:focus{box-shadow:0 0 0 2px #1976d21a}.contacts-section{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.section-header{margin-bottom:15px}.section-header h2{font-size:18px}.contact-name-cell{align-items:center;display:flex;gap:8px}.contact-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.email-link{color:#1976d2;text-decoration:none}.email-link:hover{text-decoration:underline}.phone-link{color:#1976d2;text-decoration:none}.phone-link:hover{text-decoration:underline}.tags-list{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.tag{background-color:#e8f5e9;border-radius:12px;color:#2e7d32;font-size:12px;padding:2px 8px;white-space:nowrap}.other-emails,.tag-more{color:#666;font-size:12px;font-style:italic}.pagination-controls{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.pagination-buttons{gap:10px}.btn{border:1px solid #ddd}.btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#bbb}.btn-outline-secondary{border-color:#757575;color:#757575}.btn-outline-secondary:hover:not(:disabled){background-color:#757575;color:#fff}.page-info{padding:0 10px}.company-detail-page{margin:0 auto;max-width:1400px;padding:20px}.detail-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left{gap:16px}.btn-back{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.btn-back:hover{background:#5a6268}.detail-header h1{color:#212529;font-size:2em;font-weight:600;margin:0}.header-actions{gap:12px}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-outline{background:#fff;border:1px solid #007bff;color:#007bff}.btn-outline:hover:not(:disabled){background:#f8f9fa}.error-banner{border-radius:6px;padding:12px 16px}.spinner{border:4px solid #f3f3f3;border-top-color:#007bff;height:50px;width:50px}.detail-content{display:flex;flex-direction:column;gap:32px}.detail-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:24px}.detail-section h2{border-bottom:2px solid #e9ecef;color:#495057;font-size:1.4em;font-weight:600;margin:0 0 20px;padding-bottom:12px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-field{display:flex;flex-direction:column;gap:8px}.detail-field.full-width{grid-column:1/-1}.detail-label{color:#6c757d;font-size:.85em;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#212529;font-size:1em}.form-input,.form-select,.form-textarea{border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:1em;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-textarea{min-height:100px}.badge{border-radius:12px;font-size:.85em;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-primary{background:#007bff;color:#fff}.badge-info{background:#17a2b8;color:#fff}.badge-success{background:#28a745;color:#fff}.badge-secondary{background:#6c757d;color:#fff}.detail-value.editable{border-radius:4px;cursor:pointer;min-height:20px;padding:8px;position:relative;transition:background-color .2s}.detail-value.editable:hover{background-color:#f8f9fa;border:1px dashed #dee2e6}.detail-value.editable:after{content:"✏️";font-size:.8em;margin-left:8px;opacity:0;transition:opacity .2s}.detail-value.editable:hover:after{opacity:.5}.inline-edit-group{align-items:center;display:flex;gap:8px}.inline-edit-group .form-input,.inline-edit-group .form-select{flex:1 1}.inline-edit-actions{display:flex;gap:4px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:6px 12px;transition:all .2s}.btn-save{background:#28a745;color:#fff}.btn-save:hover:not(:disabled){background:#218838}.btn-cancel{background:#dc3545;color:#fff}.btn-cancel:hover:not(:disabled){background:#c82333}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.crm-customers-page{margin:0 auto;max-width:1400px;padding:20px}.page-controls{align-items:center;display:flex;gap:12px;margin-bottom:20px}.search-container{flex:1 1;max-width:400px}.results-info{margin-bottom:12px}.customer-name{color:#1a1a1a;font-weight:500}.customer-name-link{color:#2563eb;font-weight:500;text-decoration:none}.customer-name-link:hover{text-decoration:underline}.case-status{color:#374151;font-weight:500}.customer-fullname{color:#666;font-size:12px;margin-top:2px}.customer-type{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.customer-type-account{background-color:#e3f2fd;color:#1976d2}.customer-type-contact{background-color:#f3e5f5;color:#7b1fa2}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.pagination-button{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#bbb}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.crm-schema-page{margin:0 auto;max-width:1600px;padding:20px}.error-message{background-color:#fee}.loading-message{color:#666;flex-direction:column;font-size:16px;padding:40px;text-align:center}.loading-message,.schema-controls{align-items:center;display:flex;gap:16px}.schema-controls{justify-content:space-between;margin-bottom:20px}.search-input{border:1px solid #ddd;max-width:400px;padding:10px 14px}.search-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.schema-stats{color:#666;font-size:14px}.tables-list{gap:16px}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;padding:16px 20px;transition:background-color .2s}.table-header:hover{background:#f3f4f6}.table-header-left{align-items:center;display:flex;gap:12px}.table-toggle{color:#6b7280;font-size:12px;text-align:center;width:20px}.table-name{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.table-full-name{color:#6b7280;font-family:monospace;font-size:14px}.table-count{color:#9ca3af;font-size:12px;margin-left:auto}.table-content{padding:20px}.table-section{margin-bottom:24px}.table-section:last-child{margin-bottom:0}.section-title{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.keys-list{display:flex;flex-wrap:wrap;gap:8px}.key-badge{border-radius:6px;font-family:monospace;font-size:13px;font-weight:500;padding:4px 12px}.primary-key{background-color:#dbeafe;color:#1e40af}.relationships-list{display:flex;flex-direction:column;gap:8px}.relationship-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;font-size:14px;gap:8px;padding:8px 12px}.relationship-label{color:#374151;font-family:monospace;font-weight:500}.relationship-arrow{color:#9ca3af}.relationship-link{color:#2563eb;font-family:monospace;text-decoration:none}.relationship-link:hover{text-decoration:underline}.columns-table{overflow-x:auto}.columns-table table{border-collapse:collapse;width:100%}.columns-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px;text-align:left}.columns-table td{border-bottom:1px solid #e5e7eb;font-size:14px;padding:12px}.columns-table tr:hover{background:#f9fafb}.column-name{color:#1a1a1a;font-family:monospace;font-weight:500}.key-indicator{border-radius:4px;display:inline-block;font-family:sans-serif;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px}.key-indicator.primary{background-color:#dbeafe;color:#1e40af}.key-indicator.foreign{background-color:#fef3c7;color:#92400e}.data-type{color:#6b7280;font-family:monospace;font-size:13px}.nullable{text-align:center}.badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.badge-yes{background-color:#dcfce7;color:#166534}.badge-no{background-color:#fee2e2;color:#991b1b}.default-value{color:#6b7280;font-family:monospace;font-size:13px}.crm-account-detail-page{padding:20px}.crm-account-contacts{padding:16px 0}.contacts-list{display:flex;flex-direction:column;gap:16px}.contact-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:box-shadow .2s}.contact-item:hover{box-shadow:0 2px 8px #0000001a}.contact-item-header{margin-bottom:8px}.contact-name-link{color:#2563eb;font-size:16px;font-weight:600;text-decoration:none}.contact-name-link:hover{text-decoration:underline}.contact-item-detail{display:flex;font-size:14px;gap:8px;margin-top:8px}.contact-value{color:#374151}.time-ago{color:#9ca3af;font-size:12px;margin-left:4px}.crm-contact-detail-page{padding:20px}.crm-contact-info{padding:16px 0}.contact-info-item{display:flex;font-size:14px;gap:8px;margin-bottom:12px}.contact-label{color:#6b7280;font-weight:500;min-width:80px}.contact-email{color:#2563eb;text-decoration:none}.contact-email:hover{text-decoration:underline}.crm-case-detail-page{padding:20px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{border:3px solid #f3f4f6;border-top-color:#2563eb}.error-container p{color:#dc2626;font-size:16px}.crm-case-info{padding:16px 0}.case-info-item{display:flex;font-size:14px;gap:8px;margin-bottom:12px}.case-label{color:#6b7280;font-weight:500;min-width:120px}.case-value{color:#374151}.case-status-code{color:#9ca3af;font-size:12px;margin-left:4px}.case-status-badge{background-color:#eff6ff;border-radius:6px;color:#2563eb;display:inline-block;font-size:14px;font-weight:500;padding:4px 12px}.command2-sync-badge-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.command2-sync-badge-main{align-items:center;background:#f59e0b;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:6px 12px;transition:background-color .2s ease}.command2-sync-badge-main:hover{background:#d97706}.command2-sync-badge-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.command2-sync-badge-client{align-items:center;background:#dc2626;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px;transition:background-color .2s ease}.command2-sync-badge-client:hover{background:#b91c1c}.command2-sync-badge-inline{align-items:center;display:inline-flex;font-size:1rem;margin-left:8px;transition:transform .2s ease}.command2-sync-badge-inline:hover{transform:scale(1.1)}.command2-sync-badge-inactive{color:#6b7280;font-size:.875rem;font-style:italic}.sync-queue-records-page{background:#f9fafb;display:flex;flex-direction:column;gap:16px;height:100vh;padding:24px}.sync-queue-records-page .page-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px 24px}.sync-queue-records-page .page-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.sync-queue-records-page .subtitle{color:#6b7280;font-size:.95rem;margin:0}.sync-queue-records-page .refresh-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.sync-queue-records-page .refresh-button:hover:not(:disabled){background:#2563eb}.sync-queue-records-page .refresh-button:disabled{background:#9ca3af;cursor:not-allowed}.sync-queue-records-page .stats-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sync-queue-records-page .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:1.5rem;transition:all .2s}.sync-queue-records-page .stat-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #3b82f61a;transform:translateY(-2px)}.sync-queue-records-page .stat-card.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:scale(1.02)}.sync-queue-records-page .stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.sync-queue-records-page .stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.sync-queue-records-page .table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1 1;min-height:400px;overflow:auto;padding:24px}.sync-queue-records-page .stat-cards{display:flex;flex-wrap:wrap;gap:1rem}.sync-queue-records-page .stat-card{box-sizing:border-box;cursor:pointer;min-width:120px;padding:.75rem 1rem;width:100%}.sync-queue-records-page .stat-number{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.sync-queue-records-page .controls{align-items:center;display:flex;gap:1rem}.sync-queue-records-page .control-group{align-items:center;display:flex;gap:.5rem}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#3b82f6;margin:0 auto}.client-sync-queue-details-page{background:#f9fafb;display:flex;flex-direction:column;gap:16px;height:100vh;padding:24px}.client-sync-queue-details-page .page-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px 24px}.client-sync-queue-details-page .back-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9em;margin-bottom:12px;padding:8px 16px;transition:all .2s}.client-sync-queue-details-page .back-button:hover{background:#e5e7eb;border-color:#9ca3af}.client-sync-queue-details-page h1{color:#111827;font-size:1.75em;margin:0 0 8px}.client-sync-queue-details-page .page-subtitle{color:#6b7280;font-size:.9em;margin:0}.client-sync-queue-details-page .controls-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:16px 20px}.client-sync-queue-details-page .include-dead-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.9em;gap:8px}.client-sync-queue-details-page .include-dead-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.client-sync-queue-details-page .dead-count-hint{color:#9ca3af;font-size:.85em;font-style:italic}.client-sync-queue-details-page .truncation-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:.9em;padding:12px 16px}.client-sync-queue-details-page .error-state{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#dc2626;padding:40px;text-align:center}.client-sync-queue-details-page .retry-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;margin-top:16px;padding:10px 20px;transition:background .2s}.client-sync-queue-details-page .retry-button:hover{background:#2563eb}.client-sync-queue-details-page .error-text{color:#dc2626;font-size:.95em}.main-body:has(.sync-queue-file-count-page){padding:0!important}.sync-queue-file-count-page{margin:0;max-width:100%;padding:20px 0;position:relative;width:100%}.page-header h1{margin:0 0 20px}.stats-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.stat-label{color:#666;font-size:.9em;letter-spacing:.5px;margin-bottom:8px}.stat-value{color:#333;font-size:2em;font-weight:600}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0;overflow:hidden;padding:0}.loading-container{padding:40px}.skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0)}.task-manager-page{padding:20px}.task-manager-page .page-header{margin-bottom:24px}.task-manager-page .page-header h1{font-size:28px;font-weight:600;margin:0 0 8px}.task-manager-page .page-header .subtitle{color:#666;font-size:14px;margin:0}.task-manager-page .server-selection{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:16px}.task-manager-page .server-selection h3{font-size:16px;font-weight:600;margin:0 0 12px}.task-manager-multi-select{background:#fff;border:1px solid #ccc;border-radius:4px;font-family:Monaco,Consolas,Courier New,monospace;font-size:14px;padding:8px;width:100%}.task-manager-multi-select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.task-manager-multi-select option{padding:4px 8px}.task-manager-multi-select option:checked{background:#2196f3 linear-gradient(0deg,#2196f3,#2196f3);color:#fff}.task-manager-page .filters{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px}.task-manager-page .processes-table{margin-top:20px}.task-manager-page .processes-table h3{font-size:18px;font-weight:600;margin:0 0 12px}.task-manager-page table{background:#fff;border-collapse:collapse;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.task-manager-page table thead{background:#f5f5f5}.task-manager-page table th{border-bottom:2px solid #ddd;color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.task-manager-page table td{border-bottom:1px solid #e0e0e0;font-size:13px;padding:10px 12px}.task-manager-page table tbody tr:hover{background:#f5f5f5}.task-manager-page table tbody tr:last-child td{border-bottom:none}.task-manager-page button{cursor:pointer;transition:all .2s}.task-manager-page button:hover:not(:disabled){box-shadow:0 2px 4px #0003;opacity:.9;transform:translateY(-1px)}.task-manager-page button:disabled{cursor:not-allowed;opacity:.6}.task-manager-page .server-checkboxes{margin-bottom:15px}.task-manager-page .server-checkboxes>div{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:12px;padding:12px}.task-manager-page .server-checkboxes label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:6px 10px;transition:all .2s;-webkit-user-select:none;user-select:none}.task-manager-page .server-checkboxes label:hover{background-color:#f5f5f5}.task-manager-page .server-checkboxes input[type=checkbox]{accent-color:#2196f3;cursor:pointer;height:16px;margin:0;width:16px}.task-manager-page .server-checkboxes label:has(input:checked){background-color:#e3f2fd;border:1px solid #2196f3}.task-manager-page .server-checkboxes label:has(input:checked):hover{background-color:#bbdefb}.file-lock-checker-page{margin:0 auto;max-width:1200px;padding:24px}.file-lock-checker-page .page-header{margin-bottom:32px}.file-lock-checker-page .page-header h1{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.file-lock-checker-page .subtitle{color:#6b7280;font-size:16px;margin:0}.file-lock-checker-page .content-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.file-lock-checker-page .input-section{margin-bottom:24px}.file-lock-checker-page .input-section label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.file-lock-checker-page .input-group{display:flex;gap:8px}.file-lock-checker-page .file-path-input{border:2px solid #d1d5db;border-radius:8px;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:12px;transition:border-color .2s}.file-lock-checker-page .file-path-input:focus{border-color:#9c27b0;outline:none}.file-lock-checker-page .browse-button{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:background .2s;white-space:nowrap}.file-lock-checker-page .browse-button:hover{background:#4b5563}.file-lock-checker-page .check-button{background:#9c27b0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s;white-space:nowrap}.file-lock-checker-page .check-button:hover:not(:disabled){background:#7b1fa2}.file-lock-checker-page .check-button:disabled{background:#9ca3af;cursor:not-allowed}.file-lock-checker-page .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:24px;padding:16px}.file-lock-checker-page .results-section{margin-bottom:24px}.file-lock-checker-page .results-section h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 16px}.file-lock-checker-page .locks-list{display:flex;flex-direction:column;gap:16px}.file-lock-checker-page .lock-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.file-lock-checker-page .lock-info{display:flex;flex-direction:column;gap:12px}.file-lock-checker-page .info-row{grid-gap:12px;display:grid;font-size:14px;gap:12px;grid-template-columns:150px 1fr}.file-lock-checker-page .info-row .label{color:#6b7280;font-weight:600}.file-lock-checker-page .info-row .value{color:#1f2937;font-family:Courier New,monospace}.file-lock-checker-page .info-row .value.path{word-break:break-all}.file-lock-checker-page .info-row .value.method{color:#6b7280;font-size:12px}.file-lock-checker-page .info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:20px}.file-lock-checker-page .info-box h3{color:#1e40af;font-size:16px;font-weight:600;margin:0 0 12px}.file-lock-checker-page .info-box ul{color:#1e40af;margin:0;padding-left:20px}.file-lock-checker-page .info-box li{line-height:1.6;margin-bottom:8px}.file-lock-checker-page .info-box code{background:#dbeafe;border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.lock-checking-animation{flex-direction:column;gap:20px;padding:40px 20px}.lock-checking-animation,.lock-container{align-items:center;display:flex;justify-content:center}.lock-container{height:120px;position:relative;width:120px}.lock-body{animation:lockPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 16px #667eea66,inset 0 2px 4px #fff3,inset 0 -2px 4px #0003;height:80px;position:relative;width:80px}.lock-shackle{animation:shackleMove 1.5s ease-in-out infinite;border:8px solid #667eea;border-bottom:none;border-radius:50px 50px 0 0;box-shadow:0 4px 8px #0000004d;height:50px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);transform-origin:center bottom;width:50px}.lock-keyhole{border-radius:10px 10px 4px 4px;box-shadow:inset 0 2px 4px #00000080;height:30px;width:20px}.lock-keyhole,.lock-keyhole:before{background:#1a1a2e;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.lock-keyhole:before{border-radius:50%;content:"";height:8px;width:8px}.key{animation:keyInsert 2s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffed4e);border-radius:4px;height:8px;left:-30px;transform-origin:right center;width:30px}.key,.key:before{box-shadow:0 2px 4px #0000004d;position:absolute;top:50%}.key:before{background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;height:12px;right:-8px;width:12px}.key:after,.key:before{content:"";transform:translateY(-50%)}.key:after{background:#1a1a2e;border-radius:2px;right:-4px;top:50%;width:4px}.key:after,.sparkle{height:6px;position:absolute}.sparkle{animation:sparkle 1.5s ease-in-out infinite;background:gold;border-radius:50%;box-shadow:0 0 10px gold;width:6px}.sparkle:first-child{animation-delay:0s;left:20%;top:20%}.sparkle:nth-child(2){animation-delay:.3s;right:20%;top:20%}.sparkle:nth-child(3){animation-delay:.6s;bottom:20%;left:20%}.sparkle:nth-child(4){animation-delay:.9s;bottom:20%;right:20%}@keyframes lockPulse{0%,to{box-shadow:0 8px 16px #667eea66,inset 0 2px 4px #fff3,inset 0 -2px 4px #0003;transform:scale(1)}50%{box-shadow:0 12px 24px #667eea99,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;transform:scale(1.05)}}@keyframes shackleMove{0%,to{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-5deg)}75%{transform:translateX(-50%) rotate(5deg)}}@keyframes keyInsert{0%{left:-30px;opacity:.8;transform:rotate(0deg)}20%{left:40px;opacity:1;transform:rotate(15deg)}40%{left:40px;opacity:1;transform:rotate(-10deg)}60%{left:40px;opacity:1;transform:rotate(5deg)}80%{left:40px;opacity:1;transform:rotate(0deg)}to{left:-30px;opacity:.8;transform:rotate(0deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.lock-checking-text{animation:textPulse 2s ease-in-out infinite;color:#667eea;font-size:16px;font-weight:600;text-align:center}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.wmi-live-monitor-page{margin:0 auto;max-width:1400px;padding:20px}.subtitle{color:#666;font-size:14px;margin:0}.content-container{display:flex;flex-direction:column;gap:20px}.controls-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.control-group{gap:8px}.control-group label{color:#333;font-weight:500}.btn{transition:opacity .2s,transform .1s}.btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.error-message{animation:slideIn .3s ease-out}.events-container{scrollbar-color:#555 #1e1e1e;scrollbar-width:thin}.events-container::-webkit-scrollbar{width:8px}.events-container::-webkit-scrollbar-track{background:#1e1e1e}.events-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.events-container::-webkit-scrollbar-thumb:hover{background:#777}.database-explorer-page{max-width:100%;overflow-x:auto;padding:20px}.database-explorer-header{margin-bottom:20px}.database-explorer-header h1{font-size:28px;margin:0 0 10px}.database-explorer-header p{color:#666;margin:0}.database-explorer-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.database-explorer-tabs button{background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;font-size:16px;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.database-explorer-tabs button:hover{background:#f5f5f5}.database-explorer-tabs button.active{border-bottom-color:#2196f3;color:#2196f3;font-weight:700}.tables-view{display:flex;gap:20px;height:calc(100vh - 250px)}.tables-sidebar{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;overflow-y:auto;padding:15px;width:300px}.tables-sidebar h2{font-size:18px;margin:0 0 15px}.tables-list{display:flex;flex-direction:column;gap:5px}.table-item{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;padding:10px;transition:all .2s}.table-item:hover{background:#e3f2fd;border-color:#2196f3}.table-item.selected{background:#2196f3;border-color:#2196f3;color:#fff}.table-name{font-weight:700;margin-bottom:4px}.table-column-count{font-size:12px;opacity:.8}.table-details{background:#fff;border:1px solid #e0e0e0;border-radius:4px;flex:1 1;overflow-y:auto;padding:20px}.table-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.table-header h2{margin:0}.table-info{color:#666;display:flex;font-size:14px;gap:20px}.columns-section{margin-bottom:30px}.columns-section h3{margin:0 0 15px}.columns-table{border-collapse:collapse;width:100%}.columns-table td,.columns-table th{border-bottom:1px solid #e0e0e0;padding:10px;text-align:left}.columns-table th{background:#f5f5f5;font-weight:700}.data-section{margin-top:30px}.data-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.data-header h3{margin:0}.pagination-controls{flex-wrap:wrap;gap:15px}.pagination-controls label{align-items:center;display:flex;gap:8px}.pagination-controls select{border:1px solid #ccc;border-radius:4px;padding:5px 10px}.page-info{color:#666;font-size:14px}.page-buttons{display:flex;gap:10px}.page-buttons button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:6px 12px;transition:all .2s}.page-buttons button:hover:not(:disabled){background:#f5f5f5}.page-buttons button:disabled{cursor:not-allowed;opacity:.5}.data-table-container{max-height:600px;overflow-y:auto}.data-table{font-size:13px}.data-table th{background:#f5f5f5;border-bottom:2px solid #e0e0e0;font-weight:700;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table td{max-width:300px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.data-table tr:hover{background:#f5f5f5}.no-table-selected{align-items:center;color:#999;display:flex;font-size:18px;height:100%;justify-content:center}.query-view{display:flex;flex-direction:column;gap:20px}.query-editor{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:20px}.query-editor h2{margin:0 0 10px}.query-help{color:#666;font-size:14px;margin:0 0 15px}.query-textarea{border:1px solid #ccc;font-family:Courier New,monospace;margin-bottom:15px}.query-actions{display:flex;gap:10px}.query-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.query-actions button:first-child{background:#2196f3;color:#fff}.query-actions button:first-child:hover:not(:disabled){background:#1976d2}.query-actions button:first-child:disabled{background:#ccc;cursor:not-allowed}.query-actions button:last-child{background:#f5f5f5;color:#666}.query-actions button:last-child:hover{background:#e0e0e0}.query-results{border-radius:4px}.query-results h3{margin:0 0 15px}.query-mode-toggle{margin-bottom:15px}.ai-toggle{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.ai-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.generated-sql{background:#f5f5f5;border-left:4px solid #2196f3;border-radius:4px;margin-top:15px;padding:12px}.generated-sql strong{color:#2196f3;display:block;margin-bottom:8px}.generated-sql pre{background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-family:Courier New,monospace;font-size:13px;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-all}.search-view{display:flex;flex-direction:column;gap:20px}.search-editor{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:20px}.search-editor h2{margin:0 0 10px}.search-help{color:#666;font-size:14px;margin:0 0 15px}.search-input-group{align-items:center;display:flex;gap:10px}.search-input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:12px}.search-input-group button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.search-input-group button:first-of-type{background:#4caf50;color:#fff}.search-input-group button:first-of-type:hover:not(:disabled){background:#45a049}.search-input-group button:first-of-type:disabled{background:#ccc;cursor:not-allowed}.search-input-group button:last-of-type{background:#f5f5f5;color:#666}.search-input-group button:last-of-type:hover{background:#e0e0e0}.search-results{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:20px}.search-results h3{margin:0 0 15px}.search-results-list{display:flex;flex-direction:column;gap:15px}.search-result-item{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.result-table-header{background:#2196f3;color:#fff;font-size:16px;padding:10px 15px}.result-row-data{background:#fafafa;padding:15px}.result-table{border-collapse:collapse;width:100%}.result-table tr{border-bottom:1px solid #e0e0e0}.result-table tr:last-child{border-bottom:none}.result-key{background:#f5f5f5;padding:8px;vertical-align:top;width:200px}.result-value{max-width:500px;padding:8px;word-break:break-word}.no-results{font-size:16px}.tempdb-checker-page{margin:0 auto;max-width:1400px;padding:20px}.server-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px 30px}.server-banner-drives,.server-banner-main{align-items:center;display:flex;font-size:18px;gap:10px}.server-banner-label{font-weight:500;opacity:.9}.server-banner-value{color:gold;font-size:20px;font-weight:700}.server-banner-separator{margin:0 10px;opacity:.5}.server-banner-drive-list{align-items:center;display:flex;gap:8px}.drive-badge-large{background:gold;border-radius:6px;box-shadow:0 2px 4px #0003;color:#333;font-size:18px;font-weight:700;min-width:50px;padding:6px 12px;text-align:center}.page-header h1{font-size:2em}.controls-bar{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.btn{border-radius:5px;padding:10px 20px}.btn-primary{background:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.auto-refresh-toggle{align-items:center;cursor:pointer;display:flex;gap:8px}.auto-refresh-toggle input[type=checkbox]{cursor:pointer}.refresh-interval-input{border:1px solid #ddd;border-radius:4px;padding:5px 10px;width:80px}.error-banner{border-radius:5px;padding:15px}.loading-spinner{color:#666;font-size:18px;padding:40px;text-align:center}.server-info-card{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:30px;padding:20px}.server-info-card h2{color:#fff;margin-bottom:20px;margin-top:0}.server-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.server-info-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:6px;padding:15px}.server-info-label{font-size:12px;letter-spacing:.5px;margin-bottom:8px;opacity:.9;text-transform:uppercase}.server-info-value{font-size:18px;font-weight:600}.server-info-value.highlight{color:gold;font-size:20px;font-weight:700}.drives-info{background:#fff3;border-radius:6px;font-size:16px;margin-top:15px;padding:15px}.summary-card{box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.summary-card h2{margin-bottom:20px;margin-top:0}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.summary-item{text-align:center}.summary-label{color:#333;font-weight:600}.summary-value{color:#000;font-size:24px}.progress-bar-container{background:#e9ecef;border-radius:15px;height:30px;margin-top:15px}.drive-space-section,.files-section,.usage-section{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.drive-space-section{background:#fff3cd;border-color:#ffc107}.section-note{background:#fff;border-left:4px solid #ffc107;border-radius:4px;color:#333;margin-bottom:20px;padding:15px}.files-section h2,.usage-section h2{margin-bottom:20px;margin-top:0}.data-table thead{background:#f8f9fa}.data-table th{border-bottom:2px solid #dee2e6}.data-table td{border-bottom:1px solid #dee2e6;padding:12px}.path-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-badge{display:inline-block;min-width:40px;text-align:center}.data-table tbody tr:hover{background:#f8f9fa}.no-data{color:#666}.sql-utilities-page{display:flex;flex-direction:column;height:calc(100vh - 60px);padding:20px}.sql-utilities-layout{display:flex;flex:1 1;gap:20px;min-height:0}.sql-utilities-sidebar{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .3s ease;width:320px}.sql-utilities-sidebar.collapsed{width:50px}.sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px 20px}.sidebar-title{color:#333;font-size:16px;font-weight:600;margin:0}.sidebar-toggle{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;padding:4px 8px;transition:background .2s}.sidebar-toggle:hover{background:#e9ecef}.sql-utilities-sidebar.collapsed .sidebar-title{display:none}.sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.sql-utilities-sidebar.collapsed .sidebar-content{display:none}.sql-utilities-main{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:0;overflow:hidden}.sql-utilities-header{flex-shrink:0;margin-bottom:20px}.sql-utilities-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.sql-utilities-header p{color:#666;font-size:14px;margin:0}.filter-group{margin-bottom:20px}.filter-group label{display:flex;flex-direction:column;gap:8px}.filter-group input,.filter-group select{border:1px solid #ced4da;font-family:inherit;padding:8px 12px;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.query-info-sidebar{background:#e7f3ff;border-left:3px solid #06c;border-radius:4px;font-size:13px;margin-bottom:20px;padding:12px}.query-description-sidebar{color:#333;margin-bottom:8px}.performance-impact-sidebar{border-top:1px solid #b3d9ff;color:#856404;font-size:12px;margin-top:8px;padding-top:8px}.execute-button-sidebar{background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:20px;padding:12px 24px;transition:background .2s;width:100%}.execute-button-sidebar:hover:not(:disabled){background:#0052a3}.execute-button-sidebar:disabled{background:#ccc;cursor:not-allowed}.error-message-sidebar{background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:13px;margin-bottom:20px;padding:12px}.result-info-sidebar{background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:12px;margin-top:20px;padding:12px}.result-info-sidebar div{margin-bottom:6px}.result-info-sidebar div:last-child{margin-bottom:0}.results-filters-section{background:#fff;border:1px solid #dee2e6;border-radius:4px;margin-top:20px;padding:15px}.results-filters-header{border-bottom:1px solid #e9ecef;color:#333;font-size:14px;margin-bottom:15px;padding-bottom:10px}.status-faq-toggle{align-items:center;background:none;border:none;color:#06c;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 0;text-align:left;transition:color .2s;width:100%}.status-faq-toggle:hover{color:#0052a3}.status-faq-toggle span{font-size:13px}.status-faq-content{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-size:12px;line-height:1.6;margin-top:10px;padding:12px}.status-faq-item{margin-bottom:15px}.status-faq-item:last-child{margin-bottom:0}.status-faq-item strong{color:#333;display:block;font-size:13px;margin-bottom:6px}.status-faq-item p{color:#555;margin:0 0 8px}.status-faq-item ul{color:#555;margin:6px 0 0;padding-left:20px}.status-faq-item li{margin:4px 0}.status-faq-item code{background:#e9ecef;border-radius:3px;color:#d63384;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.quick-access-section-sidebar{margin-bottom:20px}.quick-access-card-sidebar{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:10px;padding:15px}.quick-access-icon-sidebar{font-size:32px;text-align:center}.quick-access-content-sidebar{text-align:center}.quick-access-content-sidebar h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 5px}.quick-access-content-sidebar p{font-size:12px;margin:0;opacity:.95}.quick-access-button-sidebar{background:#fff;border:none;border-radius:4px;color:#ee5a6f;cursor:pointer;font-size:14px;font-weight:600;padding:8px;transition:all .2s;width:100%}.quick-access-button-sidebar:hover:not(:disabled){background:#f8f9fa;transform:scale(1.02)}.quick-access-button-sidebar:disabled{background:#ffffffb3;cursor:not-allowed;opacity:.8}.query-text-section{background:#fff;border:1px solid #dee2e6;border-radius:4px;margin-bottom:20px;padding:12px}.query-text-header{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.copy-query-button{background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s}.copy-query-button:hover{background:#0052a3}.query-text-display{word-wrap:break-word;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:12px;line-height:1.5;margin:0;max-height:300px;overflow-y:auto;padding:12px;white-space:pre-wrap}.query-text-loading{color:#666}.query-text-empty,.query-text-loading{font-size:13px;padding:12px;text-align:center}.query-text-empty{color:#999;font-style:italic}.sql-preview-section{background:#fff;border:2px solid #06c;border-radius:8px;box-shadow:0 2px 8px #0066cc1a;flex-shrink:0;margin-bottom:10px;padding:10px 15px}.sql-preview-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:0}.sql-preview-toggle{align-items:center;background:none;border:none;color:#06c;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:5px 0;transition:color .2s}.sql-preview-toggle:hover{color:#0052a3}.sql-preview-toggle span{font-size:18px}.copy-query-button-large{background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .2s}.copy-query-button-large:hover{background:#0052a3}.sql-preview-display{word-wrap:break-word;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#333;font-family:Courier New,monospace;font-size:11px;line-height:1.4;margin:8px 0 10px;max-height:200px;overflow-y:auto;padding:10px;white-space:pre-wrap}.scenario-info-preview{background:#e7f3ff;border-left:4px solid #06c;border-radius:4px;display:flex;gap:15px;margin-top:15px;padding:15px}.scenario-info-icon{flex-shrink:0;font-size:32px}.scenario-info-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 5px}.scenario-info-content p{color:#666;font-size:14px;margin:0}.controls-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.controls-row:last-of-type{margin-bottom:0}.query-info-row{background:#e7f3ff;border-left:3px solid #06c;border-radius:4px;margin-bottom:15px}.query-info-row,.result-info-bar{display:flex;font-size:13px;gap:20px;padding:10px}.result-info-bar{background:#fff;border:1px solid #dee2e6;border-radius:4px;flex-wrap:wrap;margin-top:15px}.result-info-bar span{white-space:nowrap}.sql-utilities-results{display:flex;flex:1 1;flex-direction:column;min-height:0}.empty-state{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex:1 1;justify-content:center}.empty-state-content{color:#666;text-align:center}.empty-state-content h2{color:#333;font-size:24px;margin:0 0 10px}.empty-state-content p{font-size:14px;margin:5px 0}.empty-note{color:#999;font-style:italic}.query-info{display:flex;flex-direction:column;font-size:13px;gap:8px}.query-info div{padding:5px 0}.warning-text{color:#856404;font-weight:500}.problem-wizard{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:20px;padding:30px}.wizard-header{margin-bottom:30px;text-align:center}.wizard-header h2{color:#fff;font-size:28px;margin:0 0 10px}.wizard-header p{font-size:16px;margin:0 0 15px;opacity:.9}.skip-wizard-button{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.skip-wizard-button:hover{background:#ffffff4d}.scenarios-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.scenario-card{background:#fff;border:2px solid #0000;border-radius:8px;color:#333;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.scenario-card:hover{border-color:#667eea;box-shadow:0 8px 16px #0003;transform:translateY(-4px)}.scenario-icon{font-size:48px;margin-bottom:10px;text-align:center}.scenario-card h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.scenario-card p{color:#666;font-size:14px;margin:0 0 15px}.scenario-tips{border-top:1px solid #e9ecef;font-size:12px;margin-top:15px;padding-top:15px}.scenario-tips strong{color:#333;display:block;margin-bottom:8px}.scenario-tips ul{color:#666;margin:0;padding-left:20px}.scenario-tips li{margin:4px 0}.scenario-banner{background:#e7f3ff;border:2px solid #06c;border-radius:8px;margin-bottom:20px;padding:20px}.scenario-banner-content{align-items:flex-start;display:flex;gap:20px}.scenario-banner-icon{flex-shrink:0;font-size:48px}.scenario-banner-info{flex:1 1}.scenario-banner-info h3{color:#333;font-size:20px;margin:0 0 5px}.scenario-banner-info p{color:#666;font-size:14px;margin:0}.scenario-banner-tips{flex:2 1;font-size:13px}.scenario-banner-tips strong{color:#333;display:block;margin-bottom:8px}.scenario-banner-tips ul{color:#555;margin:0;padding-left:20px}.scenario-banner-tips li{margin:4px 0}.change-scenario-button{align-self:flex-start;background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.change-scenario-button:hover{background:#0052a3}.ai-summary-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;flex-shrink:0;padding:20px}.ai-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.ai-summary-header h3{color:#333;font-size:20px;margin:0}.ai-summary-actions{align-items:center;display:flex;gap:10px}.generate-summary-button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.generate-summary-button:hover:not(:disabled){background:#5568d3}.generate-summary-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.copy-summary-button{background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.copy-summary-button:hover{background:#0052a3}.ai-summary-loading{align-items:center;color:#666;display:flex;gap:10px;padding:20px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#06c;height:20px;width:20px}.ai-summary-content{background:#fff;border-left:4px solid #06c;border-radius:6px;padding:20px}.ai-summary-text{color:#333;font-size:14px;line-height:1.6;white-space:pre-wrap}.ai-summary-error{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:flex;gap:15px;justify-content:space-between;padding:15px}.ai-summary-error strong{display:block;margin-bottom:5px}.retry-summary-button{background:#ffc107;border:none;border-radius:4px;color:#856404;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 12px;transition:background .2s}.retry-summary-button:hover:not(:disabled){background:#ffca2c}.retry-summary-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.ai-summary-empty{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:4px;color:#666;font-size:14px;padding:20px;text-align:center}.ai-summary-empty p{margin:0}.exec-summary-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.exec-summary-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:100%}.exec-summary-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.exec-summary-modal-header h2{font-size:24px;font-weight:700;margin:0}.exec-summary-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;transition:background .2s;width:40px}.exec-summary-modal-close:hover{background:#ffffff4d}.exec-summary-modal-content{flex:1 1;overflow-y:auto;padding:30px}.exec-summary-text{word-wrap:break-word;color:#333;font-size:18px;line-height:1.8;white-space:pre-wrap}.exec-summary-modal-footer{border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:20px 24px}.exec-summary-modal-ok{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:background .2s}.exec-summary-modal-ok:hover{background:#5568d3}.control-group{gap:5px}.control-group label{display:flex;flex-direction:column;font-size:14px;gap:5px}.control-group input,.control-group select{border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px}.control-group input:focus,.control-group select:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.health-check-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-bottom:10px;padding:14px;transition:all .2s;width:100%}.health-check-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.health-check-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.query-description{background:#e7f3ff;border-left:3px solid #06c;border-radius:4px;color:#333;font-size:13px;margin-top:8px;padding:10px}.performance-impact{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#856404;font-size:12px;margin-top:8px;padding:8px}.warning-message{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-weight:500;margin-top:10px;padding:10px}.execute-button{background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px 24px;transition:background .2s}.execute-button:hover:not(:disabled){background:#0052a3}.execute-button:disabled{background:#ccc;cursor:not-allowed}.query-results{border:1px solid #dee2e6}.results-header{border-bottom:2px solid #dee2e6;margin-bottom:20px;padding-bottom:15px}.results-header h2{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.results-info{color:#666;display:flex;font-size:14px;gap:20px}.results-info span{font-weight:500}.no-results{color:#999;font-style:italic}.results-table-container{max-height:600px;overflow-x:auto;overflow-y:auto}.results-table{border-collapse:collapse;font-size:13px;width:100%}.results-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.results-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.results-table td{border-bottom:1px solid #e9ecef;color:#555;padding:8px 12px}.results-table tbody tr:hover{background:#f8f9fa}.results-table tbody tr:last-child td{border-bottom:none}.skeleton-loader-container{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.skeleton-loader-header{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:15px}.skeleton-line{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:10px}.skeleton-title{height:24px;margin-bottom:8px;width:200px}.skeleton-subtitle{height:16px;width:300px}.skeleton-loader-table{width:100%}.skeleton-table-header{border-bottom:2px solid #dee2e6;display:flex;gap:10px;margin-bottom:10px;padding-bottom:10px}.skeleton-header-cell{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;flex:1 1;height:20px}.skeleton-table-row{display:flex;gap:10px;margin-bottom:8px;padding:8px 0}.skeleton-cell{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;flex:1 1;height:16px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.sql-utilities-controls,.sql-utilities-page{padding:15px}.results-table-container{max-height:400px}.sql-utilities-layout{flex-direction:column}.sql-utilities-sidebar{width:100%}.sql-utilities-sidebar.collapsed{height:50px;width:100%}}.runas-user-management-page{margin:0 auto;max-width:1400px;padding:20px}.filters-section{align-items:flex-end;background:#f5f5f5;border-radius:4px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.filter-group{gap:5px}.filter-group label{color:#666;font-size:12px;font-weight:600}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.filter-group input{min-width:200px}.add-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:10px 20px}.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.assignments-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow-x:auto}.assignments-table{border-collapse:collapse;width:100%}.assignments-table thead{background:#f5f5f5}.assignments-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px;text-align:left}.assignments-table td{border-bottom:1px solid #eee;padding:12px}.assignments-table tbody tr:hover{background:#f9f9f9}.no-user{color:#999;font-style:italic}.runas-credentials-page{margin:0 auto;max-width:1200px;padding:20px}.page-header p{margin:5px 0}.info-text{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-top:10px;padding:10px}.error-message{color:#c33;margin-bottom:20px}.actions-bar{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}.actions-bar button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.actions-bar button:first-child{background:#e0e0e0;color:#333}.actions-bar button:first-child:hover{background:#d0d0d0}.add-button{background:#4caf50;color:#fff}.add-button:hover{background:#45a049}.credentials-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow-x:auto}.credentials-table{border-collapse:collapse;width:100%}.credentials-table thead{background:#f5f5f5}.credentials-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px;text-align:left}.credentials-table td{border-bottom:1px solid #eee;padding:12px}.credentials-table tbody tr:hover{background:#f9f9f9}.password-status{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.password-status.has-password{background:#d4edda;color:#155724}.password-status.no-password{background:#fff3cd;color:#856404}.no-value{color:#999;font-style:italic}.edit-button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.edit-button:hover{background:#1976d2}.action-buttons{gap:8px}.test-button{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.test-button:hover:not(:disabled){background:#f57c00}.test-button:disabled{cursor:not-allowed;opacity:.5}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin-bottom:20px;padding:12px}.test-server-selector{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.test-server-selector label{color:#333;font-weight:600}.test-server-selector select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.test-server-selector small{color:#666;font-size:12px;margin-left:auto}.test-result{border-radius:4px;margin-bottom:15px;padding:12px}.test-result.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.test-result.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.modal-content{max-width:500px;overflow-y:auto;padding:30px}.modal-content h2{color:#333;margin:0 0 20px}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#333}.form-group .required{color:#c33}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.form-group input:disabled{background:#f5f5f5;color:#999}.form-group small{color:#666;font-size:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.modal-actions button:first-child{background:#e0e0e0;color:#333}.modal-actions button:first-child:hover{background:#d0d0d0}.modal-actions button:last-child{background:#2196f3;color:#fff}.modal-actions button:last-child:hover{background:#1976d2}.modal-actions button:disabled{cursor:not-allowed;opacity:.6}.teams-meetings-page{margin:0 auto;max-width:1400px;padding:24px}.page-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding-bottom:16px}.page-header h1{margin:0}.header-controls{align-items:center;display:flex;gap:8px}.meetings-list{grid-gap:16px;display:grid;gap:16px}.meeting-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .2s ease}.meeting-card:hover{box-shadow:0 4px 8px #00000026}.meeting-header{margin-bottom:16px}.meeting-header h3{color:#333;font-size:20px;margin:0 0 8px}.meeting-meta{color:#666;display:flex;font-size:14px;gap:16px}.meeting-details{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.meeting-info{flex:1 1}.meeting-info p{color:#555;font-size:14px;margin:8px 0}.meeting-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.recording-btn{background:#d32f2f;color:#fff}.recording-btn:hover{background:#b71c1c}.transcript-btn{background:#1976d2;color:#fff}.transcript-btn:hover{background:#1565c0}.chat-btn{background:#388e3c;color:#fff}.chat-btn:hover{background:#2e7d32}.link-btn{background:#616161;color:#fff}.link-btn:hover{background:#424242}.modal-overlay{padding:20px}.modal-content{display:flex;flex-direction:column;max-height:90vh;width:100%}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h2{color:#333;font-size:20px;margin:0}.modal-close{color:#666}.modal-close:hover{background:#f5f5f5}.modal-body{flex:1 1;overflow-y:auto}.transcript-content{background:#f5f5f5;border-radius:4px;max-height:500px;overflow-y:auto;padding:16px}.chat-content{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.chat-message{background:#f5f5f5;border-left:3px solid #1976d2;border-radius:4px;padding:12px}.chat-message-header{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.chat-message-body{color:#333;font-size:14px;line-height:1.5}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1976d2;height:40px;margin:0 auto;width:40px}.edit-btn{background:#7b1fa2;color:#fff}.edit-btn:hover{background:#6a1b9a}.large-modal{max-width:800px}.edit-video-form{padding:8px}@media (max-width:768px){.meeting-details{flex-direction:column}.meeting-actions{width:100%}.action-btn{flex:1 1;min-width:120px}}.twilio-numbers-page{max-width:100%;overflow-x:auto;padding:24px}.page-description{line-height:1.5}.page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.error,.loading{font-size:16px;padding:24px;text-align:center}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545}.jira-page{margin:0 auto;max-width:800px;padding:24px}.jira-header{margin-bottom:32px;text-align:center}.jira-header h1{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.jira-subtitle{color:#6b7280;font-size:16px;margin:0}.jira-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:24px;padding:16px}.jira-error-banner strong{display:block;margin-bottom:8px}.jira-error-banner small{display:block;line-height:1.6;margin-top:8px}.jira-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.jira-form-container{width:100%}.jira-form{gap:20px}.form-group,.jira-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group select{background:#fff;cursor:pointer}.form-group select:disabled{background:#f3f4f6;cursor:not-allowed}.loading-spinner{color:#6b7280;font-size:14px;font-style:italic;padding:12px}.refresh-btn{align-self:flex-start;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:13px;margin-top:4px;transition:all .2s}.refresh-btn:hover{background:#e5e7eb;border-color:#9ca3af}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b}.form-error,.form-success{font-size:14px;padding:12px}.form-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#166534}.issue-link{color:#3b82f6;display:inline-block;font-weight:600;margin-top:8px;transition:color .2s}.issue-link:hover{color:#2563eb}.create-btn{background:linear-gradient(135deg,#0052cc,#0065ff);border:none;border-radius:8px;box-shadow:0 2px 4px #0052cc4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s}.create-btn:hover:not(:disabled){box-shadow:0 4px 8px #0052cc66;transform:translateY(-2px)}.create-btn:active:not(:disabled){transform:translateY(0)}.create-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.freshdesk-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.freshdesk-modal-content{borderRadius:16px;animation:slideUp .3s ease;background:#fff;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90vw}.freshdesk-modal-header{align-items:flex-start;border-bottom:1px solid #e1e4e8;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px}.freshdesk-modal-header h2{color:#24292e;font-size:20px;font-weight:600;margin:0}.freshdesk-modal-tabs{border-bottom:1px solid #e1e4e8;display:flex;gap:8px;padding:0 24px}.freshdesk-modal-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#586069;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.freshdesk-modal-tabs button:hover{color:#24292e}.freshdesk-modal-tabs button.active{border-bottom-color:#0366d6;color:#0366d6}.freshdesk-modal-body{flex:1 1;overflow-y:auto;padding:24px}.freshdesk-modal-error,.freshdesk-modal-loading{padding:48px;text-align:center}.freshdesk-modal-loading .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#0366d6;height:40px;margin:0 auto 16px;width:40px}.jira-backlog-page{margin:0 auto;max-width:1400px;padding:24px}.backlog-header{margin-bottom:24px}.backlog-header h1{color:#212529;font-size:32px;font-weight:700;margin:0 0 8px}.backlog-header p{color:#6c757d;font-size:16px;margin:0}.backlog-error-banner{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.backlog-error-banner button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.backlog-filters{align-items:flex-end;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#374151;font-size:14px;font-weight:500}.backlog-empty,.backlog-loading{color:#6c757d;font-size:16px;padding:48px;text-align:center}.backlog-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.backlog-table{border-collapse:collapse;width:100%}.backlog-table thead{background:#f8f9fa}.backlog-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.backlog-table td{border-bottom:1px solid #e5e7eb;font-size:14px;padding:12px 16px}.backlog-table tbody tr:hover{background:#f9fafb}.issue-key{color:#667eea;font-weight:600;text-decoration:none}.issue-key:hover{text-decoration:underline}.issue-summary{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{color:#fff;display:inline-block;padding:4px 10px}.status-badge,.status-to-do{background:#6c757d}.status-in-progress{background:#007bff}.status-done{background:#28a745}.status-backlog{background:#6c757d}.priority-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.priority-lowest{background:#6c757d}.priority-low{background:#28a745}.priority-medium{background:#ffc107;color:#212529}.priority-high{background:#fd7e14}.priority-highest{background:#dc3545}.issue-link{color:#667eea;font-weight:500;text-decoration:none}.issue-link:hover{text-decoration:underline}.jira-issue-detail-loading{color:#666;padding:40px;text-align:center}.jira-issue-detail-header{margin-bottom:32px}.jira-issue-detail-breadcrumb{margin-bottom:16px}.jira-issue-detail-breadcrumb a{color:#0065ff;font-size:14px;text-decoration:none}.jira-issue-detail-breadcrumb a:hover{text-decoration:underline}.jira-issue-detail-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.jira-issue-detail-title-group{flex:1 1;min-width:0}.jira-issue-detail-key{color:#172b4d;font-size:28px;font-weight:600;margin:0 0 8px}.jira-issue-detail-summary{color:#42526e;font-size:20px;font-weight:400;line-height:1.4;margin:0}.jira-issue-detail-external-link{background-color:#0065ff;border-radius:4px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .2s;white-space:nowrap}.jira-issue-detail-external-link:hover{background-color:#0052cc}.jira-issue-detail-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin:20px 0;padding:16px}.jira-issue-detail-error-actions{display:flex;gap:8px;margin-top:12px}.jira-issue-detail-error-actions button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:6px 12px}.jira-issue-detail-error-actions a{background-color:#0065ff;border-radius:4px;color:#fff;padding:6px 12px;text-decoration:none}.jira-issue-detail-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 320px}@media (max-width:1024px){.jira-issue-detail-content{grid-template-columns:1fr}}.jira-issue-detail-main{display:flex;flex-direction:column;gap:16px}.jira-issue-detail-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.jira-issue-detail-sidebar-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.jira-issue-detail-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.jira-issue-detail-section-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.jira-issue-detail-section-header:hover{background-color:#f0f0f0}.jira-issue-detail-section-header h3{color:#172b4d;font-size:16px;font-weight:600;margin:0}.jira-issue-detail-collapse-icon{color:#666;font-size:12px;transition:transform .2s}.jira-issue-detail-section-content{padding:16px}.jira-issue-description{color:#374151;font-size:15px;line-height:1.8;white-space:pre-wrap}.jira-issue-labels{display:flex;flex-wrap:wrap;gap:8px}.jira-issue-label{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:20px;color:#1565c0;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.jira-issue-label:hover{box-shadow:0 2px 8px #1565c033;transform:translateY(-1px)}.jira-issue-components,.jira-issue-fix-versions{color:#374151;font-size:15px;line-height:1.8}.jira-issue-detail-details{display:flex;flex-direction:column;gap:16px;margin-top:8px}.jira-issue-detail-detail-item{display:flex;flex-direction:column;gap:4px}.jira-issue-detail-detail-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.jira-issue-detail-detail-value{color:#172b4d;font-size:14px;line-height:1.5}.jira-issue-detail-time-ago{color:#999;font-size:11px;margin-top:2px}.jira-issue-detail-link{color:#0065ff;text-decoration:none}.jira-issue-detail-link:hover{text-decoration:underline}.jira-issue-detail-parent-summary{color:#666;font-size:12px;font-style:italic;margin-top:4px}.confluence-content{color:#333;line-height:1.8}.confluence-content h1,.confluence-content h2,.confluence-content h3,.confluence-content h4,.confluence-content h5,.confluence-content h6{color:#1a1a1a;font-weight:600;margin-bottom:12px;margin-top:24px}.confluence-content h1{border-bottom:2px solid #e0e0e0;font-size:28px;padding-bottom:8px}.confluence-content h2{border-bottom:1px solid #e0e0e0;font-size:24px;padding-bottom:6px}.confluence-content h3{font-size:20px}.confluence-content p{margin-bottom:16px}.confluence-content ol,.confluence-content ul{margin-bottom:16px;padding-left:24px}.confluence-content li{margin-bottom:8px}.confluence-content table{border:1px solid #e0e0e0;border-collapse:collapse;margin:16px 0;width:100%}.confluence-content table th{background-color:#f5f5f5;font-weight:600;text-align:left}.confluence-content table td,.confluence-content table th{border:1px solid #e0e0e0;padding:12px}.confluence-content table tr:nth-child(2n){background-color:#fafafa}.confluence-content code{background-color:#f5f5f5;border-radius:3px;color:#c7254e;font-family:Courier New,monospace;font-size:14px;padding:2px 6px}.confluence-content pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;margin:16px 0;overflow-x:auto;padding:16px}.confluence-content pre code{background-color:initial;color:#333;padding:0}.confluence-content blockquote{border-left:4px solid #2196f3;color:#666;font-style:italic;margin:16px 0;padding-left:16px}.confluence-content a{color:#1976d2;text-decoration:none}.confluence-content a:hover{text-decoration:underline}.confluence-content img{border-radius:4px;height:auto;margin:16px 0;max-width:100%}.confluence-content strong{color:#1a1a1a;font-weight:600}.confluence-content em{font-style:italic}.confluence-content hr{border:none;border-top:1px solid #e0e0e0;margin:24px 0}.global-search-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding-top:10vh;position:fixed;right:0;top:0;z-index:10000}.global-search-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}.global-search-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:20px}.global-search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.global-search-icon{color:#666;font-size:18px;left:12px;position:absolute}.global-search-input{border:2px solid #e0e0e0;border-radius:6px;font-size:16px;outline:none;padding:12px 40px;transition:border-color .2s;width:100%}.global-search-input:focus{border-color:#1976d2}.global-search-clear{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;width:24px}.global-search-clear:hover{color:#333}.global-search-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.global-search-close:hover{color:#333}.global-search-results{flex:1 1;overflow-y:auto;padding:10px}.global-search-empty,.global-search-loading{color:#999;font-size:14px;padding:40px 20px;text-align:center}.global-search-results-list{display:flex;flex-direction:column;gap:8px}.global-search-result-item{align-items:center;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s,box-shadow .2s}.global-search-result-item:hover{background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a}.global-search-result-main{flex:1 1;min-width:0}.global-search-result-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.global-search-result-details{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.global-search-result-detail{align-items:center;display:flex;gap:4px}.global-search-result-actions{display:flex;gap:8px;margin-left:12px}.global-search-action-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.global-search-action-btn:hover{background:#1565c0}.global-search-action-btn:active{background:#0d47a1}.keyboard-shortcuts-toggle{align-items:center;background:#667eeae6;border:1px solid #fff3;border-radius:6px;bottom:16px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;opacity:.7;position:fixed;right:16px;transition:all .2s ease;width:36px;z-index:1000}.keyboard-shortcuts-toggle:hover{opacity:1;transform:scale(1.05)}.keyboard-shortcuts-toggle:active{transform:scale(.95)}.keyboard-shortcuts-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.keyboard-shortcuts-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.keyboard-shortcuts-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.keyboard-shortcuts-header h2{font-size:24px;font-weight:600;margin:0}.keyboard-shortcuts-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;transition:background .2s;width:32px}.keyboard-shortcuts-close:hover{background:#ffffff4d}.keyboard-shortcuts-content{flex:1 1;overflow-y:auto;padding:24px}.keyboard-shortcuts-category{margin-bottom:32px}.keyboard-shortcuts-category:last-child{margin-bottom:0}.keyboard-shortcuts-category h3{color:#333;color:#666;font-size:18px;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.keyboard-shortcuts-list{display:flex;flex-direction:column;gap:12px}.keyboard-shortcut-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:16px;padding:12px;transition:background .2s}.keyboard-shortcut-item:hover{background:#e9ecef}.keyboard-shortcut-key{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#333;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;min-width:60px;padding:6px 12px;text-align:center;white-space:nowrap}.keyboard-shortcut-description{color:#333;flex:1 1;font-size:15px}.keyboard-shortcuts-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:16px 24px}.keyboard-shortcuts-done{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:opacity .2s}.keyboard-shortcuts-done:hover{opacity:.9}.keyboard-shortcuts-done:active{opacity:.8}.rapidpay-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:3rem 2rem}.rapidpay-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea26;color:#fff;margin-bottom:2rem;padding:1.5rem 2rem;text-align:center}.rapidpay-icon{animation:float 3s ease-in-out infinite;font-size:2rem;margin-bottom:.5rem}.rapidpay-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.rapidpay-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.75rem;padding:.3rem 1rem}.rapidpay-subtitle{font-size:1rem;line-height:1.5;margin:0 auto;max-width:600px;opacity:.95}.rapidpay-features{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2.5rem}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:1.25rem;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h3{color:#111827;font-size:1.15rem;font-weight:600;margin:0 0 .5rem}.feature-card p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.rapidpay-why{background:#f9fafb;border-radius:12px;margin-bottom:2.5rem;padding:1.5rem;text-align:center}.rapidpay-why h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.rapidpay-why p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 auto;max-width:800px}.rapidpay-timeline{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.timeline-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;display:flex;flex:1 1;gap:1rem;max-width:350px;min-width:250px;padding:1.25rem}.timeline-marker{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}.timeline-content h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 .4rem}.timeline-content p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.skeleton-shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 50%,#f0f0f0);background-size:200% 100%;border-radius:4px}@media (max-width:768px){.rapidpay-title{font-size:2.5rem}.rapidpay-features{grid-template-columns:1fr}.rapidpay-timeline{flex-direction:column}.timeline-item{max-width:100%}}.rapidpay-approvals-page{max-width:100%;overflow-x:auto;padding:24px}.approvals-controls{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:16px}.client-selector{align-items:center;display:flex;gap:12px}.client-selector label{color:#333;font-weight:500}.client-selector select{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px}.client-selector select:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;margin-bottom:16px;padding:12px}.approvals-table{margin-bottom:24px}.pagination-controls{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin-top:24px;padding:16px}.pagination-info{color:#666;font-size:14px}.pagination-buttons{align-items:center;display:flex;gap:16px}.page-info{color:#333;font-weight:500}.btn{background:#fff;border:1px solid #ccc;border-radius:4px;transition:all .2s}.btn:hover:not(:disabled){background:#f0f0f0;border-color:#999}.btn:disabled{opacity:.5}.btn-outline-secondary{color:#333}.slack-message-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.slack-message-modal-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.slack-message-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.slack-message-modal-title{color:#333;font-size:20px;font-weight:600;margin:0}.slack-message-modal-subtitle{color:#666;font-size:14px;margin:4px 0 0}.slack-message-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.slack-message-modal-close:hover{background-color:#f0f0f0;color:#333}.slack-message-modal-body{flex:1 1;max-height:400px;min-height:300px;overflow-y:auto;padding:20px}.slack-message-empty,.slack-message-loading{color:#999;padding:40px 20px;text-align:center}.slack-message-error{color:#d32f2f;padding:20px;text-align:center}.slack-message-list{gap:12px}.slack-message,.slack-message-list{display:flex;flex-direction:column}.slack-message-bot{align-items:flex-start}.slack-message-user{align-items:flex-end}.slack-message-content{word-wrap:break-word;background-color:#f0f0f0;border-radius:12px;max-width:70%;padding:10px 14px}.slack-message-user .slack-message-content{background-color:#007bff;color:#fff}.slack-message-text{line-height:1.4;margin-bottom:4px;white-space:pre-wrap}.slack-message-time{font-size:11px;margin-top:4px;opacity:.7}.slack-message-modal-footer{border-top:1px solid #e0e0e0;padding:20px}.slack-message-input-container{align-items:flex-end;display:flex;gap:10px}.slack-message-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-family:inherit;font-size:14px;min-height:60px;padding:10px;resize:none}.slack-message-input:focus{border-color:#007bff;outline:none}.slack-message-send-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:background-color .2s}.slack-message-send-btn:hover:not(:disabled){background-color:#0056b3}.slack-message-send-btn:disabled{background-color:#ccc;cursor:not-allowed}.slack-message-error-inline{color:#d32f2f;font-size:12px;margin-top:8px}.permissions-page{margin:0 auto;max-width:1400px;padding:20px}.permissions-header{margin-bottom:30px}.permissions-header h1{color:#1e293b;font-size:28px;margin:0 0 8px}.permissions-header p{color:#64748b;font-size:14px;margin:0}.sync-azure-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s;white-space:nowrap}.sync-azure-btn:hover{background:#2563eb}.permissions-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px}.permissions-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.permissions-tabs button:hover{background:#f8fafc;color:#1e293b}.permissions-tabs button.active{border-bottom-color:#3b82f6;color:#3b82f6}.permissions-content{min-height:400px}.permissions-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.permissions-table thead{background:#f8fafc}.permissions-table th{color:#475569;font-size:13px;font-weight:600;text-align:left}.permissions-table td,.permissions-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px}.permissions-table td{color:#1e293b;font-size:14px}.permissions-table tbody tr:hover{background:#f8fafc}.group-badges{display:flex;flex-wrap:wrap;gap:6px}.group-badge{align-items:center;background:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.remove-group-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6366f1;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:18px}.remove-group-btn:hover{background:#6366f133}.no-groups{color:#94a3b8;font-style:italic}.add-group-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px}.add-group-select:hover{border-color:#3b82f6}.groups-tab{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr}.groups-list{display:flex;flex-direction:column;gap:12px}.group-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.group-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.group-card.selected{background:#eff6ff;border-color:#3b82f6}.group-card h3{color:#1e293b;font-size:16px;margin:0 0 8px}.group-card p{color:#64748b;font-size:13px;margin:0 0 8px}.group-name{color:#94a3b8;font-family:monospace;font-size:11px}.group-permissions-editor{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.group-permissions-editor h3{color:#1e293b;font-size:18px;margin:0 0 20px}.permissions-list{max-height:600px;overflow-y:auto;padding-right:8px}.permissions-list,.permissions-search{margin-bottom:20px}.expand-collapse-controls{display:flex;gap:8px;margin-top:12px}.expand-collapse-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.expand-collapse-btn:hover{background:#e2e8f0;border-color:#94a3b8;color:#1e293b}.search-input{border:1px solid #cbd5e1;padding:10px 16px}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.permissions-tree{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;max-height:600px;overflow-y:auto;padding:12px}.permission-tree-node{margin-bottom:4px}.permission-tree-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.permission-tree-item:hover{background:#f8fafc;border-color:#cbd5e1}.expand-toggle{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:20px;justify-content:center;padding:0;transition:color .2s;width:20px}.expand-toggle:hover{color:#3b82f6}.expand-spacer{flex-shrink:0;width:20px}.permission-checkbox-input{cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-spacer{flex-shrink:0;width:20px}.permission-icon{flex-shrink:0;font-size:18px;margin-top:2px}.permission-label-info{flex:1 1;min-width:0}.permission-label{color:#1e293b;display:block;font-size:14px;font-weight:500;margin-bottom:2px}.permission-key{font-family:Courier New,monospace;margin-bottom:2px}.permission-description{color:#64748b;font-size:12px;line-height:1.4;margin:4px 0 0}.permission-tree-children{margin-top:4px}.no-results{font-size:14px}.no-group-selected,.no-results{color:#64748b;padding:40px;text-align:center}.no-group-selected{background:#fff;border:1px solid #e2e8f0;border-radius:8px}.permissions-summary{background:#f1f5f9;border-radius:6px;color:#475569;font-size:14px;margin-bottom:16px;padding:12px}.permission-checkbox{align-items:flex-start;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:background .2s}.permission-checkbox:hover{background:#f8fafc}.permission-checkbox input[type=checkbox]{cursor:pointer;margin-top:2px}.permission-info{flex:1 1}.permission-info strong{color:#1e293b;display:block;font-size:14px;margin-bottom:4px}.permission-key{color:#64748b;display:block;font-family:monospace;font-size:11px;margin-bottom:4px}.permission-info p{color:#64748b;font-size:12px;margin:4px 0 0}.save-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.save-btn:hover{background:#2563eb}.permissions-table code{background:#f1f5f9;border-radius:4px;color:#475569;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;padding:20px}.quick-notes-page{max-width:100%;padding:20px}.page-header h1{color:#1f2937}.page-header p{color:#6b7280}.quick-notes-search-container{margin-bottom:20px}.quick-notes-search-wrapper{align-items:center;display:flex;max-width:600px;position:relative}.quick-notes-search-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;font-size:16px;outline:none;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.quick-notes-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #0000001a}.quick-notes-search-clear{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;position:absolute;right:8px;transition:all .2s;width:24px}.quick-notes-search-clear:hover{background:#e0e0e0;color:#333}.quick-notes-search-results{color:#6b7280;font-size:14px;font-weight:500;margin-top:8px}.quick-note-detail-overlay{align-items:center;animation:fadeIn .2s;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.quick-note-detail-modal{animation:slideUp .3s;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.quick-note-detail-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.quick-note-detail-header h2{color:#1f2937;font-size:24px;margin:0}.quick-note-detail-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.quick-note-detail-close:hover{background:#f0f0f0;color:#333}.quick-note-detail-content{flex:1 1;overflow-y:auto;padding:24px}.quick-note-detail-meta{grid-gap:16px;background:#f8f9fa;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:16px}.quick-note-detail-meta-item{font-size:14px}.quick-note-detail-meta-item strong{color:#666;margin-right:8px}.quick-note-detail-files,.quick-note-detail-images,.quick-note-detail-text{margin-bottom:32px}.quick-note-detail-files h3,.quick-note-detail-images h3,.quick-note-detail-text h3{border-bottom:2px solid #e0e0e0;color:#1f2937;font-size:18px;margin:0 0 16px;padding-bottom:8px}.quick-note-detail-text-content{background:#f8f9fa;border-radius:8px;color:#333;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap;word-break:break-word}.quick-note-detail-images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.quick-note-detail-image-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.quick-note-detail-image{cursor:pointer;display:block;height:200px;object-fit:cover;transition:transform .2s;width:100%}.quick-note-detail-image:hover{transform:scale(1.05)}.quick-note-detail-image-desc{background:#e3f2fd;border-top:1px solid #e0e0e0;padding:12px}.quick-note-detail-image-desc strong{color:#1565c0;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.quick-note-detail-image-desc p{color:#1565c0;font-size:13px;line-height:1.5;margin:0}.quick-note-detail-image-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:8px;padding:8px}.quick-note-detail-desc-btn,.quick-note-detail-generate-btn,.quick-note-detail-regenerate-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;min-width:120px;padding:6px 12px;transition:all .2s}.quick-note-detail-desc-btn:hover,.quick-note-detail-generate-btn:hover,.quick-note-detail-regenerate-btn:hover{background:#e9ecef;border-color:#adb5bd}.quick-note-detail-desc-btn:disabled,.quick-note-detail-generate-btn:disabled,.quick-note-detail-regenerate-btn:disabled{cursor:not-allowed;opacity:.5}.quick-note-detail-generate-btn{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.quick-note-detail-generate-btn:hover:not(:disabled){background:#bbdefb}.quick-note-detail-description-editor{background:#f8f9fa;border-top:1px solid #dee2e6;padding:12px}.quick-note-detail-cancel-btn,.quick-note-detail-save-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.quick-note-detail-save-btn{background:#28a745;border-color:#28a745;color:#fff}.quick-note-detail-save-btn:hover{background:#218838}.quick-note-detail-cancel-btn{background:#6c757d;border-color:#6c757d;color:#fff}.quick-note-detail-cancel-btn:hover{background:#5a6268}.quick-note-detail-files-list{display:flex;flex-direction:column;gap:8px}.quick-note-detail-file-link{align-items:center;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;color:#2563eb;display:inline-flex;font-size:14px;gap:8px;padding:12px 16px;text-decoration:none;transition:all .2s}.quick-note-detail-file-link:hover{background:#e0e0e0;border-color:#2563eb;text-decoration:underline}.app-admin-page{max-width:100%;overflow-x:auto;padding:24px}.page-header h1{font-weight:600}.page-description{color:#666;font-size:14px;margin:0}.page-description strong{color:#1a1a1a;font-weight:600}.system-status-page{margin:0 auto;max-width:1200px;padding:20px}.page-header h1{margin:0 0 10px}.page-header p{margin:0 0 15px}.header-actions{align-items:center;display:flex;gap:15px}.refresh-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.refresh-btn:hover:not(:disabled){background:#0056b3}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.last-updated{color:#666;font-size:14px}.error-banner{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px;padding:12px}.status-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.summary-card.success{background:#f0fff4;border-color:#28a745}.summary-card.warning{background:#fffbf0;border-color:#ffc107}.summary-label{color:#666;font-size:14px;margin-bottom:8px}.summary-value{color:#333;font-size:32px;font-weight:700}.summary-value.running{color:#28a745}.services-list h2{color:#333;margin:30px 0 20px}.service-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px;transition:box-shadow .2s}.service-card:hover{box-shadow:0 2px 8px #0000001a}.service-card.required{border-left:4px solid #007bff}.service-card.running{border-left-color:#28a745}.service-card.stopped{border-left-color:#dc3545}.service-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.service-title{flex:1 1}.service-title h3{align-items:center;color:#333;display:flex;gap:10px;margin:0 0 8px}.required-badge{background:#007bff;color:#fff;font-size:12px;font-weight:700;padding:4px 8px}.status-badge{border-radius:4px;font-size:14px;font-weight:500;padding:4px 8px}.status-running{background:#d4edda;color:#28a745}.status-running-required{background:#c3e6cb;color:#155724;font-weight:700}.status-stopped{background:#e9ecef;color:#6c757d}.status-stopped-required{background:#f8d7da;color:#721c24;font-weight:700}.health-badge{border-radius:4px;font-size:14px;margin-left:8px;padding:4px 8px}.health-healthy{background:#d4edda;color:#155724}.health-unhealthy{background:#f8d7da;color:#721c24}.health-unreachable{background:#fff3cd;color:#856404}.service-description{color:#666;line-height:1.5;margin-bottom:15px}.unreachable-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:6px;color:#856404;margin:15px 0;padding:15px}.unreachable-warning strong{display:block;font-size:16px;margin-bottom:10px}.unreachable-warning ul{margin:10px 0 10px 20px;padding:0}.unreachable-warning li{line-height:1.6;margin:5px 0}.service-details{background:#f8f9fa;border-radius:4px;margin-top:15px;padding:15px}.detail-row{align-items:flex-start;display:flex;margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-label{color:#333;margin-right:10px}.detail-value{color:#666;flex:1 1;word-break:break-all}.detail-value.command{background:#fff;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.health-details{background:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;margin-top:15px;padding:15px}.health-details pre{font-size:12px;margin:10px 0 0;overflow-x:auto}.system-events-page{margin:0 auto;max-width:1800px;padding:24px}.page-header{margin-bottom:30px}.page-header h1{font-size:2.5rem;margin-bottom:10px}.page-header p{font-size:1.1rem}.modal-overlay{background:#00000080}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.event-details-modal{max-width:900px}.modal-header{border-bottom:1px solid #dee2e6;padding:20px}.modal-header h3{color:#333}.modal-header button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.modal-header button:hover{color:#333}.modal-body{padding:20px}.modal-footer{border-top:1px solid #dee2e6;gap:12px;padding:20px}.btn{border-radius:6px;font-weight:500;padding:8px 16px}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268}.placeholder-page{margin:0 auto;max-width:1200px;padding:2rem}.placeholder-header{margin-bottom:3rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.placeholder-title{color:#1e293b;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 1rem}.placeholder-description{color:#64748b;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.placeholder-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.placeholder-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}.placeholder-card h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.placeholder-card p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.feature-list{display:flex;flex-direction:column;gap:.75rem}.feature-item{align-items:center;display:flex;gap:.75rem}.feature-check{color:#10b981;font-size:1.1rem;font-weight:700}.feature-text{color:#475569;font-size:.95rem}.sample-data{display:flex;flex-direction:column;gap:1rem}.data-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.data-label{color:#64748b;font-weight:500}.data-value{color:#1e293b;font-weight:600}.data-value.status-active{background:#ecfdf5;border-radius:6px;color:#10b981;font-size:.875rem;padding:.25rem .75rem}@media (max-width:768px){.placeholder-page{padding:1rem}.placeholder-content{gap:1.5rem;grid-template-columns:1fr}.placeholder-title{font-size:2rem}.placeholder-card{padding:1.5rem}}.scheduled-task-manager-page{margin:0 auto;max-width:1400px;padding:24px}.info-card,.server-selection-card,.tasks-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}.server-selection-card h2,.tasks-card h2{color:#333;font-size:20px;margin:0 0 16px}.alert{border-radius:4px;font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.alert-success{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.btn-danger,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-secondary{background-color:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-danger:hover:not(:disabled){background-color:#d32f2f}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.info-card{color:#666;padding:40px;text-align:center}.info-card p{font-size:16px;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.modal-overlay{background-color:#00000080;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:900px;width:90%}.modal-header{background:linear-gradient(135deg,#2196f3,#1976d2);border-bottom:2px solid #e9ecef;color:#fff;padding:20px 24px}.modal-header h3{font-size:1.5em;font-weight:600;margin:0}.modal-close{background:#fff3;border-radius:4px;color:#fff;font-size:24px;padding:4px 12px;transition:background-color .2s}.modal-close:hover{background:#ffffff4d}.modal-body{padding:24px}.validation-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;height:50px;width:50px}.endpoint-tests-page{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.tests-header{border-bottom:2px solid #3b82f64d;margin-bottom:2rem;padding-bottom:1.5rem}.header-content{display:flex;flex-direction:column;gap:.5rem}.tests-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;margin:0}.title-icon{filter:drop-shadow(0 0 10px rgba(96,165,250,.5));font-size:2.5rem}.tests-subtitle{color:#94a3b8;font-size:1.1rem;margin:0}.tests-controls{margin-bottom:2rem}.control-panel{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;gap:1.5rem;padding:1.5rem}.control-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.control-label{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.label-icon{font-size:1.1rem}.control-input{background:#0f172a99;border:1px solid #3b82f64d;border-radius:8px;color:#e2e8f0;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.control-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.control-input:disabled{cursor:not-allowed;opacity:.5}.run-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 15px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:.875rem 2rem;transition:all .3s}.run-button:hover:not(:disabled){box-shadow:0 6px 20px #3b82f699;transform:translateY(-2px)}.run-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-icon,.button-spinner{font-size:1.2rem}.button-spinner{animation:spin 1s linear infinite}.progress-section{background:#1e293b99;border:1px solid #3b82f633;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.progress-bar-container{background:#0f172a99;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 0 10px #3b82f680;height:100%;transition:width .3s ease}.progress-text{color:#94a3b8;font-size:.875rem;margin:0;text-align:center}.test-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:2rem}.results-header{margin-bottom:2rem}.results-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.summary-card{background:#0f172a99;border:1px solid #3b82f633;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.summary-card:hover{box-shadow:0 4px 15px #3b82f633;transform:translateY(-2px)}.summary-card.total{border-color:#60a5fa66}.summary-card.passed{border-color:#10b98166}.summary-card.failed{border-color:#ef444466}.summary-card.rate{border-color:#8b5cf666}.summary-card.duration{border-color:#fbbf2466}.card-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.summary-card.total .card-value{color:#60a5fa}.summary-card.passed .card-value{color:#10b981}.summary-card.failed .card-value{color:#ef4444}.summary-card.rate .card-value{color:#8b5cf6}.summary-card.duration .card-value{color:#fbbf24}.card-label{color:#94a3b8;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.results-timestamp{color:#64748b;font-size:.875rem;text-align:right}.test-list{margin-top:2rem}.list-title{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.test-items{display:flex;flex-direction:column;gap:.75rem}.test-item{align-items:center;background:#0f172a99;border-left:4px solid;border-radius:10px;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .2s}.test-item:hover{background:#0f172acc;transform:translateX(4px)}.test-status-icon{font-size:1.5rem;font-weight:700;min-width:24px}.test-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.test-name{color:#e2e8f0;font-weight:500}.test-duration{color:#94a3b8;font-size:.875rem}.test-error{color:#ef4444;font-size:.875rem;margin-top:.5rem;padding-left:2.5rem}.error-section,.output-section{background:#0f172a99;border:1px solid #3b82f633;border-radius:10px;margin-top:2rem;padding:1.5rem}.error-title,.output-title{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.error-content,.output-content{background:#0006;border-radius:8px;color:#cbd5e1;font-family:Courier New,monospace;font-size:.875rem;max-height:400px;overflow-x:auto;overflow-y:auto;padding:1rem}.error-content{color:#fca5a5}.empty-state{color:#94a3b8;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{color:#e2e8f0;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{font-size:1rem}.feedback-section{border-top:1px solid #3b82f633;margin-top:2rem;padding-top:2rem}.feedback-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:10px;box-shadow:0 4px 15px #f59e0b66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s;width:100%}.feedback-button:hover{box-shadow:0 6px 20px #f59e0b99;transform:translateY(-2px)}.feedback-icon{font-size:1.3rem}.modal-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.feedback-modal{animation:slideUp .3s;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f64d;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #3b82f633;justify-content:space-between;padding:1.5rem 2rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;font-weight:700;gap:.75rem;margin:0}.modal-icon,.modal-title{font-size:1.5rem}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover:not(:disabled){background:#ef444433;color:#ef4444}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-content{padding:2rem}.modal-description{color:#cbd5e1;line-height:1.6}.form-group,.modal-description{margin-bottom:1.5rem}.form-label{align-items:center;color:#e2e8f0;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.form-input,.form-textarea{background:#0f172a99;border:1px solid #3b82f64d;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled,.form-textarea:disabled{cursor:not-allowed;opacity:.5}.form-textarea{min-height:120px;resize:vertical}.test-context-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#cbd5e1;font-size:.875rem;margin-top:1rem;padding:1rem}.test-context-info strong{color:#e2e8f0;display:block;margin-bottom:.5rem}.test-context-info ul{margin:.5rem 0 0 1.5rem;padding:0}.test-context-info li{margin:.25rem 0}.modal-footer{border-top:1px solid #3b82f633;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.modal-cancel,.modal-submit{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.modal-cancel{background:#64748b33;border:1px solid #64748b4d;color:#cbd5e1}.modal-cancel:hover:not(:disabled){background:#64748b4d;border-color:#64748b80}.modal-submit{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;box-shadow:0 4px 15px #3b82f666;color:#fff}.modal-submit:hover:not(:disabled){box-shadow:0 6px 20px #3b82f699;transform:translateY(-2px)}.modal-cancel:disabled,.modal-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.endpoint-tests-page{padding:1rem}.control-panel{align-items:stretch;flex-direction:column}.results-summary{grid-template-columns:repeat(2,1fr)}.test-info{align-items:flex-start;flex-direction:column;gap:.25rem}}.prerequisites-checker-page{margin:0 auto;max-width:900px;padding:24px}.page-header h1{color:#333}.info-section{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-left:4px solid #667eea;border-radius:8px;margin-bottom:24px;padding:20px}.info-section h3{color:#333;font-size:18px;margin:0 0 12px}.info-section p{color:#555;font-size:14px;line-height:1.6;margin:8px 0}.info-section ul{color:#555;margin:12px 0;padding-left:24px}.info-section ul li{line-height:1.6;margin:6px 0}.info-note{background:#ffffffb3;border-radius:6px;font-size:13px!important;margin-top:16px!important;padding:12px}.info-note code{background:#667eea1a;border-radius:3px;color:#667eea;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.input-hint{color:#666;font-size:12px;font-style:italic;margin-top:8px}.checker-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.input-section{margin-bottom:24px}.input-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-group{align-items:center;display:flex;gap:12px}.server-input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:14px;max-width:400px;padding:12px;transition:border-color .2s}.server-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.check-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.check-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.check-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00}.result-section{margin-top:24px}.server-header{border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:16px}.server-header h2{color:#333;font-size:20px;margin:0}.success-banner{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:8px;color:#155724;display:flex;font-size:16px;gap:12px;margin-bottom:24px;padding:16px}.success-icon{font-size:24px}.warning-banner{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeeba);border-radius:8px;color:#856404;display:flex;font-size:16px;gap:12px;margin-bottom:24px;padding:16px}.warning-icon{font-size:24px}.prerequisites-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.prerequisite-item{border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.prerequisite-item.installed{background:#f0f9ff;border-color:#28a745}.prerequisite-item.missing{background:#fff5f5;border-color:#dc3545}.prerequisite-icon{flex-shrink:0;font-size:28px}.prerequisite-content{flex:1 1}.prerequisite-name{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:4px}.required-badge{background:#ffc107;border-radius:4px;color:#000;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.prerequisite-status{font-size:13px;margin-top:4px}.status-installed{color:#28a745;font-weight:600}.status-missing{color:#dc3545;font-weight:600}.detection-details{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.details-toggle{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:4px 0;transition:color .2s}.details-toggle:hover{color:#764ba2;text-decoration:underline}.details-content{background:#ffffffb3;border:1px solid #0000001a;border-radius:6px;margin-top:12px;padding:16px}.detection-method{margin-bottom:16px}.detection-method:last-child{margin-bottom:0}.detection-method h4{color:#333;font-size:14px;font-weight:600;margin:0 0 6px}.detection-method p{color:#666;font-size:13px;margin:0 0 8px}.detection-method ul{list-style-type:disc;margin:8px 0 0;padding-left:20px}.detection-method ul li{color:#555;font-size:12px;line-height:1.5;margin:4px 0}.detection-method code{background:#667eea1a;border-radius:3px;color:#667eea;font-family:Courier New,monospace;font-size:11px;padding:2px 6px;word-break:break-all}.detection-note{background:#ffc1071a;border-left:3px solid #ffc107;border-radius:4px;color:#856404;font-size:12px;margin-top:12px;padding:10px}.detection-note strong{color:#856404}.missing-list{background:#fff5f5;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:13px;margin-top:16px;padding:12px 16px}.status-v2-page{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);min-height:100vh;padding:0}.status-v2-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:3px solid #667eea4d;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;padding:24px 32px}.header-left h1{align-items:center;color:#1f2937;display:flex;font-size:32px;font-weight:800;gap:12px;margin:0 0 4px}.header-icon{animation:pulse 2s ease-in-out infinite;font-size:36px}.header-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:0}.header-right{gap:20px}.header-right,.refresh-btn-v2{align-items:center;display:flex}.refresh-btn-v2{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.refresh-btn-v2:hover:not(:disabled){box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.refresh-btn-v2:disabled{cursor:not-allowed;opacity:.7}.spinner-v2{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.last-updated-v2{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:6px}.clock-icon{font-size:16px}.error-banner-v2{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:12px;box-shadow:0 4px 12px #ef444433;display:flex;gap:12px;margin:24px 32px;padding:16px 20px}.error-icon-v2{flex-shrink:0;font-size:24px}.error-text-v2{color:#991b1b;flex:1 1;font-weight:500}.error-text-v2 strong{font-weight:700}.overall-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1600px;padding:32px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;gap:20px;padding:24px;transition:all .3s}.stat-card:hover{box-shadow:0 12px 32px #0003;transform:translateY(-4px)}.stat-card.running.active{background:linear-gradient(135deg,#22c55e1a,#fffffff2);border-color:#22c55e}.stat-card.required.all-good{border-color:#22c55e}.stat-card.required.needs-attention{background:linear-gradient(135deg,#eab3081a,#fffffff2);border-color:#eab308}.stat-card.overall.healthy{background:linear-gradient(135deg,#22c55e1a,#fffffff2);border-color:#22c55e}.stat-card.overall.unhealthy{background:linear-gradient(135deg,#ef44441a,#fffffff2);border-color:#ef4444}.stat-icon{flex-shrink:0;font-size:40px}.stat-content{flex:1 1}.stat-value{color:#1f2937;font-size:32px;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.api-section-v2,.services-section-v2{margin:0 auto;max-width:1600px;padding:0 32px 32px}.section-title-v2{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 20px;text-shadow:0 2px 8px #0003}.section-icon{font-size:28px}.loading-v2{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:16px;padding:48px;text-align:center}.loading-spinner-v2{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.loading-v2 p{color:#6b7280;font-weight:500;margin:0}.services-list-v2{display:flex;flex-direction:column;gap:16px}.service-item-v2{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000026;display:flex;justify-content:space-between;padding:24px;transition:all .3s}.service-item-v2:hover{box-shadow:0 8px 24px #0003;transform:translateX(4px)}.service-item-v2.running{border-left:4px solid #22c55e}.service-item-v2.stopped{border-left:4px solid #ef4444}.service-item-v2.required{background:linear-gradient(135deg,#fffffffa,#fffffff2)}.service-left-v2{align-items:center;display:flex;flex:1 1;gap:20px}.status-dot-pulse{animation:pulse-dot 2s infinite;border-radius:50%;box-shadow:0 0 0 0 #22c55eb3;flex-shrink:0;height:16px;position:relative;width:16px}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.pulse-ring{border:2px solid;border-radius:50%;height:24px;left:-4px;opacity:.5;position:absolute;top:-4px;width:24px}.service-info-v2{flex:1 1}.service-name-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.service-name-row h3{color:#1f2937;font-size:20px;font-weight:700;margin:0}.required-tag{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.service-desc-v2{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.service-right-v2{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.status-badge-v2{border-radius:20px;box-shadow:0 2px 8px #0003;font-size:12px;font-weight:700;letter-spacing:1px;padding:6px 16px;text-transform:uppercase}.service-meta-v2{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.meta-item{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.meta-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#1f2937;font-size:14px;font-weight:700}.no-data-v2{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:12px;padding:48px;text-align:center}.no-data-icon{font-size:48px}.no-data-v2 p{color:#6b7280;font-weight:500;margin:0}.api-card-v2{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000026;padding:24px;transition:all .3s}.api-card-v2.operational{border-left:4px solid #22c55e}.api-card-v2.limited{border-left:4px solid #eab308}.api-header-v2{align-items:center;display:flex;gap:20px}.api-status-indicator{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.api-info-v2{flex:1 1}.api-info-v2 h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 6px}.api-info-v2 p{color:#6b7280;font-size:14px;margin:0}.api-badge-v2{border-radius:20px;box-shadow:0 2px 8px #0003;font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 18px;text-transform:uppercase}.api-details-v2{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px}.countdown-v2{align-items:center;background:#eab3081a;border-radius:8px;display:flex;gap:10px;padding:12px}.countdown-icon{font-size:20px}.countdown-text{color:#92400e;font-size:14px;font-weight:600}.api-error-v2{align-items:center;background:#ef44441a;border-radius:8px;color:#991b1b;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px}.error-icon-small{font-size:18px}@media (max-width:768px){.status-v2-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{justify-content:space-between;width:100%}.overall-stats-grid{grid-template-columns:repeat(2,1fr);padding:20px}.api-section-v2,.services-section-v2{padding:0 20px 20px}.service-item-v2{align-items:flex-start;flex-direction:column;gap:16px}.service-right-v2{align-items:flex-start;width:100%}.service-meta-v2{justify-content:flex-start}}.natural-language-query-page{margin:0 auto;max-width:1400px;padding:24px}.page-header{margin-bottom:24px}.page-header h1{color:#1976d2;font-size:28px}.page-header p{font-size:14px}.error-message{border-left:4px solid #c62828;border-radius:4px;margin-bottom:24px;padding:12px 16px}.table-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.section-header{border-bottom:2px solid #1976d2;gap:12px;padding-bottom:8px}.search-input-wrapper,.section-header{align-items:center;display:flex;margin-bottom:16px}.search-input-wrapper{position:relative}.search-icon{color:#666;font-size:16px;left:12px;position:absolute;z-index:1}.search-input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 40px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#1976d2;outline:none}.search-clear-button{background:none;border:none;color:#999;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;position:absolute;right:8px;transition:color .2s}.search-clear-button:hover{color:#333}.section-header h2{color:#333;flex:1 1;font-size:20px;margin:0}.back-button{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s}.back-button:hover{background:#1565c0}.database-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 12px}.loading{padding:40px}.data-table-container{border:1px solid #e0e0e0;border-radius:4px;overflow-x:auto}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table thead{background:#f5f5f5}.data-table th{border-bottom:2px solid #1976d2;color:#333;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.data-table td{border-bottom:1px solid #e0e0e0;color:#555;padding:10px 12px}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#f9f9f9}.clickable-row{cursor:pointer}.clickable-row:hover{background:#e3f2fd!important}.no-data{color:#999;font-style:italic;padding:40px;text-align:center}.copy-schema-button-small{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;transition:background .2s;white-space:nowrap}.copy-schema-button-small:hover{background:#1565c0}.copy-schema-button-small:active{background:#0d47a1}.query-section{margin-top:24px}.query-section h2{color:#333;font-size:20px;margin:0 0 12px}.query-help-text{background:#f5f5f5;border-left:3px solid #1976d2;border-radius:4px;color:#666;font-size:13px;line-height:1.6;margin:0 0 16px;padding:12px}.query-input-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.query-textarea{border:2px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.query-textarea:focus{border-color:#1976d2;outline:none}.query-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.execute-query-button{align-self:flex-start;background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .2s}.execute-query-button:hover:not(:disabled){background:#1565c0}.execute-query-button:disabled{background:#ccc;cursor:not-allowed}.query-results{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:24px;padding:20px}.query-result-header{border-bottom:2px solid #1976d2;margin-bottom:20px;padding-bottom:16px}.result-title-section{align-items:center;display:flex;gap:12px;margin-bottom:16px}.query-result-header h3{color:#333;font-size:20px;margin:0}.result-count-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:600;padding:4px 12px}.sql-query-display{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:6px;margin-top:12px;padding:16px}.sql-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sql-label strong{color:#333;font-size:13px}.copy-sql-button{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 10px;transition:background .2s}.copy-sql-button:hover{background:#1565c0}.sql-code{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#1976d2;display:block;font-family:Courier New,Consolas,monospace;font-size:12px;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-all}.null-value{color:#999;font-style:italic;font-weight:300}.file-uploads-list-page{padding:12px}.file-uploads-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.file-uploads-title{font-size:20px;font-weight:600;margin:0}.file-uploads-subtitle{color:#666;font-size:12px;margin:4px 0 0}.error-message{background:#ffebee;border:1px solid #f44336;border-radius:3px;color:#c62828;font-size:12px;margin-bottom:12px;padding:8px 12px}.full-email-setup-container{margin:0 auto;max-width:1200px;padding:24px}.checklist-step{transition:all .3s ease}.checklist-step:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cache-management-page{margin:0 auto;max-width:1200px;padding:24px}.page-header{margin-bottom:32px}.page-header h1{color:#1a1a1a;font-size:32px;margin:0 0 8px}.page-header p{color:#666;font-size:16px;margin:0}.loading{color:#666;font-size:18px;padding:48px;text-align:center}.cache-list{display:flex;flex-direction:column;gap:20px}.cache-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:24px;transition:box-shadow .2s}.cache-card:hover{box-shadow:0 4px 8px #0000001a}.cache-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.cache-actions{align-items:center;display:flex;gap:8px}.cache-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.cache-title-section h3{color:#1a1a1a;font-size:20px;margin:0}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.status-active{background:#e8f5e9;color:#2e7d32}.status-stale{background:#fff3e0;color:#e65100}.status-empty{background:#f3e5f5;color:#6a1b9a}.status-unknown{background:#eceff1;color:#546e7a}.refresh-button{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s;white-space:nowrap}.refresh-button:hover:not(:disabled){background:#1565c0}.refresh-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.view-data-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s;white-space:nowrap}.view-data-button:hover:not(:disabled){background:#45a049}.view-data-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.cache-data-section{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.cache-data-header{margin-bottom:12px}.cache-data-header h4{color:#333;font-size:16px;margin:0}.cache-data-empty,.cache-data-loading{color:#666;font-style:italic;padding:24px;text-align:center}.cache-data-table{border:1px solid #e0e0e0;border-radius:4px;max-height:500px;overflow-x:auto;overflow-y:auto}.cache-data-table table{border-collapse:collapse;font-size:13px;width:100%}.cache-data-table thead{background:#f5f5f5;position:-webkit-sticky;position:sticky;top:0;z-index:1}.cache-data-table th{border-bottom:2px solid #ddd;color:#555;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.cache-data-table td{border-bottom:1px solid #eee;color:#333;padding:8px 12px}.cache-data-table tbody tr:hover{background:#f9f9f9}.cache-data-table tbody tr:last-child td{border-bottom:none}.error-cell{color:#c62828;font-weight:500}.path-cell{font-family:Courier New,monospace;font-size:12px;max-width:400px;word-break:break-all}.sortable{cursor:pointer;padding-right:24px;position:relative;-webkit-user-select:none;user-select:none}.sortable:hover{background-color:#f5f5f5}.sort-icon{font-size:12px;opacity:.6;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.sortable:hover .sort-icon{opacity:1}.cache-body{display:flex;flex-direction:column;gap:12px}.cache-description{color:#666;font-size:14px;line-height:1.5;margin:0}.cache-details{display:flex;flex-direction:column;gap:8px;margin-top:8px}.cache-detail-row{display:flex;font-size:13px;gap:8px}.detail-label{color:#555;font-weight:600;min-width:120px}.detail-value{color:#333;word-break:break-word}.refresh-message{border-radius:4px;font-size:13px;font-weight:500;margin-top:12px;padding:8px 12px}.refresh-message.success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.refresh-message.error{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.refresh-message.info{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.cache-info-footer{background:#f5f5f5;border-radius:8px;margin-top:48px;padding:24px}.cache-info-footer h3{color:#1a1a1a;font-size:18px;margin:0 0 16px}.cache-info-footer ul{color:#666;margin:0 0 16px;padding-left:24px}.cache-info-footer li{line-height:1.5;margin-bottom:8px}.cache-info-footer .note{background:#fff;border-left:4px solid #1976d2;border-radius:4px;color:#555;font-size:13px;margin:16px 0 0;padding:12px}@media (max-width:768px){.cache-management-page{padding:16px}.cache-header{align-items:stretch;flex-direction:column}.cache-title-section{align-items:flex-start;flex-direction:column}.refresh-button{width:100%}.cache-detail-row{flex-direction:column;gap:4px}.detail-label{min-width:auto}}.client-detail-page{background:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.client-detail-error,.client-detail-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.client-detail-spinner{animation:client-detail-spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes client-detail-spin{to{transform:rotate(1turn)}}.client-detail-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.client-detail-btn-primary{background:#3b82f6;color:#fff}.client-detail-btn-primary:hover{background:#2563eb}.client-detail-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding-bottom:20px}.client-detail-breadcrumb{font-size:14px;margin-bottom:12px}.client-detail-breadcrumb a{color:#6b7280;text-decoration:none}.client-detail-breadcrumb a:hover{color:#2563eb}.client-detail-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.client-detail-title-group{flex:1 1;min-width:0}.client-detail-title{color:#111827;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 10px}.client-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.client-detail-badge{border-radius:9999px;font-size:12px;font-weight:600;padding:4px 12px}.client-detail-badge-success{background:#d1fae5;color:#065f46}.client-detail-badge-neutral{background:#f3f4f6;color:#4b5563}.client-detail-badge-warning{background:#fef3c7;color:#92400e}.client-detail-links{display:flex;flex-wrap:wrap;gap:12px}.client-detail-link{color:#3b82f6;font-size:13px;font-weight:500;text-decoration:none}.client-detail-link:hover{text-decoration:underline}.client-detail-actions{flex-shrink:0}.client-detail-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:24px}.client-detail-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:10px 18px;transition:color .2s,border-color .2s}.client-detail-tab:hover{color:#111827}.client-detail-tab-active{border-bottom-color:#2563eb;color:#2563eb}.client-detail-tile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.client-detail-tile{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.client-detail-tile:hover{box-shadow:0 2px 8px #0000000f}.client-detail-tile-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.client-detail-tile-body{padding:16px}.client-detail-tile-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.client-detail-tile-row:last-child{border-bottom:none}.client-detail-tile-label{color:#6b7280;flex-shrink:0;font-size:12px;font-weight:500;letter-spacing:.3px;min-width:100px;text-transform:uppercase}.client-detail-tile-value{color:#111827;font-size:14px;text-align:right;word-break:break-word}.client-detail-tile-value a{color:#2563eb;text-decoration:none}.client-detail-tile-value a:hover{text-decoration:underline}.client-detail-mono,.client-detail-mono-small{font-family:ui-monospace,monospace;font-size:12px}.client-detail-mono-small{color:#4b5563}.client-detail-meta{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.client-detail-value-success{color:#059669;font-weight:600}.client-detail-value-error{color:#dc2626;font-weight:600}.client-detail-sync-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.client-detail-sync-stat{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;min-width:70px;padding:10px 16px}.client-detail-sync-value{font-size:20px;font-weight:700}.client-detail-sync-pending{color:#f59e0b}.client-detail-sync-active{color:#3b82f6}.client-detail-sync-error{color:#ef4444}.client-detail-sync-complete{color:#10b981}.client-detail-sync-label{color:#6b7280;font-size:10px;letter-spacing:.3px;margin-top:4px;text-transform:uppercase}.client-detail-tickets{display:flex;flex-direction:column;gap:10px}.client-detail-ticket{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px}.client-detail-ticket-subject{color:#111827;display:block;font-size:13px;font-weight:500;margin-bottom:4px;text-decoration:none}.client-detail-ticket-subject:hover{color:#3b82f6}.client-detail-ticket-badges{display:flex;gap:6px;margin-bottom:4px}.client-detail-ticket-meta{color:#6b7280;font-size:11px}.client-detail-view-all{color:#3b82f6;display:inline-block;font-size:13px;font-weight:500;margin-top:10px;text-decoration:none}.client-detail-view-all:hover{text-decoration:underline}.client-detail-loading-inline,.client-detail-no-data{color:#9ca3af;font-size:13px;padding:12px 0;text-align:center}.client-detail-no-data{font-style:italic}.client-detail-quick-actions{display:flex;flex-direction:column;gap:8px}.client-detail-action-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;text-decoration:none;transition:background .2s,border-color .2s;width:100%}.client-detail-action-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}@media (max-width:768px){.client-detail-page{padding:16px}.client-detail-title{font-size:22px}.client-detail-tile-grid{grid-template-columns:1fr}}.integrated-apps-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:32px;padding:32px}.integrated-apps-header{margin-bottom:32px;text-align:center}.integrated-apps-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.integrated-apps-subtitle{color:#64748b;font-size:16px;font-weight:400;margin:0}.integrated-apps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;max-width:1200px}.integrated-app-card{align-items:center;animation:fadeInUp .6s ease-out both;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;overflow:hidden;padding:24px 16px;position:relative;transition:all .3s ease}.integrated-app-card:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.integrated-app-card:hover:before{left:100%}.integrated-app-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-logo-container{align-items:center;background:#f8fafc;border-radius:12px;display:flex;height:80px;justify-content:center;padding:12px;transition:all .3s ease;width:80px}.integrated-app-card:hover .app-logo-container{background:linear-gradient(135deg,#667eea15,#764ba215);transform:scale(1.05)}.app-logo{filter:grayscale(20%);max-height:100%;max-width:100%;object-fit:contain;transition:all .3s ease}.integrated-app-card:hover .app-logo{filter:grayscale(0);transform:scale(1.1)}.app-logo-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.app-name{color:#1e293b;font-size:14px;font-weight:600;text-align:center;transition:color .3s ease}.integrated-app-card:hover .app-name{color:#667eea}@media (max-width:768px){.integrated-apps-section{padding:24px 16px}.integrated-apps-title{font-size:24px}.integrated-apps-subtitle{font-size:14px}.integrated-apps-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.app-logo-container{height:60px;width:60px}.app-name{font-size:12px}}.login-container{align-items:center;animation:gradientShift 30s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:60% 50%}to{background-position:0 50%}}.login-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffffff1a;max-width:480px;padding:48px 40px;position:relative;text-align:center;width:100%;z-index:10}.login-logo{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;margin:0 auto 24px;width:120px}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.login-subtitle{color:#64748b;font-size:16px;font-weight:400;margin:0 0 24px}.scattered-logos{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.scattered-logo{align-items:center;animation:floatIn 1s ease-out both,float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 12px #0003;display:flex;height:80px;justify-content:center;padding:12px;position:absolute;transition:all .3s ease;width:80px}.scattered-logo:hover{background:#ffffff40;box-shadow:0 8px 20px #0003;transform:scale(1.1)}.scattered-logo-img{background:#0000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:contain;opacity:.85;transition:all .3s ease;width:100%}.scattered-logo-img[src*=clearbit],.scattered-logo-img[src*=favicons],.scattered-logo-img[src*=simpleicons]{filter:drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 2px 4px rgba(0,0,0,.3))}.scattered-logo-img[src*=simpleicons]{background:#0000;filter:brightness(0) invert(1)}.scattered-logo:hover .scattered-logo-img{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.5));opacity:1;transform:scale(1.15)}.scattered-logo-fallback{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:700;height:100%;justify-content:center;text-shadow:0 2px 4px #0003;width:100%}.scattered-department{animation:floatIn 1s ease-out both,float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff6;border-radius:20px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;font-weight:600;padding:10px 18px;position:absolute;text-shadow:0 2px 4px #0000004d;transition:all .3s ease;white-space:nowrap;z-index:1}.scattered-department:hover{background:#ffffff59;box-shadow:0 6px 16px #0000004d;transform:scale(1.1) translateY(-2px)}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@media (max-width:768px){.scattered-logo{height:60px;padding:8px;width:60px}}.sso-detected-card{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:16px;margin-bottom:32px;overflow:hidden;padding:24px;position:relative;text-align:left}.sso-detected-card:before{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#4caf50,#81c784,#4caf50);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sso-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.sso-icon{animation:bounce 1s ease-in-out infinite;font-size:28px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sso-title{color:#2e7d32;font-size:18px;font-weight:600;margin:0}.sso-message{color:#2e7d32;font-size:15px;line-height:1.6;margin:12px 0}.sso-message strong{color:#1b5e20;font-weight:600}.login-button{background:linear-gradient(135deg,#0078d4,#106ebe);border:none;border-radius:12px;box-shadow:0 4px 12px #0078d44d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:before{left:100%}.login-button:hover{box-shadow:0 6px 20px #0078d466;transform:translateY(-2px)}.login-button:active{box-shadow:0 2px 8px #0078d44d;transform:translateY(0)}.login-button-secondary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.login-button-secondary:hover{box-shadow:0 6px 20px #667eea66}.microsoft-icon{background:#fff;border-radius:2px;display:inline-block;height:20px;margin-right:10px;position:relative;vertical-align:middle;width:20px}.microsoft-icon:after,.microsoft-icon:before{background:#0078d4;content:"";position:absolute}.microsoft-icon:before{height:50%;left:0;top:0;width:50%}.microsoft-icon:after{bottom:0;height:50%;right:0;width:50%}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:48px 40px;text-align:center}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#667eea;height:48px;width:48px}.loading-text{color:#64748b;font-size:16px;margin:0}.departments-list{background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;margin:24px 0 32px;padding:16px}.departments-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.departments-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.department-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:20px;color:#667eea;display:inline-block;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.department-tag:hover{background:#667eea26;box-shadow:0 2px 4px #667eea33;transform:translateY(-1px)}.backend-status-indicator{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s}.backend-status-indicator:hover{background:#f0f0f0}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.backend-status-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:10000}.backend-status-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.backend-status-modal-header{alignItems:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.backend-status-modal-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.backend-status-modal-content{padding:20px}.backend-status-section{margin-bottom:20px}.backend-status-section h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.backend-service-status{border:1px solid #e2e8f0;border-radius:6px;padding:12px}.backend-service-status.online{background:#e8f5e9;border-color:#4caf50}.backend-service-status.offline{background:#ffebee;border-color:#f44336}.status-dot-large{border-radius:50%;flex-shrink:0;height:16px;width:16px}.backend-status-actions{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.backend-status-info{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.help-chatbot-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.help-chatbot-container{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:600px;overflow:hidden;width:90%}.help-chatbot-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.help-chatbot-header h3{font-size:20px;font-weight:600;margin:0 0 4px}.help-chatbot-subtitle{font-size:13px;margin:0;opacity:.9}.help-chatbot-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;transition:background .2s;width:32px}.help-chatbot-close-btn:hover{background:#ffffff4d}.help-chatbot-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.help-chatbot-message{animation:messageSlide .3s ease-out;display:flex;flex-direction:column;max-width:85%}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-chatbot-message.user{align-self:flex-end}.help-chatbot-message.assistant{align-self:flex-start}.help-chatbot-message-content{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.5;padding:12px 16px}.help-chatbot-message.user .help-chatbot-message-content{background:#667eea;border-bottom-right-radius:4px;color:#fff}.help-chatbot-message.assistant .help-chatbot-message-content{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d;color:#333}.help-chatbot-message-content a{color:#667eea;font-weight:500;text-decoration:none}.help-chatbot-message-content a:hover{text-decoration:underline}.help-chatbot-message-content strong{color:#333;font-weight:600}.help-chatbot-message-time{color:#999;font-size:11px;margin-top:4px;padding:0 4px}.help-chatbot-loading{display:flex;gap:4px;padding:8px 0}.help-chatbot-loading span{animation:loadingBounce 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.help-chatbot-loading span:first-child{animation-delay:-.32s}.help-chatbot-loading span:nth-child(2){animation-delay:-.16s}@keyframes loadingBounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.help-chatbot-quick-questions{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.help-chatbot-quick-label{color:#666;font-size:12px;font-weight:500;margin-right:4px}.help-chatbot-quick-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:16px;color:#333;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.help-chatbot-quick-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.help-chatbot-input-container{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:16px 20px}.help-chatbot-input{border:1px solid #ddd;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s}.help-chatbot-input:focus{border-color:#667eea}.help-chatbot-input:disabled{background:#f5f5f5;cursor:not-allowed}.help-chatbot-send-btn{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:background .2s;width:40px}.help-chatbot-send-btn:hover:not(:disabled){background:#5568d3}.help-chatbot-send-btn:disabled{background:#ccc;cursor:not-allowed}.help-chatbot-messages::-webkit-scrollbar{width:6px}.help-chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1}.help-chatbot-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.help-chatbot-messages::-webkit-scrollbar-thumb:hover{background:#999}.help-chatbot-feedback{align-items:center;display:flex;gap:8px;margin-top:8px;padding:8px 0}.help-chatbot-feedback-label{color:#666;font-size:12px;margin-right:4px}.help-chatbot-feedback-btn{align-items:center;background:#f0f0f0;border:1px solid #ddd;border-radius:20px;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px 12px;transition:all .2s}.help-chatbot-feedback-btn:hover{background:#e0e0e0;transform:scale(1.1)}.help-chatbot-feedback-btn.helpful:hover{background:#e8f5e9;border-color:#4caf50}.help-chatbot-feedback-btn.not-helpful:hover{background:#ffebee;border-color:#f44336}.help-chatbot-feedback-thanks{color:#4caf50;font-size:12px;font-weight:500;margin-top:8px;padding:4px 0}.help-chatbot-suggestion-prompt{background:linear-gradient(135deg,#fff3cd,#ffe69c);border-bottom:1px solid #ffc107;border-top:1px solid #ffc107;padding:16px 20px}.help-chatbot-suggestion-header{color:#856404;font-size:16px;font-weight:600;margin-bottom:8px}.help-chatbot-suggestion-text{color:#856404;font-size:13px;line-height:1.5;margin:0 0 12px}.help-chatbot-suggestion-input{border:1px solid #ffc107;border-radius:6px;font-family:inherit;font-size:13px;margin-bottom:10px;outline:none;padding:10px;resize:vertical;transition:border-color .2s;width:100%}.help-chatbot-suggestion-input:focus{border-color:#ff9800;box-shadow:0 0 0 2px #ff980033}.help-chatbot-suggestion-actions{display:flex;gap:8px;justify-content:flex-end}.help-chatbot-suggestion-submit{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s}.help-chatbot-suggestion-submit:hover:not(:disabled){background:#f57c00}.help-chatbot-suggestion-submit:disabled{background:#ccc;cursor:not-allowed}.help-chatbot-suggestion-cancel{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:13px;padding:8px 16px;transition:background .2s}.help-chatbot-suggestion-cancel:hover{background:#f5f5f5}.quick-notes-overlay{align-items:center;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.quick-notes-container{animation:slideUp .3s;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.quick-notes-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.quick-notes-header h2{color:#333;font-size:24px;margin:0}.quick-notes-search-bar{background:#f9f9f9;border-bottom:1px solid #e0e0e0;padding:12px 20px;position:relative}.quick-notes-search-input-popup{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #0000000d;font-size:14px;outline:none;padding:10px 36px 10px 12px;transition:all .2s;width:100%}.quick-notes-search-input-popup:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 4px #0000001a}.quick-notes-search-clear-popup{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:0;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:all .2s;width:20px}.quick-notes-search-clear-popup:hover{background:#e0e0e0;color:#333}.quick-notes-search-results-popup{color:#6b7280;font-size:12px;font-weight:500;pointer-events:none;position:absolute;right:32px;top:50%;transform:translateY(-50%)}.quick-notes-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.quick-notes-close:hover{background:#f0f0f0}.quick-notes-add{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:10px;padding:20px}.quick-notes-add-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.quick-notes-image-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.quick-notes-image-btn:hover{background:#e0e0e0;border-color:#bbb}.quick-notes-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;min-height:60px;padding:12px;resize:vertical;width:100%}.quick-notes-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quick-notes-input.contenteditable{background:#fff;cursor:text;white-space:pre-wrap;word-break:break-word}.quick-notes-input.contenteditable:empty:before{color:#999;content:attr(data-placeholder);pointer-events:none}.quick-notes-input.contenteditable img{border-radius:4px;cursor:pointer;display:block;margin:4px 0;max-height:200px;max-width:100%}.quick-notes-add-btn{align-self:flex-end;background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.quick-notes-add-btn:hover:not(:disabled){background:#2563eb}.quick-notes-add-btn:disabled{background:#ccc;cursor:not-allowed}.quick-notes-list{flex:1 1;overflow-y:auto;padding:20px}.quick-notes-empty,.quick-notes-loading{color:#666;padding:40px 20px;text-align:center}.quick-note-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:12px;max-height:200px;overflow:hidden;padding:12px;position:relative;transition:box-shadow .2s}.quick-note-item:hover{box-shadow:0 2px 8px #0000001a}.quick-note-item.pinned{background:#fff9e6;border-color:gold}.quick-note-header{align-items:center;color:#666;display:flex;font-size:12px;gap:8px;margin-bottom:8px}.quick-note-actions{align-items:center;display:flex;gap:4px;margin-left:auto}.quick-note-action,.quick-note-delete,.quick-note-pin{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:4px 6px;transition:background .2s}.quick-note-action{background:#f0f0f0;border:1px solid #ddd;color:#666;font-size:11px;padding:4px 8px}.quick-note-action:hover{background:#e0e0e0;border-color:#bbb}.quick-note-delete:hover,.quick-note-pin:hover{background:#0000001a}.quick-note-date{color:#999;flex:1 1;font-size:11px}.quick-note-text{word-wrap:break-word;color:#333;font-size:14px;line-height:1.5;max-height:150px;overflow:hidden;position:relative;white-space:pre-wrap}.quick-note-image-container{margin:8px 0;overflow:hidden;text-align:center}.quick-note-image{border-radius:4px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:block;margin:0 auto;max-height:100px;max-width:100%;object-fit:cover;transition:all .3s ease}.quick-note-image:hover{box-shadow:0 4px 12px #0003;opacity:.8}.quick-note-image.expanded{cursor:zoom-out;max-height:500px;object-fit:contain}.quick-note-item:has(.quick-note-image.expanded){max-height:none;overflow:visible}.quick-note-item:has(.quick-note-image.expanded) .quick-note-text{max-height:none;overflow:visible}.quick-note-file-link{margin:4px 0}.quick-note-file-link-a{background:#f0f0f0;border-radius:4px;color:#2563eb;display:inline-block;font-size:14px;padding:4px 8px;text-decoration:none;transition:background .2s}.quick-note-file-link-a:hover{background:#e0e0e0}.quick-note-image-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.quick-note-desc-btn,.quick-note-generate-btn,.quick-note-regenerate-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.quick-note-desc-btn:hover,.quick-note-generate-btn:hover,.quick-note-regenerate-btn:hover{background:#e9ecef;border-color:#adb5bd}.quick-note-desc-btn:disabled,.quick-note-generate-btn:disabled,.quick-note-regenerate-btn:disabled{cursor:not-allowed;opacity:.5}.quick-note-generate-btn{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.quick-note-generate-btn:hover:not(:disabled){background:#bbdefb}.quick-note-description-editor{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:8px;padding:12px}.quick-note-cancel-btn,.quick-note-regenerate-critique-btn,.quick-note-save-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.quick-note-save-btn{background:#28a745;border-color:#28a745;color:#fff}.quick-note-save-btn:hover{background:#218838}.quick-note-cancel-btn{background:#6c757d;border-color:#6c757d;color:#fff}.quick-note-cancel-btn:hover{background:#5a6268}.quick-note-regenerate-critique-btn{background:#ffc107;border-color:#ffc107;color:#212529}.quick-note-regenerate-critique-btn:hover:not(:disabled){background:#e0a800}.quick-note-regenerate-critique-btn:disabled{cursor:not-allowed;opacity:.5}.quick-note-description-preview{background:#e3f2fd;border-left:3px solid #2196f3;border-radius:4px;color:#1565c0;font-size:12px;line-height:1.4;margin-top:8px;padding:8px}.todo-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.todo-panel{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000002e;display:flex;flex-direction:column;gap:12px;max-height:80vh;max-width:90vw;padding:18px 20px;width:420px}.todo-header{align-items:flex-start;display:flex;justify-content:space-between}.todo-header h3{color:#0f172a;margin:0}.todo-subtitle{color:#475569;font-size:13px;margin:4px 0 0}.todo-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:22px}.todo-bulk{display:flex;flex-direction:column;gap:8px}.todo-bulk textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.todo-bulk-actions{display:flex;gap:8px;justify-content:flex-end}.todo-add-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;padding:10px 14px}.todo-add-btn,.todo-cancel-btn{border-radius:8px;cursor:pointer;font-weight:600}.todo-cancel-btn{background:#f8fafc;border:1px solid #e2e8f0;padding:10px 12px}.todo-filter{display:flex;gap:8px}.todo-filter button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;flex:1 1;padding:8px 10px}.todo-filter button.active{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.todo-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.todo-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.todo-item.completed .todo-text{color:#94a3b8;text-decoration:line-through}.todo-text{color:#0f172a;flex:1 1;font-size:14px}.todo-date{color:#94a3b8;font-size:12px}.todo-remove{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:16px}.todo-empty{color:#94a3b8;font-size:14px;padding:20px 0;text-align:center}.todo-preview{display:flex;flex-direction:column;gap:12px}.todo-preview-header{margin-bottom:4px}.todo-preview-header h4{color:#0f172a;font-size:16px;margin:0}.todo-preview-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.todo-preview-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;padding:8px 10px}.todo-preview-input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#0f172a;flex:1 1;font-size:14px;padding:6px 8px}.todo-preview-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.todo-preview-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:12px}.todo-add-btn:disabled,.todo-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.todo-clarification{display:flex;flex-direction:column;gap:16px}.todo-clarification-header{margin-bottom:4px}.todo-clarification-header h4{color:#0f172a;font-size:16px;margin:0}.todo-clarification-content{display:flex;flex-direction:column;gap:12px}.todo-clarification-item{display:flex;flex-direction:column;gap:6px}.todo-clarification-label{color:#475569;font-size:13px;font-weight:600}.todo-clarification-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font-size:14px;padding:10px 12px}.todo-clarification-reason{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:13px;font-style:italic;padding:8px 12px}.todo-clarification-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font-size:14px;padding:10px 12px}.todo-clarification-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.todo-clarification-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:12px}.todo-sidebar{background:#fff;border-left:1px solid #e2e8f0;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:320px;z-index:1000}.todo-sidebar-header{align-items:flex-start;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.todo-sidebar-header h3{color:#0f172a;font-size:16px;margin:0}.todo-sidebar-subtitle{color:#475569;font-size:12px;margin:4px 0 0}.todo-sidebar-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;padding:0 16px}.todo-sidebar-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:12px 16px;transition:all .2s}.todo-sidebar-tab:hover{background:#f1f5f9;color:#334155}.todo-sidebar-tab.active{background:#fff;border-bottom-color:#0366d6;color:#0366d6}.todo-sidebar-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.todo-sidebar-close:hover{color:#0f172a}.todo-sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.todo-sidebar-bulk{display:flex;flex-direction:column;gap:8px}.todo-sidebar-bulk textarea{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:13px;padding:8px 10px;resize:vertical;width:100%}.todo-sidebar-bulk-actions{display:flex;gap:6px;justify-content:flex-end}.todo-sidebar-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px}.todo-sidebar-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca)}.todo-sidebar-btn-primary:disabled{cursor:not-allowed;opacity:.5}.todo-sidebar-btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px}.todo-sidebar-btn-secondary:hover:not(:disabled){background:#e2e8f0}.todo-sidebar-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.todo-sidebar-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto}.todo-sidebar-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px 10px}.todo-sidebar-item.completed .todo-sidebar-text{color:#94a3b8;text-decoration:line-through}.todo-sidebar-text{color:#0f172a;flex:1 1}.todo-sidebar-remove{align-items:center;background:none;border:none;color:#cbd5e1;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;padding:0;width:20px}.todo-sidebar-remove:hover{color:#ef4444}.todo-sidebar-empty{color:#94a3b8;font-size:13px;padding:20px 0;text-align:center}.todo-sidebar-preview{display:flex;flex-direction:column;gap:12px}.todo-sidebar-preview-header h4{color:#0f172a;font-size:14px;margin:0}.todo-sidebar-preview-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.todo-sidebar-preview-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;display:flex;gap:6px;padding:6px 8px}.todo-sidebar-preview-input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#0f172a;flex:1 1;font-size:12px;padding:4px 6px}.todo-sidebar-preview-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.todo-sidebar-preview-actions{border-top:1px solid #e2e8f0;display:flex;gap:6px;justify-content:flex-end;margin-top:8px;padding-top:12px}.todo-sidebar-clarification{display:flex;flex-direction:column;gap:12px}.todo-sidebar-clarification-header h4{color:#0f172a;font-size:14px;margin:0}.todo-sidebar-clarification-content{display:flex;flex-direction:column;gap:10px}.todo-sidebar-clarification-item{display:flex;flex-direction:column;gap:4px}.todo-sidebar-clarification-label{color:#475569;font-size:11px;font-weight:600}.todo-sidebar-clarification-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#0f172a;font-size:12px;padding:8px 10px}.todo-sidebar-clarification-reason{background:#fef3c7;border:1px solid #fde68a;border-radius:4px;color:#92400e;font-size:11px;font-style:italic;padding:6px 10px}.todo-sidebar-clarification-input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#0f172a;font-size:12px;padding:8px 10px}.todo-sidebar-clarification-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.todo-sidebar-clarification-actions{border-top:1px solid #e2e8f0;display:flex;gap:6px;justify-content:flex-end;margin-top:8px;padding-top:12px}.voucher-results-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10030}.voucher-results-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.voucher-results-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.voucher-results-modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.voucher-results-modal-close{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.voucher-results-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.voucher-results-modal-content{flex:1 1;overflow-y:auto;padding:24px}.voucher-results-modal-footer{background:#f9fafb;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.voucher-results-modal-button{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.voucher-results-modal-button:hover{background:#1565c0}.voucher-results-modal-button:last-child{background:#6b7280}.voucher-results-modal-button:last-child:hover{background:#4b5563}.notification-bar{z-index:10010}.notification-bar,.notification-bar-toggle{align-items:center;display:flex;position:relative}.notification-bar-toggle{background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;gap:8px;padding:6px 12px;transition:all .2s}.notification-bar-toggle:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.notification-icon{font-size:20px}.notification-badge{background:#f44336;border-radius:10px;color:#fff;font-size:11px;font-weight:600;line-height:1.4;min-width:18px;padding:2px 6px;text-align:center}.notification-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;margin-top:8px;max-height:600px;position:absolute;right:0;top:100%;width:400px;z-index:10011}.notification-dropdown-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.notification-dropdown-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.notification-clear-all{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s}.notification-clear-all:hover{background:#f5f5f5}.notification-list{max-height:500px;overflow-y:auto}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:background .2s}.notification-item:hover{background:#f9f9f9}.notification-item:last-child{border-bottom:none}.notification-item.success{border-left:3px solid #4caf50}.notification-item.error{border-left:3px solid #f44336}.notification-item.warning{border-left:3px solid #ff9800}.notification-item.info{border-left:3px solid #2196f3}.notification-item-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.notification-item-icon{font-size:16px}.notification-item-title{color:#333;flex:1 1;font-size:14px;font-weight:600}.notification-dismiss{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:20px}.notification-dismiss:hover{background:#f0f0f0;color:#333}.notification-item-message{color:#666;font-size:13px;line-height:1.4;margin-bottom:4px}.notification-item-time{color:#999;font-size:11px}.notification-empty{color:#999;font-size:14px;padding:32px;text-align:center}.notification-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10020}.notification-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.notification-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.notification-modal-header h2{align-items:center;color:#333;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}.notification-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.notification-modal-close:hover{background:#f0f0f0;color:#333}.notification-modal-content{flex:1 1;overflow-y:auto;padding:24px}.notification-modal-content p{color:#666;line-height:1.6;margin:0 0 16px}.notification-modal-data{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:16px;padding:16px}.notification-modal-data h3{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.notification-modal-data pre{word-wrap:break-word;color:#333;font-size:12px;margin:0;max-height:400px;overflow-y:auto;white-space:pre-wrap}.notification-modal-action{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:10px 20px;transition:background .2s}.notification-modal-action:hover{background:#1565c0}.group-simulation-toggle{position:relative;z-index:1000}.simulation-button{align-items:center;background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.simulation-button:hover{background:#4b5563;transform:translateY(-1px)}.simulation-button.active{background:#f59e0b;box-shadow:0 2px 8px #f59e0b4d}.simulation-button.active:hover{background:#d97706}.simulation-icon{font-size:1rem}.simulation-label{max-width:200px;overflow:hidden;text-overflow:ellipsis}.simulation-exit{font-size:.75rem;margin-left:4px;opacity:.8}.simulation-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.simulation-panel{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;left:50%;max-height:80vh;max-width:500px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.simulation-panel-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.simulation-panel-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-button:hover{background:#e5e7eb;color:#111827}.simulation-panel-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:20px}.simulation-info{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 16px}.simulation-groups-list{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:300px;overflow-y:auto;padding:8px}.simulation-group-item{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.simulation-group-item:hover{background:#f3f4f6}.simulation-group-item input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;height:18px;width:18px}.simulation-group-item span{color:#111827;flex:1 1;font-size:.875rem}.simulation-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e}.simulation-success,.simulation-warning{font-size:.875rem;margin-bottom:16px;padding:12px}.simulation-success{background:#d1fae5;border:1px solid #10b981;border-radius:6px;color:#065f46}.simulation-actions{display:flex;gap:12px;margin-top:20px}.apply-button,.cancel-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:10px 16px;transition:all .2s ease}.apply-button{background:#f59e0b;color:#fff}.apply-button:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.apply-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.cancel-button{background:#e5e7eb;color:#374151}.cancel-button:hover{background:#d1d5db}.user-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff26;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;gap:20px;height:48px;justify-content:space-between;left:260px;padding:0 20px;position:fixed;right:0;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:10005}.user-header.sidebar-collapsed{left:70px}.user-info{align-items:center;display:flex;gap:12px}.user-icon{font-size:18px;opacity:.95}.user-details{display:flex;flex-direction:column;gap:1px}.user-name{font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.user-domain{font-size:11px;font-weight:400;line-height:1.2;opacity:.85}.logout-button{background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.01em;padding:7px 18px;transition:all .2s ease}.logout-button:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.logout-button:active{background:#ffffff4d;transform:translateY(0)}.header-right-actions{align-items:center;display:flex;gap:10px}.two-factor-code-notification{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;padding:6px 12px;transition:all .2s ease}.two-factor-code-notification:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.two-factor-label{font-size:12px;opacity:.9}.two-factor-code{background:#ffffff26;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:2px;min-width:60px;padding:4px 8px;text-align:center}.status-button{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;min-width:36px;padding:7px 12px;transition:all .2s ease}.status-button:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.status-button:active{background:#ffffff4d;transform:translateY(0)}.rate-limit-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:10006}.rate-limit-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:400px;overflow-y:auto;padding:24px;width:100%}.rate-limit-modal h3{color:#1e293b;font-size:18px;margin:0 0 16px}.rate-limit-modal p{color:#64748b;margin:8px 0}.rate-limit-modal button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-right:8px;margin-top:16px;padding:8px 16px}.rate-limit-modal button:hover{background:#5568d3}.status-modal{max-width:500px}.status-section{margin-bottom:16px}.status-section h4{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.backend-status-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:20px}.backend-status-loading{max-width:500px}.backend-status-error,.backend-status-loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:60px 40px;text-align:center;width:100%}.backend-status-error{max-width:600px}.error-icon{color:#e74c3c;margin-bottom:30px}.error-icon svg{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.backend-status-error h1,.backend-status-loading h2{color:#2c3e50;font-weight:600;margin-bottom:20px}.backend-status-error p,.backend-status-loading p{color:#7f8c8d;font-size:16px;line-height:1.6}.error-message{background:#e74c3c1a;border-left:4px solid #e74c3c;border-radius:10px;color:#e74c3c!important;font-weight:500;margin-bottom:30px;padding:15px}.service-status{margin:30px 0;text-align:left}.service-item{align-items:center;background:#0000000d;border-radius:10px;display:flex;margin:10px 0;padding:15px;transition:all .3s ease}.service-item:hover{background:#0000001a;transform:translateY(-2px)}.service-item.online{background:#2ecc711a;border-left:4px solid #2ecc71}.service-item.offline{background:#e74c3c1a;border-left:4px solid #e74c3c}.service-indicator{border-radius:50%;flex-shrink:0;height:12px;margin-right:15px;width:12px}.service-item.online .service-indicator{background:#2ecc71;box-shadow:0 0 10px #2ecc7180}.service-item.offline .service-indicator{background:#e74c3c;box-shadow:0 0 10px #e74c3c80}.service-name{color:#2c3e50;flex:1 1;font-weight:500}.service-status-text{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.service-item.online .service-status-text{color:#2ecc71}.service-item.offline .service-status-text{color:#e74c3c}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;margin:30px 0}.action-buttons,.btn{justify-content:center}.btn{align-items:center;border-radius:10px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;min-width:140px;padding:12px 24px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 4px 15px #95a5a64d}.btn-secondary:hover:not(:disabled){box-shadow:0 6px 20px #95a5a666;transform:translateY(-2px)}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #3498db33;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 20px;width:40px}.troubleshooting{background:#0000000d;border-radius:10px;margin-top:30px;padding:20px;text-align:left}.troubleshooting h3{color:#2c3e50;font-size:16px;margin-bottom:15px}.troubleshooting ol{color:#7f8c8d;padding-left:20px}.troubleshooting li{line-height:1.5;margin-bottom:8px}.retry-info{background:#3498db1a;border-radius:10px;color:#2980b9;font-size:14px;margin-top:20px;padding:15px}.retry-info p{color:#2980b9!important;margin:5px 0}.start-instructions-temp{background:#ffc1071a;border:2px solid #ffc107;border-radius:10px;margin-top:30px;padding:25px}.start-instructions-temp h3{color:#856404;font-size:20px;margin-bottom:15px}.temp-warning{background:#dc35451a;border:2px solid #dc3545;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.temp-warning strong{color:#dc3545;font-size:16px}.start-instructions-temp .instruction-step{margin-bottom:25px}.start-instructions-temp .instruction-step h4{color:#856404;font-size:16px;font-weight:600;margin-bottom:10px}.start-instructions-temp .instruction-step p{color:#6c757d;margin-bottom:10px}.start-instructions-temp .code-block{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-family:Courier New,monospace;margin-bottom:8px;padding:10px 12px}.start-instructions-temp .code-block code{background:none;color:#495057;font-size:14px;padding:0}.start-instructions-temp .instruction-note{background:#0dcaf01a;border-left:4px solid #0dcaf0;border-radius:5px;margin-top:20px;padding:15px}.start-instructions-temp .instruction-note p{color:#0c5460;margin:0}.instructions-modal-overlay{align-items:center;background:#ff0000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.instructions-modal{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.instructions-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:25px 30px 20px}.instructions-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-btn:hover{background:#f8f9fa;color:#e74c3c}.instructions-content{padding:30px}.instructions-content p{color:#7f8c8d;line-height:1.6;margin-bottom:25px}.instruction-step{margin-bottom:30px}.instruction-step h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:10px}.instruction-step p{color:#7f8c8d;margin-bottom:15px}.code-block{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;font-family:Courier New,monospace;margin-bottom:10px;padding:12px 15px}.code-block code{background:none;color:#2c3e50;flex:1 1;font-size:14px;padding:0}.copy-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:10px;padding:6px 12px;transition:all .3s ease}.copy-btn:hover{background:#2980b9;transform:translateY(-1px)}.instruction-note{background:#3498db1a;border-left:4px solid #3498db;border-radius:5px;margin-top:20px;padding:15px}.instruction-note p{color:#2980b9;margin:0}.instructions-footer{border-top:1px solid #e0e0e0;padding:20px 30px;text-align:center}@media (max-width:768px){.backend-status-container{padding:10px}.backend-status-error,.backend-status-loading{padding:40px 20px}.action-buttons{align-items:center;flex-direction:column}.btn{max-width:250px;width:100%}.service-item{flex-direction:column;gap:10px;text-align:center}.service-indicator{margin-right:0}.instructions-modal{margin:10px;max-height:90vh}.instructions-content,.instructions-footer,.instructions-header{padding:20px}.code-block{align-items:stretch;flex-direction:column;gap:10px}.copy-btn{align-self:flex-end;margin-left:0}}.App{background-color:#f5f5f5;display:flex;min-height:100vh}.App-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a;color:#1e293b;justify-content:space-between;padding:.75rem 2rem;position:relative}.App-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.logo-link{color:inherit;text-decoration:none}.logo{align-items:center;display:flex;padding:.5rem;transition:all .2s}.logo:hover{text-decoration:none;transform:translateY(-1px)}.logo-icon{height:100px;object-fit:contain;width:auto}.logo-text{font-size:1.25rem;letter-spacing:.5px}.App-header h1{color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.75rem;font-weight:600;letter-spacing:-.025em;margin:0}.App-nav{display:flex;gap:.5rem}.nav-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-button:hover{background:#e2e8f0;border-color:#cbd5e1;color:#475569;text-decoration:none;transform:translateY(-1px)}.nav-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.nav-button.active:hover{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#2563eb;transform:translateY(-1px)}.settings-button{justify-content:center;margin-left:1rem;min-width:40px}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;max-width:100%;min-height:100vh;overflow-x:hidden;padding-top:48px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1);transition:margin-left .4s cubic-bezier(.4,0,.2,1);width:calc(100% - 260px)}body.todo-sidebar-open .main-content{margin-right:320px;width:calc(100% - 580px)}.main-content.sidebar-collapsed{margin-left:70px;width:calc(100% - 70px)}body.todo-sidebar-open .main-content.sidebar-collapsed{width:calc(100% - 390px)}.main-content.popout-mode{margin-left:0;padding-top:0;width:100%}.main-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;color:#1e293b;justify-content:flex-start;padding:1rem 2rem}.header-logo,.main-header{align-items:center;display:flex}.header-logo{background:#0000}.header-logo-img{height:80px;object-fit:contain;width:auto}.main-header h1{color:#1e293b;font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:0}.main-body{background:#f9fafb;flex:1 1;overflow-y:auto;padding:1rem 1.5rem}.main-footer{background:linear-gradient(135deg,#1e293b,#334155);border-top:1px solid #ffffff1a;color:#e2e8f0;padding:1rem 0;text-align:center}.main-footer p{font-size:.875rem;margin:0;opacity:.8}@media (max-width:768px){.main-content{margin-left:240px}.main-body{padding:1rem}}.App-header p{color:#6b7280;font-size:.95rem;margin:0}.App-main{background:#f9fafb;box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1600px;min-height:calc(100vh - 140px);padding:2rem;width:100%}.App-footer{background:linear-gradient(135deg,#1e293b,#334155);border-top:1px solid #ffffff1a;color:#e2e8f0;margin-top:auto;padding:1.5rem 0;text-align:center}.App-footer p{font-size:.875rem;margin:0;opacity:.8}@media (max-width:768px){.App-header h1{font-size:2rem}.App-header p{font-size:1rem}.App-main{padding:1rem 0}}body{background-color:#f5f5f5}.header-logo-text{background:#0000;color:#2563eb;font-size:2.5rem;font-weight:700;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}#root{height:100%;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.btn{border:none;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.form-group{margin-bottom:1rem}.form-label{font-weight:500;margin-bottom:.5rem}.form-control,.form-label{color:#495057;display:block}.form-control{background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;font-size:1rem;line-height:1.5;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.card{background-color:#fff;border:1px solid #dee2e6;border-radius:.5rem;box-shadow:0 2px 4px #0000001a}.card-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem}.card-body{padding:1rem}.card-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:1rem}.alert{border:1px solid #0000;border-radius:.25rem;margin-bottom:1rem;padding:1rem}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}
/*# sourceMappingURL=main.1c776c45.css.map*/