*{margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-normal)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;padding:0;margin:0;transition:all var(--transition-base)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold);border:1px solid var(--color-primary);transition:all var(--transition-base)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:var(--font-weight-medium);border:1px solid var(--color-border-primary);transition:all var(--transition-base)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{padding:var(--space-sm) var(--space-lg);background:var(--color-danger);color:#fff;font-weight:var(--font-weight-semibold);border:1px solid var(--color-danger);transition:all var(--transition-base)}.btn-danger:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.btn-icon{padding:var(--space-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.btn-icon:hover{background:var(--color-bg-hover);color:var(--color-primary);border-color:var(--color-primary)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-primary)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-body{color:var(--color-text-secondary)}input,select,textarea{font-family:inherit;font-size:inherit;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);transition:all var(--transition-base)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-primary)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-primary);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Courier New", "Consolas", "Monaco", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-full: 0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600}[data-theme=dark]{--color-bg-primary: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #16213e;--color-bg-hover: rgba(20, 184, 166, .1);--color-bg-active: rgba(20, 184, 166, .15);--color-text-primary: #e5e7eb;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-text-inverse: #111827;--color-text-tertiary: #6b7280;--color-border-primary: rgba(20, 184, 166, .2);--color-border-secondary: rgba(20, 184, 166, .15);--color-border-hover: rgba(20, 184, 166, .4);--color-primary: #14b8a6;--color-primary-hover: #0d9488;--color-primary-light: rgba(20, 184, 166, .1);--color-primary-dark: #0f766e;--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .1);--color-success-light: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .3);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-light: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .3);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .1);--color-danger-bg-hover: rgba(239, 68, 68, .2);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .1);--color-info-light: rgba(59, 130, 246, .1);--color-info-border: rgba(59, 130, 246, .3);--color-online: #10b981;--color-offline: #ef4444;--color-idle: #f59e0b;--gradient-primary: linear-gradient(135deg, #0d9488, #14b8a6);--gradient-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--gradient-border: linear-gradient(135deg, rgba(13, 148, 136, .2), rgba(20, 184, 166, .2))}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-hover: rgba(20, 184, 166, .05);--color-bg-active: rgba(20, 184, 166, .1);--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-text-tertiary: #9ca3af;--color-border-primary: rgba(107, 114, 128, .2);--color-border-secondary: rgba(107, 114, 128, .1);--color-border-hover: rgba(107, 114, 128, .3);--color-primary: #14b8a6;--color-primary-hover: #0d9488;--color-primary-light: rgba(20, 184, 166, .1);--color-primary-dark: #0f766e;--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .1);--color-success-light: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .3);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-light: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .3);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-danger: #dc2626;--color-danger-bg: rgba(220, 38, 38, .1);--color-danger-bg-hover: rgba(220, 38, 38, .15);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .1);--color-info-light: rgba(59, 130, 246, .1);--color-info-border: rgba(59, 130, 246, .3);--color-online: #10b981;--color-offline: #ef4444;--color-idle: #f59e0b;--gradient-primary: linear-gradient(135deg, #0d9488, #14b8a6);--gradient-bg: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);--gradient-border: linear-gradient(135deg, rgba(107, 114, 128, .1), rgba(107, 114, 128, .15));--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .25)}.theme-transition,body,button,input,textarea,select,.card,.sidebar,.header{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.action-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-modal{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)}.action-modal-title{display:flex;align-items:center;gap:.75rem}.action-modal-title h2{margin:0;font-size:1.25rem;color:#fff;font-weight:600}.action-modal-title .action-icon{color:#fff;width:24px;height:24px}.action-modal-header .close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.action-modal-header .close-btn:hover{background:#ffffff4d}.action-modal-content{padding:1.5rem;overflow-y:auto;max-height:60vh}.action-details h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.action-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.risk-badge{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:12px;margin-bottom:1rem}.risk-badge.low{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.risk-badge.medium{background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.risk-badge.high{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.risk-icon{width:24px;height:24px;flex-shrink:0}.risk-icon.low{color:#22c55e}.risk-icon.medium{color:#eab308}.risk-icon.high{color:#ef4444}.risk-text{display:flex;flex-direction:column;gap:.25rem}.risk-label{font-weight:600;color:var(--text-primary)}.risk-description{font-size:.875rem;color:var(--text-secondary)}.action-params{background:var(--bg-tertiary);border-radius:8px;padding:1rem;margin-bottom:1rem}.action-params h4{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary)}.params-list{display:flex;flex-direction:column;gap:.5rem}.param-item{display:flex;gap:.5rem}.param-key{color:var(--text-secondary)}.param-value{color:var(--primary-color);font-weight:500;font-family:monospace}.action-duration{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.command-preview{background:#1e1e1e;border-radius:8px;padding:1rem;margin-bottom:1rem}.command-preview h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.75rem;color:#888;text-transform:uppercase}.command-preview code{display:block;color:#4ade80;font-family:Fira Code,Consolas,monospace;font-size:.875rem;word-break:break-all}.execution-status{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-top:1rem}.execution-status.executing{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.spin{animation:spin 1s linear infinite}.execution-result{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;margin-top:1rem}.execution-result.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.execution-result.success .result-icon{color:#22c55e}.execution-result.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.execution-result.error .result-icon{color:#ef4444}.result-icon{width:24px;height:24px;flex-shrink:0}.result-text{flex:1}.result-text strong{display:block;margin-bottom:.25rem;color:var(--text-primary)}.result-text p{margin:0;color:var(--text-secondary)}.result-output{background:var(--bg-tertiary);padding:.75rem;border-radius:6px;margin-top:.75rem;font-size:.75rem;overflow-x:auto;max-height:150px;overflow-y:auto}.action-modal-footer{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.action-modal-footer button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-cancel:hover{background:var(--bg-tertiary)}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff}.btn-approve:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.btn-close{background:var(--primary-color);border:none;color:#fff}.btn-close:hover{background:var(--primary-hover)}.security-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);color:var(--text-muted);font-size:.75rem;border-top:1px solid var(--border-color)}.action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.action-button:disabled{opacity:.7;cursor:not-allowed}.action-button.risk-low{border-color:#22c55e4d;background:#22c55e1a}.action-button.risk-low:hover:not(:disabled){background:#22c55e33}.action-button.risk-medium{border-color:#eab3084d;background:#eab3081a}.action-button.risk-medium:hover:not(:disabled){background:#eab30833}.action-button.risk-high{border-color:#ef44444d;background:#ef44441a}.action-button.risk-high:hover:not(:disabled){background:#ef444433}.risk-indicator{font-size:.7rem;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;font-weight:600}.action-button.risk-medium .risk-indicator{background:#eab3084d;color:#eab308}.action-button.risk-high .risk-indicator{background:#ef44444d;color:#ef4444}.action-suggestions{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-top:1rem}.suggestions-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.suggestions-header svg{color:var(--primary-color)}.suggestions-list{display:flex;flex-wrap:wrap;gap:.5rem}.high-risk-confirmation{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin:1rem 0;display:flex;align-items:flex-start;gap:.75rem}.high-risk-confirmation .warning-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.confirmation-checkbox{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;color:var(--text-primary);font-size:.875rem;line-height:1.5}.confirmation-checkbox input[type=checkbox]{margin-top:3px;cursor:pointer;width:18px;height:18px;flex-shrink:0}.confirmation-checkbox strong{color:#ef4444;font-weight:600}.btn-approve:disabled{opacity:.5;cursor:not-allowed;background:#6b7280}.btn-approve:disabled:hover{background:#6b7280;transform:none}[data-theme=dark] .command-preview{background:#0d0d0d}[data-theme=dark] .action-modal{box-shadow:0 20px 60px #00000080}[data-theme=dark] .high-risk-confirmation{background:#ef444426;border-color:#ef444466}.theme-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-hover);border:none;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);outline:none}.theme-toggle:hover{background:var(--color-bg-active);transform:translateY(-2px)}.theme-toggle:focus{outline:none}.theme-toggle:active{outline:none}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.theme-toggle-text{display:inline}@media(max-width:768px){.theme-toggle-text{display:none}.theme-toggle{padding:var(--space-sm)}}.sidebar{width:280px;min-width:280px;height:100vh;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;box-shadow:var(--shadow-md);position:sticky;top:0;left:0}.sidebar-header{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-hover)}.logo{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-primary)}.logo svg{flex-shrink:0}.logo-text{display:flex;flex-direction:column}.logo-text h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.logo-text .tagline{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.sidebar-user{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-hover)}.user-avatar{width:40px;height:40px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;border-radius:50%}.user-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-tier{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.sidebar-nav{flex:1;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-primary);transform:translate(4px)}.nav-item.active{background:var(--color-bg-active);color:var(--color-primary);border-left:3px solid var(--color-primary);padding-left:calc(var(--space-md) - 3px)}.nav-item svg{flex-shrink:0}.nav-item.admin-only{position:relative}.admin-badge{margin-left:auto;color:var(--color-warning);opacity:.7}.nav-item.admin-only:hover .admin-badge{opacity:1}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--color-border-primary);display:flex;flex-direction:column;gap:var(--space-sm)}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.logout-btn:hover{background:var(--color-danger-bg-hover);border-color:var(--color-danger);transform:translateY(-2px)}.logout-btn:focus,.logout-btn:active{outline:none}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border-primary)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media(max-width:768px){.sidebar{width:70px;min-width:70px}.sidebar-header{padding:var(--space-md) var(--space-sm)}.logo-text,.sidebar-user,.nav-item span{display:none}.logo{justify-content:center}.sidebar-user{justify-content:center;padding:var(--space-md) var(--space-sm)}.nav-item{justify-content:center;padding:var(--space-sm)}.logout-btn span{display:none}.logout-btn{justify-content:center;padding:var(--space-sm)}}.dashboard-container{flex:1;padding:var(--space-xl);overflow-y:auto;background:var(--color-bg-primary)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.dashboard-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.dashboard-header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.quick-action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:none;transition:all var(--transition-base)}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card.blue{border-left:4px solid var(--color-info)}.stat-card.orange{border-left:4px solid var(--color-warning)}.stat-card.green{border-left:4px solid var(--color-success)}.stat-card.red{border-left:4px solid var(--color-danger)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-hover);color:var(--color-primary)}.stat-trend{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm)}.stat-trend.up{color:var(--color-success);background:var(--color-success-bg)}.stat-trend.down{color:var(--color-danger);background:var(--color-danger-bg)}.stat-body h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.stat-body p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.content-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-primary)}.section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.view-all-link{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-base)}.view-all-link:hover{gap:var(--space-sm)}.issues-list{display:flex;flex-direction:column;gap:var(--space-sm)}.issue-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);transition:all var(--transition-base)}.issue-item:hover{background:var(--color-bg-active);border-color:var(--color-border-hover)}.issue-info{display:flex;align-items:center;gap:var(--space-sm)}.issue-id{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.issue-title{color:var(--color-text-primary);font-size:var(--font-size-sm)}.issue-meta{display:flex;align-items:center;gap:var(--space-sm)}.priority-badge{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.priority-badge.critical,.priority-badge.high{background:var(--color-danger-bg);color:var(--color-danger)}.priority-badge.medium{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge.open{background:var(--color-info-bg);color:var(--color-info)}.status-badge.in_progress,.status-badge.in-progress{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.assigned_to_human{background:linear-gradient(135deg,#a855f71a,#8b5cf61a);color:#a855f7}.status-badge.resolved{background:var(--color-success-bg);color:var(--color-success)}.status-badge.closed{background:#64748b1a;color:#64748b}.issue-time{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.system-status-list{display:flex;flex-direction:column;gap:var(--space-sm)}.status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-hover);border:1px solid var(--color-border-primary)}.status-info{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-primary)}.status-details{display:flex;align-items:center;gap:var(--space-md)}.uptime{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.status-indicator{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm)}.status-indicator.online{background:var(--color-success-bg);color:var(--color-success)}.status-indicator.offline{background:var(--color-danger-bg);color:var(--color-danger)}.status-dot{width:8px;height:8px;background:currentColor;animation:pulse 2s infinite}.quick-actions-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg)}.quick-actions-panel h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer}.action-card:hover{background:var(--color-bg-active);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}@media(max-width:1024px){.dashboard-content{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-container{padding:var(--space-md)}.dashboard-header{flex-direction:column;gap:var(--space-md)}.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}.ticket-list-container.jira-style{flex:1;padding:0;background:var(--color-bg-primary);overflow-y:auto;color:var(--color-text-primary)}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--color-bg-primary);border:2px solid var(--color-border-primary);padding:0 .75rem;min-width:300px;height:38px}.search-box input{border:none;background:transparent;flex:1;font-size:.875rem;color:var(--color-text-primary);outline:none;width:auto}.search-box:focus-within{border-color:var(--color-primary)}.filter-group{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem}.filter-btn:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.filter-btn:focus,.filter-btn:active{outline:none}.filter-btn.active{background:#10b9811a;color:var(--color-primary);border-color:var(--color-primary)}.toolbar-right{display:flex;gap:.75rem;align-items:center}.view-switcher{display:flex;gap:.25rem;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);padding:.25rem}.view-btn{padding:.5rem;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center}.view-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.view-btn:focus,.view-btn:active{outline:none}.view-btn.active{background:var(--color-primary);color:#fff}.refresh-btn{padding:.5rem .75rem;background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center}.refresh-btn:hover{background:var(--color-bg-hover);color:var(--color-primary);border-color:var(--color-primary)}.refresh-btn:focus,.refresh-btn:active{outline:none}.jira-board{display:flex;gap:1rem;padding:1.5rem;overflow-x:auto;min-height:calc(100vh - 200px);scrollbar-width:none;-ms-overflow-style:none}.jira-board::-webkit-scrollbar{width:0;display:none}.board-column{flex:1;min-width:280px;background:var(--color-bg-secondary);display:flex;flex-direction:column;max-height:calc(100vh - 220px)}.column-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:var(--color-bg-primary);border-bottom:2px solid var(--color-border-primary);color:var(--color-text-secondary);font-weight:600;font-size:.875rem}.column-title{flex:1;text-transform:uppercase;letter-spacing:.5px}.column-count{background:var(--color-bg-secondary);padding:.125rem .5rem;font-size:.75rem}.column-content{flex:1;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:none;-ms-overflow-style:none}.column-content::-webkit-scrollbar{width:0;display:none}.board-ticket{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);padding:.875rem;cursor:move;transition:all .2s;box-shadow:0 1px 2px #0000001a}.board-ticket:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.board-ticket.priority-critical{border-left:4px solid #DE350B}.board-ticket.priority-high{border-left:4px solid #FF8B00}.board-ticket.priority-medium{border-left:4px solid #FFAB00}.board-ticket.priority-low{border-left:4px solid #36B37E}.board-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ticket-key{font-size:.75rem;color:var(--color-text-secondary);font-weight:600}.priority-icon{display:flex;align-items:center}.priority-icon.priority-critical{color:#de350b}.priority-icon.priority-high{color:#ff8b00}.priority-icon.priority-medium{color:#ffab00}.priority-icon.priority-low{color:#36b37e}.board-ticket-title{font-size:.875rem;font-weight:500;margin:0 0 .75rem;color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-ticket-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--color-border-primary)}.ticket-meta-section{display:flex;flex-direction:column;gap:.25rem}.ticket-meta-small{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-secondary)}.ticket-meta-small.assignee-badge{color:var(--color-primary);font-weight:500;background:#10b9811a;padding:.125rem .375rem}.ticket-actions-compact{display:flex;gap:.25rem}.icon-btn{padding:.375rem;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center}.icon-btn.delete:hover{color:#de350b}.icon-btn:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed;color:var(--color-text-secondary)}.icon-btn:disabled:hover,.btn-primary:disabled:hover{background:transparent;color:var(--color-text-secondary)}.no-actions{padding:.375rem;display:flex;align-items:center;color:var(--color-text-secondary);opacity:.6;cursor:default}.empty-column{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary);font-size:.875rem}.jira-list{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:.5rem}.list-ticket{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);transition:all .2s}.list-ticket:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #10b9811a}.list-ticket-main{display:grid;grid-template-columns:60px 1fr auto auto auto;gap:1rem;align-items:center;padding:1rem 1.25rem}.list-ticket-id{font-weight:600;color:var(--color-text-secondary);font-size:.875rem}.list-ticket-content{flex:1;min-width:0;max-width:100%;overflow:hidden}.list-ticket-title{font-size:.9375rem;font-weight:500;margin:0 0 .25rem;color:var(--color-text-primary)}.list-ticket-description{font-size:.8125rem;color:var(--color-text-secondary);margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.list-ticket-meta{display:flex;gap:.5rem;align-items:center}.list-ticket-info{display:flex;gap:1rem;align-items:center}.info-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-text-secondary)}.list-ticket-actions{display:flex;gap:.25rem}.jira-table-container{padding:1.5rem 2rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.jira-table-container::-webkit-scrollbar{width:0;display:none}.jira-table{width:100%;background:var(--color-bg-secondary);border-collapse:collapse;border:1px solid var(--color-border-primary);font-size:.875rem}.jira-table thead{background:var(--color-bg-primary);border-bottom:2px solid var(--color-border-primary)}.jira-table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px}.jira-table tbody tr{border-bottom:1px solid var(--color-border-primary);transition:all .2s}.jira-table tbody tr:hover{background:var(--color-bg-hover)}.jira-table td{padding:1rem;color:var(--color-text-primary)}.table-id{font-weight:600;color:var(--color-text-secondary)}.table-title{font-weight:500}.title-cell{max-width:400px}.title-cell span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-cell{display:flex;align-items:center;gap:.375rem;color:var(--color-text-secondary)}.table-actions{display:flex;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-open{background:#e3fcef;color:#064}.status-progress{background:#10b9811a;color:var(--color-primary)}.status-assigned{background:#eae6ff;color:#5243aa}.status-resolved{background:#e3fcef;color:#064}.status-closed{background:#f4f5f7;color:#42526e}.priority-badge-critical{background:#ffebe6;color:#de350b}.priority-badge-high{background:#fff0b3;color:#ff8b00}.priority-badge-medium{background:#fff7d6;color:#ff991f}.priority-badge-low{background:#e3fcef;color:#00875a}.category-badge{background:#f4f5f7;color:#42526e}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.empty-icon{margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--color-text-primary)}.empty-state p{margin:0;font-size:.9375rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-secondary);max-width:640px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{width:0;display:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid var(--color-border-primary)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal-close{padding:.375rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center}.modal-close:focus,.modal-close:active{outline:none}.ticket-form{padding:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--color-text-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.625rem .75rem;background:var(--color-bg-primary);border:2px solid var(--color-border-primary);font-size:.875rem;color:var(--color-text-primary);transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.form-group textarea{resize:vertical;min-height:120px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--color-border-primary)}.btn-cancel{padding:.625rem 1.25rem;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--color-bg-hover);border-color:var(--color-text-secondary)}.btn-cancel:focus,.btn-cancel:active{outline:none}.btn-submit{padding:.625rem 1.25rem;background:var(--color-primary);color:#fff;border:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--color-primary-hover)}.btn-submit:focus,.btn-submit:active{outline:none}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.jira-board{padding:1rem}.board-column{min-width:240px}.jira-header{padding:1rem 1.5rem}.header-stats{gap:.75rem}}@media(max-width:1024px){.jira-header{flex-direction:column;align-items:flex-start;gap:1rem}.jira-header-left{width:100%}.header-stats{flex-wrap:wrap}.jira-header-right{width:100%}.btn-primary{flex:1;justify-content:center}.jira-toolbar{flex-wrap:wrap;gap:1rem}.toolbar-right,.filter-group{flex-wrap:wrap}.list-ticket-main{grid-template-columns:auto 1fr;gap:.75rem}.list-ticket-meta{grid-column:1 / -1}.list-ticket-info{flex-wrap:wrap;gap:.5rem}.list-ticket-actions{grid-column:1 / -1;justify-content:flex-end}}@media(max-width:768px){.jira-header{flex-direction:column;gap:1rem;padding:1rem}.jira-header-left{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.jira-header-left h1{font-size:1.5rem}.header-stats{flex-wrap:wrap;padding-left:0;border-left:none;padding-top:.75rem;border-top:1px solid var(--color-border-primary);width:100%}.jira-header-right{width:100%;justify-content:stretch}.btn-primary{flex:1;justify-content:center}.jira-toolbar{flex-direction:column;gap:1rem;align-items:stretch;padding:1rem}.toolbar-left,.toolbar-right{flex-direction:column;width:100%}.search-box{min-width:100%}.filter-group{flex-wrap:wrap}.filter-btn{flex:1;min-width:calc(50% - .25rem);justify-content:center}.view-switcher{width:100%;justify-content:center}.view-btn{flex:1;justify-content:center}.refresh-btn{width:100%;justify-content:center}.jira-board{flex-direction:column;padding:1rem}.board-column{min-width:100%}.list-ticket{margin-bottom:.75rem}.list-ticket-main{grid-template-columns:1fr;gap:.75rem;padding:1rem}.list-ticket-id{font-size:.75rem}.list-ticket-content{order:2}.list-ticket-meta{order:3;flex-direction:column;align-items:flex-start;gap:.5rem}.list-ticket-info{order:4;flex-direction:column;align-items:flex-start;gap:.5rem}.list-ticket-actions{order:5;width:100%;justify-content:flex-start}.jira-table-container{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.jira-table-container::-webkit-scrollbar{width:0;display:none}.form-row{grid-template-columns:1fr}}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#de350b}.error-icon{margin-bottom:1rem}.retry-btn{margin-top:1rem;padding:.625rem 1.25rem;background:var(--color-primary);color:#fff;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.retry-btn:hover{background:var(--color-primary-hover)}.retry-btn:focus,.retry-btn:active{outline:none}.chat-history-modal{max-width:800px;width:95%;max-height:85vh;display:flex;flex-direction:column}.chat-history-header-info{display:flex;align-items:center;gap:.75rem}.chat-history-header-info h2{margin:0}.chat-history-ticket-info{padding:1rem 1.5rem;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary)}.chat-history-ticket-info h3{margin:0 0 .75rem;font-size:1rem;color:var(--color-text-primary)}.ticket-meta-row{display:flex;gap:.75rem;flex-wrap:wrap}.chat-history-content{flex:1;padding:1.5rem;overflow-y:auto;max-height:55vh}.chat-loading,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--color-text-secondary)}.chat-empty p{margin:1rem 0 .5rem;font-size:1rem;color:var(--color-text-primary)}.chat-empty small{font-size:.8125rem;color:var(--color-text-secondary)}.chat-messages-list{display:flex;flex-direction:column;gap:1rem}.chat-message-item{padding:1rem;background:var(--color-bg-primary);border:1px solid var(--color-border-primary)}.chat-message-item.user{background:#10b98114;border-color:#10b9814d}.chat-message-item.assistant{background:var(--color-bg-primary)}.chat-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-primary)}.chat-role{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.chat-message-item.user .chat-role{color:var(--color-primary)}.chat-time{font-size:.75rem;color:var(--color-text-secondary)}.chat-message-body{font-size:.9375rem;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.chat-image-indicator{margin-top:.75rem;padding:.5rem .75rem;background:#10b9811a;font-size:.8125rem;color:var(--color-text-secondary)}.chat-image-analysis{margin-top:.75rem;padding:.75rem;background:#10b9810d;border-left:3px solid var(--color-primary);font-size:.875rem;color:var(--color-text-secondary)}.chat-image-analysis strong{color:var(--color-primary)}@media(max-width:768px){.chat-history-modal{max-height:95vh;width:98%}.chat-history-content{max-height:60vh;padding:1rem}.chat-message-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.chat-history-actions{display:flex;justify-content:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.btn-continue-chat,.btn-fix-with-bot{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s}.btn-continue-chat:hover,.btn-fix-with-bot:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-continue-chat:active,.btn-fix-with-bot:active{transform:translateY(0)}.chat-empty .btn-fix-with-bot{margin-top:1.5rem}.chat-empty svg{color:var(--color-primary);opacity:.7}.info-item.assignee,.user-cell.assignee{color:var(--color-primary);font-weight:500}.user-cell.assignee .text-muted{color:var(--color-text-secondary);font-weight:400;font-style:italic}.permission-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.permission-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.permission-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);border-bottom:1px solid var(--color-border-primary);text-align:center}.permission-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border:2px solid var(--color-primary);color:var(--color-primary)}.permission-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.permission-body{padding:var(--space-xl)}.permission-info{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--color-info-bg);border:1px solid var(--color-info);margin-bottom:var(--space-lg)}.permission-info svg{color:var(--color-info);flex-shrink:0;margin-top:2px}.permission-info p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.permission-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.permission-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-hover)}.permission-item svg{flex-shrink:0;margin-top:2px}.permission-item svg.available{color:var(--color-success)}.permission-item svg.limited{color:var(--color-warning)}.permission-item div{flex:1}.permission-item strong{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.permission-item span{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.permission-warning{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-warning-bg);border:1px solid var(--color-warning);margin-bottom:var(--space-lg)}.permission-warning svg{color:var(--color-warning);flex-shrink:0;margin-top:2px}.permission-warning strong{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin-bottom:var(--space-xs)}.permission-warning p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.permission-checkbox{margin-bottom:var(--space-lg)}.permission-checkbox label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary)}.permission-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.permission-actions{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--color-border-primary);justify-content:flex-end}.permission-btn-deny,.permission-btn-grant{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none}.permission-btn-deny{background:var(--color-bg-hover);color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.permission-btn-deny:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.permission-btn-grant{background:var(--color-primary);color:#fff}.permission-btn-grant:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.permission-btn-grant:disabled{opacity:.5;cursor:not-allowed}.permission-modal::-webkit-scrollbar{width:8px}.permission-modal::-webkit-scrollbar-track{background:var(--color-bg-hover)}.permission-modal::-webkit-scrollbar-thumb{background:var(--color-border-primary)}.permission-modal::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media(max-width:768px){.permission-modal{width:95%;max-height:95vh}.permission-header,.permission-body{padding:var(--space-lg)}.permission-actions{flex-direction:column-reverse}.permission-btn-deny,.permission-btn-grant{width:100%;justify-content:center}}.monitoring-container{flex:1;padding:var(--space-xl);overflow-y:auto;background:var(--color-bg-primary)}.monitoring-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.monitoring-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.monitoring-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.real-data-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 8px;background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.header-actions{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.auto-update-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-hover);color:var(--color-text-secondary);border:1px solid var(--color-border-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.auto-update-btn:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.auto-update-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.auto-update-btn.active:hover{opacity:.9}.last-update-time{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);background:var(--color-bg-hover);white-space:nowrap}.permission-request-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.permission-request-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.permission-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-warning-bg);border:2px solid var(--color-warning);margin-bottom:var(--space-xl)}.permission-banner svg{color:var(--color-warning);flex-shrink:0}.permission-banner div{flex:1}.permission-banner strong{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin-bottom:var(--space-xs)}.permission-banner p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.grant-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-warning);color:#fff;border:none;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.grant-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.system-info-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg);margin-bottom:var(--space-xl)}.info-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-primary)}.info-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.info-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-hover)}.info-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold)}.info-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.info-value.user-agent{font-size:var(--font-size-sm);font-family:Courier New,monospace;word-break:break-all;color:var(--color-text-secondary)}.refresh-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 1.5rem;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.refresh-btn:hover{background:var(--color-bg-active);border-color:var(--color-primary)}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.metrics-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl);max-width:800px}.metric-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg);position:relative;overflow:hidden}.metric-card.good{border-left:4px solid var(--color-success)}.metric-card.warning{border-left:4px solid var(--color-warning)}.metric-card.critical{border-left:4px solid var(--color-danger)}.metric-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-hover);color:var(--color-primary);margin-bottom:var(--space-md)}.metric-info{margin-bottom:var(--space-md)}.metric-title{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.metric-value{display:flex;align-items:baseline;gap:var(--space-xs)}.metric-value .value{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.metric-value .unit{font-size:var(--font-size-xl);color:var(--color-text-tertiary)}.metric-bar{height:6px;background:var(--color-bg-hover);overflow:hidden}.metric-fill{height:100%;background:var(--color-primary);transition:width .5s ease}.metric-card.warning .metric-fill{background:var(--color-warning)}.metric-card.critical .metric-fill{background:var(--color-danger)}.monitoring-content{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.services-section,.logs-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg)}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary)}.section-header h2{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.realtime-indicator{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto;font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-medium)}.realtime-dot{width:8px;height:8px;background:var(--color-success);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.empty-logs{padding:var(--space-xl);text-align:center;color:var(--color-text-tertiary)}.empty-logs p{margin:0;font-size:var(--font-size-sm)}.services-table{overflow-x:auto}.services-table table{width:100%;border-collapse:collapse}.services-table th{text-align:left;padding:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border-primary)}.services-table td{padding:1rem .75rem;border-bottom:1px solid var(--color-border-primary)}.service-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.port,.uptime{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:var(--font-weight-semibold);text-transform:capitalize}.status-badge.running{background:var(--color-success-bg);color:var(--color-success)}.status-badge.stopped{background:var(--color-danger-bg);color:var(--color-danger)}.health-badge{padding:.35rem .75rem;font-size:.8rem;font-weight:var(--font-weight-semibold);text-transform:capitalize}.health-badge.healthy{background:var(--color-success-bg);color:var(--color-success)}.health-badge.degraded{background:var(--color-warning-bg);color:var(--color-warning)}.health-badge.unhealthy{background:var(--color-danger-bg);color:var(--color-danger)}.logs-container{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.log-entry{display:grid;grid-template-columns:auto auto 1fr;gap:var(--space-md);padding:var(--space-sm) 1rem;background:var(--color-bg-hover);border-left:3px solid var(--color-primary);font-family:Courier New,monospace;font-size:var(--font-size-sm)}.log-entry.warning{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.log-entry.error{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.log-time{color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.log-level{padding:.15rem .5rem;font-size:.75rem;font-weight:var(--font-weight-bold)}.log-level.info{background:var(--color-info-bg);color:var(--color-info)}.log-level.warning{background:var(--color-warning-bg);color:var(--color-warning)}.log-level.error{background:var(--color-danger-bg);color:var(--color-danger)}.log-message{color:var(--color-text-primary)}.logs-container::-webkit-scrollbar{width:6px}.logs-container::-webkit-scrollbar-track{background:var(--color-bg-hover)}.logs-container::-webkit-scrollbar-thumb{background:var(--color-primary)}.logs-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media(max-width:768px){.monitoring-container{padding:var(--space-md)}.monitoring-header{flex-direction:column;gap:var(--space-md)}.metrics-grid{grid-template-columns:1fr}.services-table{font-size:var(--font-size-sm)}.log-entry{grid-template-columns:1fr;gap:var(--space-sm);font-size:.75rem}}.system-stats-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg);margin-bottom:var(--space-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.stat-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-hover)}.stat-item svg{color:var(--color-primary);flex-shrink:0}.stat-item div{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.processes-section{margin-bottom:var(--space-xl)}.processes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-lg)}.process-list{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg)}.process-table{margin-top:var(--space-md);overflow-x:auto}.process-table table{width:100%;border-collapse:collapse}.process-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-primary)}.process-table td{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-primary)}.process-table tr:last-child td{border-bottom:none}.process-name{font-weight:var(--font-weight-medium);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.high-usage{color:var(--color-warning);font-weight:var(--font-weight-semibold)}@media(max-width:768px){.processes-grid,.stats-grid{grid-template-columns:1fr}}.sla-loading,.sla-error{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#94a3b8;font-size:.95rem}.sla-error{color:#ef4444}.sla-header{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:1.25rem}.sla-icon{padding:.5rem;background:#f973161a;flex-shrink:0;color:#fb923c;display:flex;align-items:center;justify-content:center}.sla-title-section{flex:1}.sla-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .25rem}.sla-subtitle{font-size:.8125rem;color:#94a3b8;margin:0}.sla-table-wrapper{overflow-x:auto;border:1px solid #334155;background:#0f172a4d}.sla-table{width:100%;border-collapse:collapse;table-layout:fixed}.sla-table thead{background:#0f172a80}.sla-th{padding:1rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid #334155}.sla-th:nth-child(1){width:40%}.sla-th:nth-child(2){width:15%}.sla-th:nth-child(3){width:20%}.sla-th:nth-child(4){width:25%}.sla-row{transition:background-color .2s ease}.sla-row:hover{background:#3341554d}.sla-row:not(:last-child){border-bottom:1px solid #334155}.sla-td{padding:1rem;font-size:.875rem;color:#e2e8f0;vertical-align:top}.sla-ticket-info{display:flex;flex-direction:column;gap:.25rem}.sla-ticket-title{color:#fff;font-weight:500;word-break:break-word;line-height:1.4}.sla-ticket-id{font-size:.6875rem;color:#64748b}.sla-priority{display:inline-block;padding:.375rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;border-radius:.25rem;white-space:nowrap}.sla-priority.critical{background:#dc262633;color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.sla-priority.high{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.sla-priority.medium{background:#eab30833;color:#facc15;border:1px solid rgba(234,179,8,.3)}.sla-priority.low{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.sla-prediction{display:flex;flex-direction:column;gap:.25rem;font-family:Monaco,Menlo,Courier New,monospace}.sla-predicted-hours{font-size:1rem;font-weight:700;color:#cbd5e1}.sla-limit{font-size:.6875rem;color:#64748b}.sla-status{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:700;border-radius:9999px;width:fit-content;white-space:nowrap}.sla-status.risk{background:#7f1d1d4d;color:#f87171;border:1px solid rgba(239,68,68,.2)}.sla-status.safe{background:#14532d4d;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.sla-no-data{padding:3rem 2rem;text-align:center;color:#94a3b8}.sla-empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem}.sla-empty-state svg{color:#64748b}.sla-empty-state p{margin:0;font-size:1rem}.animate-spin{animation:spin 1s linear infinite}@media(max-width:768px){.sla-table-wrapper{overflow-x:scroll}.sla-table{min-width:600px}.sla-th,.sla-td{padding:.75rem .5rem;font-size:.8125rem}.sla-predicted-hours{font-size:.875rem}}.reports-container{flex:1;padding:var(--space-xl);overflow-y:auto;background:var(--color-bg-primary)}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.reports-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.reports-header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.header-actions{display:flex;gap:var(--space-md)}.filter-btn,.export-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 1.25rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.filter-btn{background:var(--color-bg-hover);border:1px solid var(--color-border-primary);color:var(--color-primary)}.filter-btn:hover{background:var(--color-bg-active);border-color:var(--color-primary)}.export-btn{background:var(--color-primary);border:none;color:#fff}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.report-controls{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary)}.control-group{display:flex;flex-direction:column;gap:var(--space-sm)}.control-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.control-group select{padding:var(--space-sm) 1rem;background:var(--color-bg-active);border:1px solid var(--color-border-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer}.control-group select option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--space-sm)}.date-input{padding:var(--space-sm) 1rem;background:var(--color-bg-active);border:1px solid var(--color-border-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.date-input:hover{border-color:var(--color-primary)}.date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.control-group select:focus{outline:none;border-color:var(--color-primary)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-box{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg);text-align:center}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.stat-change{font-size:.8rem;font-weight:var(--font-weight-semibold);padding:.25rem .75rem;display:inline-block}.stat-change.positive{background:var(--color-success-bg);color:var(--color-success)}.stat-change.neutral{background:var(--color-info-bg);color:var(--color-info)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.report-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg)}.report-card-full-width{grid-column:1 / -1;margin-bottom:var(--space-xl)}.card-header{margin-bottom:var(--space-lg);padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary)}.card-header h3{display:flex;align-items:center;gap:var(--space-sm);font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chart-container{display:flex;flex-direction:column;gap:var(--space-md)}.bar-item{display:flex;flex-direction:column;gap:var(--space-sm)}.bar-label{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-primary);font-size:var(--font-size-sm)}.bar-count{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.bar-graph{position:relative;height:32px;background:var(--color-bg-hover);overflow:hidden;display:flex;align-items:center}.bar-fill{height:100%;background:var(--color-primary);transition:width .5s ease}.bar-percentage{position:absolute;right:.75rem;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.trend-chart{display:flex;justify-content:space-around;align-items:flex-end;height:250px;padding:1rem 0;gap:var(--space-md)}.trend-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative}.trend-fill{width:100%;background:var(--color-primary);min-height:20px;transition:height .5s ease}.trend-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.trend-value{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:1.1rem}.distribution-chart{display:flex;flex-direction:column;gap:1.25rem}.dist-item{display:grid;grid-template-columns:100px 1fr 60px;gap:var(--space-md);align-items:center}.dist-label{color:var(--color-text-primary);font-size:var(--font-size-sm)}.dist-bar{height:28px;background:var(--color-bg-hover);overflow:hidden}.dist-fill{height:100%;background:var(--color-primary);transition:width .5s ease}.dist-value{color:var(--color-primary);font-weight:var(--font-weight-bold);text-align:right}.metrics-list{display:flex;flex-direction:column;gap:var(--space-md)}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-hover);border:1px solid var(--color-border-primary)}.metric-name{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.metric-value{color:var(--color-primary);font-size:1.1rem;font-weight:var(--font-weight-bold)}.prediction-card{grid-column:span 2;overflow:visible}.prediction-content{color:#fff!important;overflow:visible}.prediction-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-active, #1f2937)}.status-badge{padding:.5rem 1rem;font-weight:600;text-transform:uppercase;font-size:.875rem}.prediction-status.healthy .status-badge{background:#22c55e20;color:#22c55e}.prediction-status.warning .status-badge{background:#f59e0b20;color:#f59e0b}.prediction-status.critical .status-badge{background:#ef444420;color:#ef4444}.confidence{color:#fff!important;font-size:.875rem;font-weight:500}.prediction-metrics{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;overflow:visible}.metric-row{display:grid;grid-template-columns:120px 1fr 80px;align-items:center;gap:1rem;color:#fff!important;overflow:visible}.metric-row>span:first-child{color:#fff!important;font-weight:500}.metric-value{color:#fff!important;font-weight:700!important;text-align:right!important;font-size:.75rem!important;background:#3b82f633!important;padding:.25rem .5rem!important;min-width:60px!important;display:inline-block!important}.bar-bg{height:8px;background:var(--color-bg-active, #374151);overflow:hidden}.bar-fg{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:width .3s ease}.prediction-alerts{margin-top:1.5rem;padding:1rem;background:#ef444410;border-left:3px solid #ef4444;border-radius:4px}.prediction-alerts h4{margin:0 0 .75rem;color:#ef4444;font-size:.875rem;font-weight:600}.alert-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary, #d1d5db);font-size:.875rem;margin-bottom:.5rem}.alert-item svg{color:#ef4444}.prediction-recommendations{margin-top:1.5rem;padding:1rem;background:var(--color-bg-active, #1f2937)}.prediction-recommendations h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#fff!important}.prediction-recommendations p{margin:0;color:#fff!important;font-size:.875rem;line-height:1.6}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg);min-height:400px;text-align:center}.spinner{width:50px;height:50px;border:4px solid var(--color-border-primary);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.loading{text-align:center;padding:2rem;color:var(--color-text-secondary, #9ca3af)}@media(max-width:1024px){.reports-grid{grid-template-columns:1fr}}@media(max-width:768px){.reports-container{padding:var(--space-md)}.reports-header{flex-direction:column;gap:var(--space-md)}.header-actions{width:100%}.filter-btn,.export-btn{flex:1}.report-controls{flex-direction:column}.stats-overview{grid-template-columns:1fr}.dist-item{grid-template-columns:80px 1fr 50px}}.error-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-lg);background:var(--color-error-light);border:1px solid var(--color-error-border);border-left:4px solid var(--color-error);color:var(--color-text-primary);font-size:var(--font-size-sm)}.error-banner svg{flex-shrink:0;color:var(--color-error)}@media print{body{background:#fff!important}.reports-container{padding:0!important;background:#fff!important}.reports-header,.report-controls,.header-actions{display:none!important}.stats-overview{break-inside:avoid;page-break-inside:avoid}.report-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #e0e0e0!important}.reports-grid{display:grid;grid-template-columns:1fr;gap:1rem}}.settings-container{flex:1;padding:var(--space-xl);overflow-y:auto;background:var(--color-bg-primary)}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.settings-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.settings-header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.save-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 1.5rem;background:var(--color-primary);border:none;color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.save-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.save-btn:focus,.save-btn:active{outline:none}.settings-content{display:flex;flex-direction:column;gap:var(--space-xl)}.settings-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-xl)}.section-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary);color:var(--color-primary)}.section-title h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.setting-item{display:flex;flex-direction:column;gap:var(--space-sm)}.setting-item label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.setting-item input,.setting-item select{padding:var(--space-sm) 1rem;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);color:var(--color-text-primary);font-size:.95rem;transition:all var(--transition-base)}.setting-item select{cursor:pointer}.setting-item select option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--space-sm)}.setting-item input:focus,.setting-item select:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-primary)}.setting-item input:active,.setting-item select:active{outline:none}.setting-item input:disabled{opacity:.5;cursor:not-allowed}.settings-list{display:flex;flex-direction:column;gap:1.25rem}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);transition:all var(--transition-base)}.toggle-item:focus,.toggle-item:active{outline:none}.toggle-item:hover{background:var(--color-bg-active);border-color:var(--color-border-hover)}.toggle-info{display:flex;flex-direction:column;gap:var(--space-xs)}.toggle-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:.95rem}.toggle-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.toggle-switch{position:relative;width:52px;height:28px;cursor:pointer}.toggle-slider{position:absolute;inset:0;background:var(--color-bg-active);transition:.3s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.range-item{display:flex;flex-direction:column;gap:var(--space-sm);padding:1.25rem;background:var(--color-bg-hover);border:1px solid var(--color-border-primary)}.range-info{display:flex;justify-content:space-between;align-items:center}.range-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:.95rem}.range-value{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:1.1rem}.range-slider{width:100%;height:6px;background:var(--color-bg-hover);outline:none;-webkit-appearance:none;appearance:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-sm)}.range-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary);cursor:pointer;border:none;box-shadow:var(--shadow-sm)}.range-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.settings-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.action-button{padding:var(--space-sm) 1.5rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none;font-size:.95rem}.action-button.secondary{background:var(--color-bg-active);border:1px solid var(--color-border-primary);color:var(--color-primary)}.action-button.secondary:hover{background:var(--color-bg-active);border-color:var(--color-primary);transform:translateY(-2px)}.action-button:focus,.action-button:active{outline:none}.action-button.danger{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger)}.action-button.danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger);transform:translateY(-2px)}.color-themes{padding:var(--space-lg);background:var(--color-bg-hover);border:1px solid var(--color-border-primary)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.theme-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);cursor:pointer;transition:all var(--transition-base);position:relative;text-align:left}.theme-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-card.active{border-color:var(--color-primary);background:var(--color-bg-active)}.theme-color-preview{width:60px;height:60px;border:2px solid var(--color-border-primary);flex-shrink:0;transition:all var(--transition-base)}.theme-card:hover .theme-color-preview{transform:scale(1.1);box-shadow:var(--shadow-lg)}.theme-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.theme-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.theme-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.theme-active-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);width:28px;height:28px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}@media(max-width:768px){.settings-container{padding:var(--space-md)}.settings-header{flex-direction:column;gap:var(--space-md)}.save-btn{width:100%;justify-content:center}.settings-grid{grid-template-columns:1fr}.toggle-item{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.settings-buttons,.theme-grid{grid-template-columns:1fr}}.automation-container{flex:1;padding:var(--space-xl);background:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow-y:auto}.automation-card{max-width:600px;width:100%;padding:var(--space-2xl);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.automation-icon{color:var(--color-primary);margin-bottom:var(--space-lg)}.automation-card h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.automation-card p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl)}@media(max-width:768px){.automation-container{padding:var(--space-md)}.automation-card{padding:var(--space-xl)}.automation-card h1{font-size:var(--font-size-2xl)}.automation-card p{font-size:var(--font-size-base)}}.error-codes-container{flex:1;display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary);overflow:hidden}.error-codes-header{padding:var(--space-xl) var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-danger-bg);color:var(--color-danger)}.header-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-xs)}.header-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.error-codes-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-xl)}.search-section{margin-bottom:var(--space-lg)}.search-input-wrapper{position:relative;display:flex;align-items:center;max-width:600px}.search-icon{position:absolute;left:var(--space-md);color:var(--color-text-tertiary);pointer-events:none}.search-input{flex:1;padding:var(--space-md) var(--space-md) var(--space-md) 3rem;background:var(--color-bg-hover);border:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-active)}.clear-search-btn{position:absolute;right:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-base)}.clear-search-btn:hover{color:var(--color-primary)}.search-results-count{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tabs-container{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:2px solid var(--color-border-primary)}.tab-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);margin-bottom:-2px}.tab-button:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-count{padding:2px 8px;background:var(--color-bg-hover);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.tab-button.active .tab-count{background:var(--color-primary-bg);color:var(--color-primary)}.error-codes-layout{flex:1;display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-xl);overflow:hidden;min-height:0}.error-list-panel{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);overflow:hidden}.panel-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-hover)}.panel-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.error-list{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.error-item{padding:var(--space-md);background:var(--color-bg-hover);border:2px solid var(--color-border-primary);cursor:pointer;transition:all var(--transition-base)}.error-item:hover{border-color:var(--color-primary);background:var(--color-bg-active);transform:translate(4px)}.error-item.selected{border-color:var(--color-primary);background:var(--color-primary-bg);box-shadow:0 0 0 3px #0d94881a}.error-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.error-code-badge{background:var(--color-bg-primary);padding:4px 12px;border:1px solid var(--color-border-primary)}.error-code-badge code{font-family:Courier New,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}.severity-badge{padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.severity-critical{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.severity-high{background:#f59e0b33;color:var(--color-warning);border:1px solid var(--color-warning)}.severity-medium{background:#3b82f633;color:var(--color-info);border:1px solid var(--color-info)}.severity-low{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.error-item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.error-item-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-tertiary);text-align:center}.empty-state svg{margin-bottom:var(--space-md);opacity:.5}.empty-state p{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.empty-state span{font-size:var(--font-size-sm)}.error-details-panel{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);overflow:hidden}.error-details{flex:1;overflow-y:auto;padding:var(--space-xl)}.details-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-border-primary)}.details-code-section{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.details-code{font-family:Courier New,monospace;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);background:var(--color-primary-bg);padding:var(--space-sm) var(--space-md);border:2px solid var(--color-primary)}.details-severity{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.details-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.details-section{margin-bottom:var(--space-xl)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.section-content{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;margin:0}.mitigation-steps{list-style:none;counter-reset:step-counter;padding:0;margin:0}.mitigation-step{counter-increment:step-counter;padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--color-bg-hover);border-left:3px solid var(--color-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;position:relative;padding-left:3rem}.mitigation-step:before{content:counter(step-counter);position:absolute;left:var(--space-md);top:var(--space-md);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.empty-details{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--color-text-tertiary)}.empty-details svg{margin-bottom:var(--space-lg);opacity:.5}.empty-details h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.empty-details p{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;line-height:1.6}.error-list::-webkit-scrollbar,.error-details::-webkit-scrollbar{width:8px}.error-list::-webkit-scrollbar-track,.error-details::-webkit-scrollbar-track{background:var(--color-bg-hover)}.error-list::-webkit-scrollbar-thumb,.error-details::-webkit-scrollbar-thumb{background:var(--color-border-primary)}.error-list::-webkit-scrollbar-thumb:hover,.error-details::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media(max-width:1024px){.error-codes-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.error-list-panel{max-height:300px}}@media(max-width:768px){.error-codes-content{padding:var(--space-md)}.tabs-container{flex-wrap:wrap}.tab-button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.error-item{padding:var(--space-sm)}.error-details{padding:var(--space-md)}.details-code{font-size:var(--font-size-lg)}.details-name{font-size:var(--font-size-xl)}}.quick-actions-widget{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-lg);margin-bottom:var(--space-xl)}.widget-header{margin-bottom:var(--space-lg)}.widget-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs)}.widget-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.quick-actions-search{margin-bottom:var(--space-xl)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-md);color:var(--color-text-secondary);pointer-events:none}.search-input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 20px + var(--space-sm));background:var(--color-bg-hover);border:2px solid var(--color-border-primary);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-secondary)}.search-input::placeholder{color:var(--color-text-secondary)}.search-clear-btn{position:absolute;right:var(--space-sm);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.search-clear-btn:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.actions-section{margin-bottom:var(--space-2xl)}.actions-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border-primary)}.section-header svg{color:var(--color-primary);flex-shrink:0}.section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.action-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);margin-left:auto}.action-button{position:relative}.recent-indicator{position:absolute;top:var(--space-xs);right:var(--space-xs);color:var(--color-warning);opacity:.8}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center;color:var(--color-text-secondary)}.no-results svg{margin-bottom:var(--space-md);opacity:.5}.no-results p{font-size:var(--font-size-base);margin-bottom:var(--space-lg)}.clear-search-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.clear-search-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-result{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:slideDown .3s ease-out}.action-result.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.action-result.error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.action-result.warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-hover);border:2px solid var(--color-border-primary);border-radius:0;cursor:pointer;transition:all var(--transition-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);min-height:100px}.action-button:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:currentColor}.action-button:disabled{opacity:.7;cursor:wait}.action-button.loading{pointer-events:none}.action-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-bg-primary);transition:all var(--transition-base)}.action-button:hover:not(:disabled) .action-icon{transform:scale(1.1)}.action-button.blue{color:var(--color-info);border-color:#3b82f64d}.action-button.blue:hover:not(:disabled){background:#3b82f61a;border-color:var(--color-info)}.action-button.blue .action-icon{background:#3b82f61a;color:var(--color-info)}.action-button.orange{color:var(--color-warning);border-color:#f59e0b4d}.action-button.orange:hover:not(:disabled){background:#f59e0b1a;border-color:var(--color-warning)}.action-button.orange .action-icon{background:#f59e0b1a;color:var(--color-warning)}.action-button.green{color:var(--color-success);border-color:#10b9814d}.action-button.green:hover:not(:disabled){background:#10b9811a;border-color:var(--color-success)}.action-button.green .action-icon{background:#10b9811a;color:var(--color-success)}.action-button.purple{color:#a855f7;border-color:#a855f74d}.action-button.purple:hover:not(:disabled){background:#a855f71a;border-color:#a855f7}.action-button.purple .action-icon{background:#a855f71a;color:#a855f7}.action-button.red{color:var(--color-danger);border-color:#ef44444d}.action-button.red:hover:not(:disabled){background:#ef44441a;border-color:var(--color-danger)}.action-button.red .action-icon{background:#ef44441a;color:var(--color-danger)}.action-label{text-align:center;line-height:1.3}.confirmation-dialog{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);max-width:450px;width:90%;animation:slideUp .3s ease-out;box-shadow:var(--shadow-lg)}.confirmation-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--color-border-primary)}.confirmation-icon{color:var(--color-warning);flex-shrink:0}.confirmation-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.confirmation-body{padding:var(--space-lg)}.confirmation-body p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.confirmation-actions{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--color-border-primary);justify-content:flex-end}.confirm-btn-cancel,.confirm-btn-ok{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none}.confirm-btn-cancel{background:var(--color-bg-hover);color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.confirm-btn-cancel:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.confirm-btn-ok{background:var(--color-primary);color:#fff}.confirm-btn-ok:hover{background:var(--color-primary);opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border-primary)}.modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-body{padding:var(--space-lg)}.modal-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.commands-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.command-item{background:var(--color-bg-hover);border:1px solid var(--color-border-primary);padding:var(--space-md);transition:all var(--transition-base)}.command-item.current-os{border-color:var(--color-primary);background:#3b82f60d;box-shadow:0 0 0 1px #3b82f61a}.command-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.platform-info{display:flex;align-items:center;gap:var(--space-sm)}.platform-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:capitalize;display:flex;align-items:center;gap:var(--space-xs)}.os-badge{display:inline-block;padding:2px 8px;background:var(--color-primary);color:#fff;border-radius:4px;font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.command-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.copy-command-btn,.open-terminal-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-primary-bg);border:1px solid var(--color-primary);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border:1px solid}.copy-command-btn{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.copy-command-btn:hover{background:var(--color-primary);color:#fff}.open-terminal-btn{background:#10b9811a;border-color:#10b981;color:#10b981}.open-terminal-btn:hover{background:#10b981;color:#fff}.command-code{display:block;font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);word-break:break-all;line-height:1.6}.modal-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-info-bg);border:1px solid var(--color-info);font-size:var(--font-size-sm);color:var(--color-info)}.modal-info svg{flex-shrink:0}@media(max-width:768px){.actions-grid{grid-template-columns:repeat(2,1fr)}.action-button{min-height:90px;padding:var(--space-md)}.action-icon{width:40px;height:40px}.modal-content{width:95%;max-height:90vh}}@media(max-width:480px){.actions-grid{grid-template-columns:1fr}.action-button{flex-direction:row;justify-content:flex-start;min-height:auto;padding:var(--space-md)}.action-icon{width:36px;height:36px}}.quick-actions-page{flex:1;padding:var(--space-xl);overflow-y:auto;background:var(--color-bg-primary)}.quick-actions-page .quick-actions-widget{background:transparent;border:none;padding:0;margin-bottom:0}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.page-header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.knowledge-base-container{flex:1;padding:var(--space-xl);background:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow-y:auto}.knowledge-base-card{max-width:600px;width:100%;padding:var(--space-2xl);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.knowledge-base-icon{color:var(--color-primary);margin-bottom:var(--space-lg)}.knowledge-base-card h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.knowledge-base-card p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl)}.features-list{display:flex;flex-direction:column;gap:var(--space-sm);text-align:left;padding:var(--space-lg);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);margin-bottom:var(--space-lg)}.feature-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.feature-item:hover{color:var(--color-primary-hover);transform:translate(4px)}.coming-soon-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm)}@media(max-width:768px){.knowledge-base-container{padding:var(--space-md)}.knowledge-base-card{padding:var(--space-xl)}.knowledge-base-card h1{font-size:var(--font-size-2xl)}.knowledge-base-card p{font-size:var(--font-size-base)}}.user-management{flex:1;padding:0;overflow-y:auto;background:var(--color-bg-primary);color:var(--color-text-primary)}.user-management.jira-style{flex:1;padding:0;background:var(--color-bg-primary);overflow-y:auto;color:var(--color-text-primary)}.jira-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-primary);box-shadow:0 2px 8px #0000001a}.jira-header-left{display:flex;align-items:center;gap:1.5rem}.jira-header-left h1{font-size:1.75rem;font-weight:600;margin:0;color:var(--color-text-primary)}.header-stats{display:flex;gap:1rem;padding-left:1.5rem;border-left:2px solid var(--color-border-primary)}.stat-item{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.jira-header-right{display:flex;gap:.75rem}.btn-primary{padding:.625rem 1.25rem;background:var(--color-primary);color:#fff;border:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:focus,.btn-primary:active{outline:none}.btn-refresh{padding:.625rem 1.5rem;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);color:var(--color-primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.jira-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary)}.toolbar-left{display:flex;gap:1rem;align-items:center;flex:1}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--color-bg-primary);border:2px solid var(--color-border-primary);padding:0 .75rem;flex:1;max-width:300px;height:38px}.search-box input{flex:1;border:none;background:transparent;color:var(--color-text-primary);outline:none;font-size:.875rem;width:auto}.search-box input::placeholder{color:var(--color-text-secondary)}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group select{padding:.5rem .75rem;background:var(--color-bg-primary);border:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:.875rem;width:auto;height:38px;cursor:pointer;transition:all .2s}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);transition:all var(--transition-base)}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-size-base);color:var(--color-text-primary)}.filter-group{display:flex;align-items:center;gap:var(--space-md)}.filter-group select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-base)}.users-table-container{padding:1.5rem 2rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.users-table-container::-webkit-scrollbar{width:0;display:none}.users-table{width:100%;background:var(--color-bg-secondary);border-collapse:collapse;border:1px solid var(--color-border-primary);font-size:.875rem}.users-table thead{background:var(--color-bg-primary);border-bottom:2px solid var(--color-border-primary)}.users-table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid var(--color-border-primary);transition:all .2s}.users-table tbody tr:hover{background:var(--color-bg-hover)}.users-table td{padding:.75rem 1rem;color:var(--color-text-primary);text-align:left}.user-info{display:block!important;text-align:left!important}.users-table-container.jira-table-container .users-table.jira-table td{padding:1rem!important;color:var(--color-text-primary)!important;text-align:left!important}.users-table-container.jira-table-container .users-table.jira-table .user-info{display:flex!important;align-items:center!important;gap:var(--space-md)!important;justify-content:flex-start!important;text-align:left!important}.users-table.jira-table td{padding:1rem!important;color:var(--color-text-primary)!important;text-align:left!important}.users-table.jira-table .user-info{display:flex!important;align-items:center!important;gap:var(--space-md)!important;justify-content:flex-start!important;text-align:left!important}.role-badge{display:inline-block;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#fff;white-space:nowrap}.status-badge{display:inline-block;padding:.375rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge.active{background:#e3fcef;color:#064}.status-badge.inactive{background:#f4f5f7;color:#42526e}.permissions-list{font-size:.875rem}.permission-count{color:var(--color-primary);font-weight:600}.no-permissions{color:var(--color-text-secondary);font-style:italic}.status-column{display:flex;align-items:center;gap:0}.status-column .status-badge{margin:0}.toggle-btn{padding:.375rem .75rem;border:1px solid;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;white-space:nowrap;transition:all .2s}.toggle-btn.active{background:#22c55e1a;color:#16a34a;border-color:#22c55e4d}.toggle-btn.active:hover{background:#22c55e26;color:#15803d;border-color:#22c55e66}.toggle-btn.inactive{background:#ef44441a;color:#dc2626;border-color:#ef44444d}.toggle-btn.inactive:hover{background:#ef444426;color:#b91c1c;border-color:#ef444466}.action-buttons{display:flex;gap:.25rem}.icon-btn{padding:.375rem;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.icon-btn:focus,.icon-btn:active{outline:none}.icon-btn.delete{color:#de350b}.icon-btn.delete:hover{background:transparent!important;color:#de350b!important}.icon-btn.activate:hover{color:var(--color-success)}.icon-btn.role{color:#0052cc}.icon-btn.role:hover{color:#0052cc;background:#0052cc1a}.icon-btn.edit{color:#626f86}.icon-btn.edit:hover{color:#0052cc;background:#0052cc1a}.icon-btn.manager{color:#626f86}.icon-btn.manager:hover{color:#0052cc;background:#0052cc1a}.icon-btn.activate{color:#216e4e}.icon-btn.activate:hover{color:#216e4e;background:#216e4e1a}.icon-btn.deactivate{color:#ae2a19}.icon-btn.deactivate:hover{color:#ae2a19;background:#ae2a191a}.icon-btn.deactivate{color:#974f0c}.icon-btn.deactivate:hover{color:#974f0c;background:#974f0c1a}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-xl);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-slow)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{margin:0 0 var(--space-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.modal-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:var(--font-size-base)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.role-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base)}.role-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.role-permissions{background:var(--color-bg-primary);padding:var(--space-md);border:1px solid var(--color-border-primary);margin-bottom:var(--space-lg)}.role-permissions h4{margin:0 0 var(--space-md) 0;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.role-permissions ul{list-style:none;padding:0;margin:0}.role-permissions li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.role-permissions li svg{color:var(--color-success);flex-shrink:0}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.btn-cancel,.btn-confirm{padding:var(--space-sm) var(--space-lg);border:none;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.btn-cancel{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-cancel:hover{background:var(--color-bg-hover)}.btn-confirm{background:var(--color-primary);color:#fff}.btn-confirm:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#de350b;color:#fff;padding:var(--space-sm) var(--space-lg);border:none;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover{background:#ae2a19;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.modal-content.danger{border:2px solid #DE350B}.icon-btn.edit{color:var(--color-text-secondary)}.icon-btn.edit:hover{color:var(--color-primary)}.selected-manager-info{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:var(--space-md);margin:var(--space-md) 0}.selected-manager-info h4{margin-top:0;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.selected-manager-info p{margin:var(--space-xs) 0;font-size:.875rem;color:var(--color-text-secondary)}.team-badge{display:inline-flex;align-items:center;gap:.375rem;background:#eae6ff;color:#5243aa;padding:.25rem .625rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.manager-info{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-text-primary)}.manager-info svg{width:14px;height:14px;color:var(--color-primary)}.manager-info .no-manager{color:var(--color-text-secondary);font-style:italic;font-size:.875rem}.loading{text-align:center;padding:var(--space-md);color:var(--color-text-secondary)}.form-hint{font-size:.875rem;color:var(--color-text-secondary);margin:.25rem 0 .75rem;font-style:italic}.specialization-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;border:1px solid var(--color-border-primary);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--color-bg-primary)}.checkbox-label:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.checkbox-label input[type=checkbox]{margin-top:.25rem;cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-text{color:var(--color-primary)}.checkbox-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.checkbox-text strong{font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.checkbox-text small{font-size:.8rem;color:var(--color-text-secondary);line-height:1.3}.audit-logs{flex:1;padding:var(--space-xl);overflow:hidden;background:var(--color-bg-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-border-primary)}.header-content{display:flex;align-items:center;gap:var(--space-lg)}.header-content h1{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.header-content p{margin:var(--space-xs) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.header-actions{display:flex;gap:var(--space-md);align-items:center}.view-toggle{display:flex;background:transparent;border:none;overflow:hidden}.toggle-btn{padding:var(--space-sm) var(--space-md);border:none!important;background:transparent!important;color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.toggle-btn:hover,.toggle-btn:focus,.toggle-btn:focus-visible{background:transparent!important;border:none!important;outline:none!important}.toggle-btn.active{background:var(--color-primary)!important;color:#fff!important}.btn-export{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.btn-export:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-refresh{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 1.5rem;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.btn-refresh:hover{background:var(--color-bg-active);border-color:var(--color-primary)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-md);animation:slideIn var(--transition-slow)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.filters-section{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);height:38px;transition:all var(--transition-base)}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-size-base);color:var(--color-text-primary);width:auto}.search-box input::placeholder{color:var(--color-text-muted)}.filter-group{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.filter-group>svg{flex-shrink:0;color:var(--color-text-secondary)}.filter-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);min-width:200px;width:auto;height:38px;transition:all var(--transition-base)}.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-group select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);width:auto;height:38px;transition:all var(--transition-base)}.filter-group select:hover{border-color:var(--color-primary)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.logs-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);overflow-y:auto;max-height:600px;box-shadow:var(--shadow-md)}.logs-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.logs-table thead{background:var(--color-bg-primary);position:sticky;top:0;z-index:10}.logs-table th{padding:var(--space-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:2px solid var(--color-border-primary);white-space:nowrap}.logs-table td{padding:var(--space-md);border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary)}.logs-table tbody tr{transition:background-color var(--transition-base)}.logs-table tbody tr:hover{background:var(--color-bg-primary)}.logs-table tbody tr.success{border-left:4px solid var(--color-success)}.logs-table tbody tr.failed{border-left:4px solid var(--color-danger)}.logs-table tbody tr.denied{border-left:4px solid var(--color-warning)}.logs-table .log-action{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-primary)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;white-space:nowrap}.status-badge.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.status-badge.failed{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.status-badge.denied{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.status-badge.pending{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.loading-state svg,.empty-state svg{color:var(--color-text-muted);margin-bottom:var(--space-md)}@media(max-width:768px){.audit-logs{padding:var(--space-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.header-actions{width:100%;flex-wrap:wrap}.filters-section{flex-direction:column}.search-box{min-width:100%}.filter-group{width:100%}.filter-input,.filter-group select{flex:1;min-width:0}.logs-table th,.logs-table td{padding:var(--space-sm);font-size:var(--font-size-xs)}}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--color-bg-primary);padding:2rem;position:relative;overflow-x:hidden;overflow-y:auto}.tech-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(20,184,166,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridScroll 20s linear infinite}@keyframes gridScroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary),0 0 20px #14b8a6;animation:float 8s infinite ease-in-out}.particle:nth-child(1){left:10%;top:20%;animation-delay:0s;animation-duration:6s}.particle:nth-child(2){left:80%;top:30%;animation-delay:1s;animation-duration:7s}.particle:nth-child(3){left:30%;top:60%;animation-delay:2s;animation-duration:8s}.particle:nth-child(4){left:70%;top:70%;animation-delay:3s;animation-duration:9s}.particle:nth-child(5){left:50%;top:10%;animation-delay:1.5s;animation-duration:7.5s}.particle:nth-child(6){left:90%;top:50%;animation-delay:2.5s;animation-duration:6.5s}.particle:nth-child(7){left:20%;top:80%;animation-delay:.5s;animation-duration:8.5s}.particle:nth-child(8){left:60%;top:40%;animation-delay:3.5s;animation-duration:7s}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-30px) translate(20px);opacity:.6}50%{transform:translateY(-60px) translate(-10px);opacity:1}75%{transform:translateY(-30px) translate(-30px);opacity:.6}}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(20,184,166,.8) 50%,transparent 100%);box-shadow:0 0 20px #14b8a6cc;animation:scan 4s linear infinite}@keyframes scan{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.auth-content-wrapper{display:flex;width:100%;max-width:1200px;gap:2rem;position:relative;z-index:1}.auth-branding{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;color:#fff}.branding-content{max-width:400px}.brand-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;color:var(--color-primary)}.brand-title{font-size:3rem;font-weight:700;margin:0 0 .75rem;letter-spacing:-1px;color:var(--color-primary)}.brand-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin:0 0 3rem;line-height:1.6}.brand-features{display:flex;flex-direction:column;gap:1.5rem}.feature-item{display:flex;align-items:center;gap:1rem;color:var(--color-text-primary);font-size:1.1rem}.feature-item svg{color:var(--color-primary);flex-shrink:0}.auth-card{flex:1;background:var(--color-bg-secondary);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-primary);border-radius:0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:550px}.auth-card.register-card{max-width:550px}.auth-card-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid var(--color-border-primary)}.auth-card-header h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text-primary)}.auth-card-header p{font-size:.95rem;color:var(--color-text-secondary);margin:0}.auth-header{background:linear-gradient(135deg,#0d9488,#14b8a6,#2dd4bf);padding:2rem;text-align:center;color:#fff;border-bottom:1px solid rgba(20,184,166,.3);position:relative;overflow:hidden}.auth-icon{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.auth-header h1{font-size:2rem;margin:0 0 .5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.auth-header p{margin:0;opacity:.9;font-size:.95rem}.auth-form{padding:2rem;display:flex;flex-direction:column}.register-form{max-width:none}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.25rem}.auth-form h2{margin:0 0 1.5rem;color:var(--color-text-primary);font-size:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-row .form-group{margin-bottom:0}.form-group label{display:flex;align-items:center;gap:.75rem;color:var(--color-text-primary);margin-bottom:.75rem;font-weight:600;font-size:.95rem}.form-group input,.tier-select{width:100%;padding:.875rem 1rem;background:var(--color-bg-hover);border:2px solid var(--color-border-primary);border-radius:0;color:var(--color-text-primary);font-size:1rem;transition:all .3s;font-family:inherit}.form-group input:focus,.tier-select:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-secondary);box-shadow:0 0 0 3px #14b8a61a}.form-group input::placeholder{color:var(--color-text-tertiary)}.field-hint{display:block;margin-top:.5rem;color:var(--color-text-secondary);font-size:.85rem;font-weight:400}.tier-select{cursor:pointer}.tier-select option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:.5rem}.auth-btn{width:100%;padding:.75rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:0;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem;margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #14b8a633;flex-shrink:0}.auth-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #14b8a64d}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:focus{outline:none;box-shadow:0 0 0 3px #14b8a633}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.875rem 1rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem;border-radius:0}.error-alert svg{flex-shrink:0}.link-btn{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;padding:0;margin-left:.35rem;font-size:.9rem;transition:all .2s;text-decoration:none;border-bottom:2px solid transparent}.link-btn:hover{color:var(--color-primary-hover);border-bottom-color:var(--color-primary-hover)}.link-btn:focus{outline:none;border-bottom-color:var(--color-primary)}.success-message{padding:3rem 2rem;text-align:center}.success-icon{display:flex;justify-content:center;align-items:center;color:var(--color-success);margin-bottom:1rem}.success-message h2{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.75rem}.success-message p{color:var(--color-success);margin:0;font-size:1rem}.auth-switch{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border-primary);text-align:center;color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}@media(max-width:1024px){.auth-content-wrapper{flex-direction:column;max-width:600px}.auth-branding{padding:2rem 1rem}.branding-content{text-align:center}.brand-icon{margin-left:auto;margin-right:auto}.brand-title{font-size:2.5rem}.brand-subtitle{font-size:1.1rem;margin-bottom:2rem}.brand-features{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}.feature-item{flex:0 0 auto}.auth-card{max-width:100%}}@media(max-width:768px){.auth-container{padding:1rem;align-items:flex-start}.brand-title{font-size:2rem}.brand-subtitle{font-size:1rem}.brand-features{flex-direction:column;align-items:center}.form-row{grid-template-columns:1fr;gap:1.5rem}.auth-card-header{padding:1.5rem}.auth-card-header h2{font-size:1.5rem}.auth-form{padding:1.5rem}}@media(max-width:480px){.auth-container{padding:.5rem;align-items:flex-start}.auth-content-wrapper{width:100%}.auth-branding{padding:1.5rem 1rem}.brand-icon{width:60px;height:60px;border-radius:15px;margin-bottom:1.5rem}.brand-icon svg{width:48px;height:48px}.brand-title{font-size:1.75rem}.brand-subtitle{font-size:.95rem;margin-bottom:1.5rem}.feature-item{font-size:1rem}.auth-card-header{padding:1.25rem}.auth-card-header h2{font-size:1.35rem}.auth-card-header p{font-size:.9rem}.auth-form{padding:1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.9rem;gap:.5rem}.form-group input,.tier-select{padding:.75rem;font-size:.95rem}.auth-btn{padding:.875rem 1.25rem;font-size:.95rem}.auth-switch{font-size:.9rem;margin-top:1.5rem;padding-top:1.25rem}}} .auth-header{padding:1.5rem}.auth-header h1{font-size:1.5rem}.auth-form{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-group-full{grid-column:1}.auth-form h2{font-size:1.25rem}} *{box-sizing:border-box;margin:0;padding:0}#root{width:100%;height:100vh;display:flex;flex-direction:column}body{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-layout{display:flex;height:100vh;width:100%;overflow:hidden;background:var(--color-bg-primary)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-page{flex:1;display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary)}.chat-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary);display:flex;justify-content:space-between;align-items:center}.chat-header-right{display:flex;gap:var(--space-md);align-items:center}.chat-history-btn,.new-chat-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.chat-history-btn:hover,.new-chat-btn:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.chat-header-left{display:flex;align-items:center;gap:var(--space-md);color:var(--color-primary)}.chat-header-left h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.status-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-bg-hover);border:1px solid var(--color-border-primary)}.chat-status-row{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm)}.active-ticket-indicator{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:#10b9811a;color:var(--color-primary);border:1px solid var(--color-primary)}.status-dot{width:8px;height:8px;animation:pulse 2s infinite}.status-indicator.online{color:var(--color-success)}.status-indicator.online .status-dot{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-indicator.offline{color:var(--color-danger)}.status-indicator.offline .status-dot{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);background:var(--color-bg-primary)}.message-wrapper{display:flex;width:100%;animation:slideIn .3s ease-out;margin-bottom:var(--space-xs)}.message-wrapper.user{justify-content:flex-end;align-items:flex-end}.message-wrapper.assistant{justify-content:flex-start;align-items:flex-start}.message-bubble{max-width:70%;min-width:100px;padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);border-radius:16px;word-wrap:break-word;overflow-wrap:break-word}.message-wrapper.user .message-bubble{background:var(--color-primary);color:#fff;border-radius:16px 16px 4px;margin-left:auto}.message-wrapper.assistant .message-bubble{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);border-radius:16px 16px 16px 4px;margin-right:auto}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);opacity:.9}.message-sender{display:flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-weight-semibold)}.message-time{font-size:var(--font-size-xs);opacity:.7}.message-text{line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%}.message-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.ticket-badge{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.action-badge{border:1px solid var(--color-warning)}.action-badge.escalated{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.action-badge.troubleshooting{background:var(--color-warning-bg);color:var(--color-warning)}.action-badge.clarifying{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}.priority-badge{border:1px solid var(--color-success)}.priority-badge.high{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.priority-badge.medium{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.priority-badge.low{background:var(--color-success-bg);color:var(--color-success)}.typing-indicator{display:flex;gap:var(--space-xs);padding:var(--space-sm) 0}.chat-input-area{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.input-section{display:flex;gap:var(--space-md);align-items:flex-end}.message-input{flex:1;padding:var(--space-md);background:var(--color-bg-hover);border:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;resize:none;transition:all var(--transition-base);line-height:1.5}.message-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-active)}.message-input::placeholder{color:var(--color-text-tertiary)}.send-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-primary);border:none;color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);height:fit-content}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.voice-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--color-bg-hover);border:2px solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);min-width:48px;height:fit-content}.voice-btn:hover:not(:disabled){background:var(--color-bg-active);border-color:var(--color-primary);transform:translateY(-2px)}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn.listening{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger);animation:pulse-voice 1.5s ease-in-out infinite}@keyframes pulse-voice{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.voice-listening-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.voice-pulse{width:12px;height:12px;background:var(--color-danger);animation:voice-pulse-animation 1.5s ease-in-out infinite}@keyframes voice-pulse-animation{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.input-hint{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center}.image-upload-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--color-bg-hover);border:2px solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);min-width:48px;height:fit-content}.image-upload-btn:hover:not(:disabled){background:var(--color-bg-active);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.image-upload-btn:disabled{opacity:.5;cursor:not-allowed}.image-upload-btn.has-image{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.image-preview-container{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:var(--color-bg-active);border:1px solid var(--color-border-primary);animation:slideDown .3s ease-out}.image-preview{max-width:120px;max-height:80px;object-fit:cover;border:1px solid var(--color-border-primary)}.clear-image-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger);cursor:pointer;transition:all var(--transition-base)}.clear-image-btn:hover{background:var(--color-danger);color:#fff}.image-preview-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.message-image-preview{margin-bottom:var(--space-md);overflow:hidden;max-width:300px}.message-image-preview img{width:100%;height:auto;display:block;border:1px solid var(--color-border-primary)}@media(max-width:768px){.chat-messages{padding:var(--space-md)}.message-bubble{max-width:85%}.message-wrapper.user .message-bubble{margin-left:auto}.message-wrapper.assistant .message-bubble{margin-right:auto}.chat-input-area{padding:var(--space-md)}.input-section{flex-direction:column}.send-btn{width:100%;justify-content:center}}@media(max-width:480px){.message-bubble{max-width:95%;padding:var(--space-sm) var(--space-md)}.message-wrapper.user .message-bubble{margin-left:auto}.message-wrapper.assistant .message-bubble{margin-right:auto}.chat-header{padding:var(--space-md)}.chat-header-left h2{font-size:var(--font-size-xl)}}.chat-messages{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:.75rem;background:var(--color-bg-primary)}.message-wrapper{display:flex;animation:fadeIn .3s ease-out}.message-bubble{max-width:70%;padding:.75rem 1rem;box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-wrapper{display:flex;width:100%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.user{justify-content:flex-end}.message-wrapper.assistant{justify-content:flex-start}.message-bubble{max-width:70%;padding:1rem 1.25rem;box-shadow:var(--shadow-md)}.message-wrapper.user .message-bubble{background:var(--color-primary);color:#fff}.message-wrapper.assistant .message-bubble{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;opacity:.9}.message-sender{display:flex;align-items:center;gap:.35rem;font-weight:600}.message-time{font-size:.75rem;opacity:.7}.message-text{line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.ticket-badge{background:#3b82f633;color:var(--color-info);border:1px solid rgba(59,130,246,.3)}.action-badge{border:1px solid rgba(245,158,11,.3)}.action-badge.escalated{background:#ef444433;color:var(--color-danger);border-color:#ef44444d}.action-badge.troubleshooting{background:#f59e0b33;color:var(--color-warning)}.action-badge.clarifying{background:#3b82f633;color:var(--color-info);border-color:#3b82f64d}.priority-badge{border:1px solid rgba(16,185,129,.3)}.priority-badge.high{background:#ef444433;color:var(--color-danger);border-color:#ef44444d}.priority-badge.medium{background:#f59e0b33;color:var(--color-warning);border-color:#f59e0b4d}.priority-badge.low{background:#10b98133;color:var(--color-success)}.typing-indicator{display:flex;gap:.35rem;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;background:var(--color-primary);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chat-input-area{padding:1.5rem 2rem;border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.input-section{display:flex;gap:1rem;align-items:flex-end}.message-input{flex:1;padding:.875rem 1.25rem;background:var(--color-bg-primary);border:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:.95rem;font-family:inherit;resize:none;transition:all .2s ease;line-height:1.5}.message-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:0 0 0 3px #10b9811a}.message-input::placeholder{color:var(--color-text-secondary)}.send-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--color-primary);border:none;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;height:fit-content}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0d948866}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn:focus,.send-btn:active{outline:none}.input-hint{margin-top:.75rem;font-size:.8rem;color:var(--color-text-secondary);text-align:center}.chat-messages::-webkit-scrollbar{width:0;display:none}.chat-messages{scrollbar-width:none;-ms-overflow-style:none}@media(max-width:768px){.chat-messages{padding:1rem}.message-bubble{max-width:85%}.chat-input-area{padding:1rem}.input-section{flex-direction:column}.send-btn{width:100%;justify-content:center}}@media(max-width:480px){.message-bubble{max-width:95%;padding:.875rem 1rem}.chat-header{padding:1rem}.chat-header-left h2{font-size:1.25rem}}.action-suggestions-wrapper{margin-top:var(--space-md)}.troubleshooting-step-indicator{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);display:inline-block}.troubleshooting-feedback{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.feedback-question{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-md);font-weight:var(--font-weight-medium)}.feedback-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}.feedback-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.feedback-btn.yes{background:var(--color-success);color:#fff;border-color:var(--color-success)}.feedback-btn.yes:hover{background:#16a34a;transform:translateY(-1px)}.feedback-btn.no{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-primary)}.feedback-btn.no:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.agent-mode-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:all .3s ease}.agent-mode-toggle:hover{border-color:var(--color-primary);background:var(--color-bg-hover)}.agent-mode-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color .3s ease}.agent-mode-indicator{font-size:var(--font-size-lg);animation:bounce .5s ease-in-out;display:flex;align-items:center;gap:2px;cursor:help}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.agent-mode-toggle:hover .agent-mode-indicator{transform:scale(1.1);transition:transform .2s ease}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:24px;transition:all .3s ease;cursor:pointer}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary);border-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 8px rgba(var(--color-primary-rgb),.3)}.agent-mode-tip{margin-top:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);animation:slideInFromTop .4s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tip-content{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.tip-content:before{content:"💡";font-size:var(--font-size-lg)}.enable-agent-mode-btn{padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap}.enable-agent-mode-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.enable-agent-mode-btn:active{transform:translateY(0)}.chat-status-row{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xs)}.agent-mode-active-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem;text-align:center}.access-denied svg{color:var(--text-secondary);margin-bottom:1.5rem;opacity:.5}.access-denied h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.8rem}.access-denied p{margin:0;color:var(--text-secondary);font-size:1rem}.permission-notice{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3cd;color:#856404;font-size:.85rem;font-weight:500;margin-top:.5rem}:root[data-theme=dark] .permission-notice{background:#664d03;color:#ffc107}.no-permission-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem;color:var(--text-secondary);opacity:.5;cursor:not-allowed}.role-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;line-height:1.5}.permission-gate-hidden{display:none!important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--card-background);border:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:all .3s}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary-color)}.action-card svg{color:var(--primary-color)}.action-card span{font-weight:500;text-align:center}.role-permissions{margin-top:1.5rem;padding:1rem;background:var(--background);border:1px solid var(--border-color)}.role-permissions h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.role-permissions ul{list-style:none;padding:0;margin:0;max-height:250px;overflow-y:auto}.role-permissions ul li{display:flex;align-items:center;gap:.5rem;padding:.5rem;font-size:.85rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.role-permissions ul li:last-child{border-bottom:none}.role-permissions ul li svg{color:#28a745;flex-shrink:0}.user-management .user-info{display:flex;align-items:center;gap:.75rem}.user-management .user-avatar{width:36px;height:36px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-management .role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;color:#fff}.user-management .status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500}.user-management .status-badge.active{background:#d4edda;color:#155724}.user-management .status-badge.inactive{background:#f8d7da;color:#721c24}:root[data-theme=dark] .user-management .status-badge.active{background:#155724;color:#d4edda}:root[data-theme=dark] .user-management .status-badge.inactive{background:#721c24;color:#f8d7da}.user-management .permissions-list{font-size:.85rem}.user-management .permission-count{color:var(--primary-color);font-weight:500}.user-management .no-permissions{color:var(--text-secondary);font-style:italic}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.icon-btn{padding:.5rem;background:var(--card-background);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-primary)}.icon-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.icon-btn.delete:hover{background:#dc3545;border-color:#dc3545}.icon-btn.activate:hover{background:#28a745;border-color:#28a745}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar .admin-only{position:relative}.sidebar .admin-badge{margin-left:auto;color:#ffc107}.sidebar .nav-item.admin-only:hover .admin-badge{color:#fff}.dashboard-header .role-badge{display:flex;align-items:center;gap:.5rem;font-size:.95rem;margin-top:.5rem;opacity:.8}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.access-denied{padding:2rem 1rem}.role-permissions ul{max-height:180px}}@media(max-width:480px){.actions-grid{grid-template-columns:1fr}}