body{margin:0;padding:0}#root{min-height:100vh}html.compact-mode{--spacing-unit:0.75}html.compact-mode .page-layout-content{padding:1rem;padding:var(--spacing-4,1rem)}html.compact-mode .page-layout{padding:0}html.compact-mode .page-header{margin-bottom:1rem;margin-bottom:var(--spacing-4,1rem);padding:.5rem 0;padding:var(--spacing-2,.5rem) 0}html.compact-mode .page-title{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}html.compact-mode .page-subtitle{font-size:.75rem;font-size:var(--font-size-xs,.75rem);margin-top:.25rem;margin-top:var(--spacing-1,.25rem)}html.compact-mode .card{padding:0}html.compact-mode .card-body,html.compact-mode .card-header{padding:.75rem 1rem;padding:var(--spacing-3,.75rem) var(--spacing-4,1rem)}html.compact-mode .card-footer{padding:.5rem 1rem;padding:var(--spacing-2,.5rem) var(--spacing-4,1rem)}html.compact-mode .card-actions{margin-top:.75rem;padding-top:.5rem}html.compact-mode .stat-card{min-height:80px}html.compact-mode .stat-card-value{font-size:1.5rem}html.compact-mode .stat-card-content{gap:.25rem}html.compact-mode .stat-card-body{gap:.125rem}html.compact-mode .dashboard-stats{gap:.75rem;margin-bottom:1rem}html.compact-mode .sidebar-item{padding:.5rem .75rem;padding:var(--spacing-2,.5rem) var(--spacing-3,.75rem)}html.compact-mode .sidebar-group-header{padding:.25rem .75rem;padding:var(--spacing-1,.25rem) var(--spacing-3,.75rem)}html.compact-mode .settings-sidebar{padding:.75rem;padding:calc(var(--spacing-md, 1rem)*.75)}html.compact-mode .settings-nav-item{padding:.5rem .75rem}html.compact-mode .table-cell,html.compact-mode .table-header{font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.5rem .75rem;padding:var(--spacing-2,.5rem) var(--spacing-3,.75rem)}html.compact-mode .badge-md{font-size:.75rem;font-size:var(--font-size-xs,.75rem);padding:1px .5rem;padding:1px var(--spacing-2,.5rem)}html.compact-mode .badge-lg{font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.25rem .75rem;padding:var(--spacing-1,.25rem) var(--spacing-3,.75rem)}html.compact-mode .button-md{font-size:.875rem;font-size:var(--font-size-sm,.875rem);height:1.9125rem;height:calc(var(--size-button-md, 2.25rem)*.85);padding:0 .75rem;padding:0 var(--spacing-3,.75rem)}html.compact-mode .button-lg{font-size:1rem;font-size:var(--font-size-base,1rem);height:2.3375rem;height:calc(var(--size-button-lg, 2.75rem)*.85);padding:0 1rem;padding:0 var(--spacing-4,1rem)}html.compact-mode .form-grid{gap:.75rem;gap:calc(var(--spacing-md, 1rem)*.75)}html.compact-mode .checkbox-group{gap:.375rem;gap:calc(var(--spacing-sm, .5rem)*.75)}html.compact-mode .settings-group{margin-bottom:1rem}html.compact-mode h1,html.compact-mode h2,html.compact-mode h3{margin-bottom:.5rem}html.reduced-motion,html.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html.reduced-motion .loading-spinner,html.reduced-motion .skeleton{animation:none!important}html.high-contrast{--text-contrast-multiplier:1.2}html.high-contrast body{font-weight:500}html.high-contrast [data-mode=light]{--color-text-primary:#000;--color-text-secondary:#333;--color-bg-primary:#fff;--color-bg-secondary:#f0f0f0;--color-border:#666}html.high-contrast [data-mode=dark]{--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-bg-primary:#000;--color-bg-secondary:#1a1a1a;--color-border:#888}html.high-contrast .card,html.high-contrast input,html.high-contrast select,html.high-contrast textarea{border-width:2px}html.high-contrast button{border-width:2px;font-weight:600}html.high-contrast a{text-decoration:underline}html.high-contrast .checkbox-label input[type=checkbox]{border-width:2px}html.high-contrast .helper-text{color:inherit;opacity:.9}html.high-contrast :focus,html.high-contrast :focus-visible{outline:3px solid currentColor!important;outline-offset:2px!important}.toast-container{flex-direction:column;max-width:420px;pointer-events:none;position:fixed;right:var(--spacing-4);top:var(--spacing-4);z-index:9999;z-index:var(--z-index-toast,9999)}.toast,.toast-container{display:flex;gap:var(--spacing-3)}.toast{align-items:flex-start;animation:toast-slide-in .3s ease-out;background:var(--color-background-primary);border-left:4px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:320px;overflow:hidden;padding:var(--spacing-4);pointer-events:auto;position:relative}.toast-exit{animation:toast-slide-out .3s ease-out forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}.toast-progress-container{background-color:#0000001a;height:3px;left:0;overflow:hidden;position:absolute;right:0;top:0}.toast-progress-bar{height:100%;transition:width .1s linear}.toast-success .toast-progress-bar{background-color:var(--color-success)}.toast-error .toast-progress-bar{background-color:var(--color-danger)}.toast-warning .toast-progress-bar{background-color:var(--color-warning)}.toast-info .toast-progress-bar{background-color:var(--color-info)}.toast-icon{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.toast-icon svg{display:block}.toast-content{flex:1 1;min-width:0;padding-top:2px}.toast-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--spacing-1)}.toast-message,.toast-title{font-size:var(--font-size-sm)}.toast-message{color:var(--color-text-secondary);line-height:1.5;word-break:break-word}.toast-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.toast-action-btn{align-items:center;background-color:initial;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast);white-space:nowrap}.toast-action-btn:hover{background-color:var(--color-primary);color:var(--color-primary-contrast)}.toast-action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toast-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-right:-4px;margin-top:-2px;transition:all var(--transition-fast);width:28px}.toast-close:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.toast-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toast-close svg{display:block}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{background:#22c55e1f;color:var(--color-success)}.toast-success .toast-action-btn{border-color:var(--color-success);color:var(--color-success)}.toast-success .toast-action-btn:hover{background-color:var(--color-success);color:#fff}.toast-error{border-left-color:var(--color-danger)}.toast-error .toast-icon{background:#ef44441f;color:var(--color-danger)}.toast-error .toast-action-btn{border-color:var(--color-danger);color:var(--color-danger)}.toast-error .toast-action-btn:hover{background-color:var(--color-danger);color:#fff}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{background:#f59e0b1f;color:var(--color-warning)}.toast-warning .toast-action-btn{border-color:var(--color-warning);color:var(--color-warning)}.toast-warning .toast-action-btn:hover{background-color:var(--color-warning);color:#fff}.toast-info{border-left-color:var(--color-info)}.toast-info .toast-icon{background:#3b82f61f;color:var(--color-info)}.toast-info .toast-action-btn{border-color:var(--color-info);color:var(--color-info)}.toast-info .toast-action-btn:hover{background-color:var(--color-info);color:#fff}@media (max-width:768px){.toast-container{left:var(--spacing-4);max-width:none;right:var(--spacing-4)}.toast{min-width:0;min-width:auto}.toast-icon{height:32px;width:32px}.toast-icon svg{height:18px;width:18px}}[data-theme=dark] .toast{background:var(--color-background-secondary);box-shadow:0 10px 40px #00000080}[data-theme=dark] .toast-progress-container{background-color:#ffffff1a}[data-theme=dark] .toast-success .toast-icon{background:#22c55e33}[data-theme=dark] .toast-error .toast-icon{background:#ef444433}[data-theme=dark] .toast-warning .toast-icon{background:#f59e0b33}[data-theme=dark] .toast-info .toast-icon{background:#3b82f633}@media (prefers-reduced-motion:reduce){.toast{animation:none;opacity:1;transform:none}.toast-exit{animation:none;opacity:0}.toast-progress-bar{transition:none}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.loading-overlay-content{text-align:center}.loading-spinner-gif{display:block;height:120px;margin:0 auto 1rem;object-fit:contain;width:120px}.loading-message{color:#fff;font-size:1.125rem;font-weight:500;margin:0}[data-theme=dark] .loading-overlay{background:#000000b3}.page-loading,.page-loading__content{align-items:center;display:flex;justify-content:center}.page-loading__content{flex-direction:column;gap:.75rem;gap:var(--spacing-3,.75rem)}.page-loading__message{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;margin:0;text-align:center}.page-loading--page{min-height:100vh;padding:1rem;padding:var(--spacing-4,1rem);width:100%}.page-loading--section{min-height:200px;padding:2rem;padding:var(--spacing-8,2rem);width:100%}.page-loading--inline{padding:1rem;padding:var(--spacing-4,1rem)}.page-loading--inline,.page-loading--inline .page-loading__content{flex-direction:row;gap:.5rem;gap:var(--spacing-2,.5rem)}.page-loading--inline .page-loading__message{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}[data-theme=dark] .page-loading__message{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.login-container{align-items:center;background:var(--color-background-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-5);position:relative}.login-container:before{background:radial-gradient(circle at 20% 50%,#60a5fa26 0,#0000 50%),radial-gradient(circle at 80% 80%,#93c5fd1a 0,#0000 50%),radial-gradient(circle at 40% 20%,#3b82f614 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=light] .login-container:before{background:linear-gradient(135deg,#667eea14,#764ba214)}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-background-primary);background:var(--color-background-elevated,var(--color-background-primary));border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);box-shadow:var(--shadow-glossy-lg,var(--shadow-2xl));max-width:420px;padding:var(--spacing-10);position:relative;width:100%;z-index:1}[data-theme=dark] .login-card{background:linear-gradient(180deg,var(--color-card-background) 0,var(--color-background-primary) 100%);box-shadow:var(--shadow-2xl)}[data-theme=light] .login-card{background:var(--color-background-primary);box-shadow:var(--shadow-xl)}.login-header{margin-bottom:var(--spacing-8);text-align:center}.login-logo{height:auto;margin-bottom:var(--spacing-4);width:80px}.login-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--spacing-1)}.login-subtitle{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.login-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.error-message{background:var(--color-error-light);border-left:4px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4)}[data-theme=dark] .error-message{background:#fb718526;border-left-color:var(--color-error);color:var(--color-error-light)}.form-group{gap:var(--spacing-2)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.01em}.form-group input{background:var(--color-background-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-fast)}[data-theme=dark] .form-group input{background:var(--color-background-tertiary);border-color:var(--color-border-secondary)}.form-group input::placeholder{color:var(--color-text-disabled)}.form-group input:focus{background:var(--color-background-primary);border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-overlay-medium);outline:none}[data-theme=dark] .form-group input:focus{background:var(--color-background-secondary);box-shadow:0 0 0 3px #60a5fa26}.form-group input:disabled{background-color:var(--color-background-tertiary);cursor:not-allowed;opacity:.6}.login-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-2);overflow:hidden;padding:var(--spacing-3) var(--spacing-6);position:relative;transition:var(--transition-normal)}.login-button,[data-theme=dark] .login-button{background:var(--color-primary);color:var(--color-primary-contrast)}[data-theme=dark] .login-button{box-shadow:var(--shadow-glossy)}[data-theme=light] .login-button{background:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-primary-contrast)}.login-button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 6px 16px #60a5fa66;transform:translateY(-1px)}[data-theme=dark] .login-button:hover:not(:disabled){background:var(--color-primary-light);box-shadow:0 6px 20px #60a5fa80}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:var(--color-neutral-300);box-shadow:none;color:var(--color-text-disabled);cursor:not-allowed}.login-footer{margin-top:var(--spacing-4);text-align:center}.login-footer a{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-fast)}.login-footer a:hover{color:var(--color-primary-light);text-decoration:underline}.login-theme-toggle{align-items:center;background:var(--color-background-secondary);background:var(--color-background-elevated,var(--color-background-secondary));border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:absolute;right:var(--spacing-6);top:var(--spacing-6);transition:var(--transition-normal);width:48px;z-index:10}[data-theme=dark] .login-theme-toggle{background:var(--color-background-tertiary);border-color:var(--color-border-secondary);box-shadow:0 4px 12px #00000080,inset 0 1px 0 #ffffff1a}.login-theme-toggle:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:scale(1.05)}[data-theme=dark] .login-theme-toggle:hover{box-shadow:0 6px 16px #60a5fa4d,inset 0 1px 0 #ffffff26}.login-theme-toggle:active{transform:scale(.98)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;height:5px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.sidebar{background-color:var(--color-background-secondary);border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;position:sticky;top:64px;transition:width var(--transition-normal);width:var(--width-sidebar)}.sidebar-collapsed{width:var(--width-sidebar-collapsed)}.sidebar-toggle{align-items:center;background:none;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;margin:var(--spacing-2);transition:all var(--transition-fast)}.sidebar-toggle:hover{background-color:var(--color-background-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.sidebar-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-2)}.sidebar-group{margin-bottom:var(--spacing-1)}.sidebar-group-header{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);justify-content:space-between;letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase;transition:color var(--transition-fast);width:100%}.sidebar-group-header:hover{color:var(--color-text-secondary)}.sidebar-group-header:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:-2px}.sidebar-group-header-static{cursor:default;gap:.5rem}.sidebar-group-header-static:hover{color:var(--color-text-tertiary)}.sidebar-group-label{flex:1 1;text-align:left}.sidebar-group-chevron{opacity:.6;transition:transform var(--transition-fast)}.sidebar-group-header:hover .sidebar-group-chevron{opacity:1}.sidebar-favorites-icon{color:var(--color-warning)}.sidebar-favorites-group{padding-top:0}.sidebar-favorites-group .sidebar-group-items{gap:2px}.sidebar-item-favorite{font-size:.8125rem;padding:.5rem .75rem}.sidebar-item-favorite .sidebar-item-icon{height:20px;margin-right:.5rem;width:20px}.sidebar-group-items{display:flex;flex-direction:column;gap:var(--spacing-1);max-height:500px;overflow:hidden;transition:max-height var(--transition-normal),opacity var(--transition-fast)}.sidebar-group-items-hidden{max-height:0;opacity:0;pointer-events:none}.sidebar-separator{background-color:var(--color-border-primary);height:1px;margin:var(--spacing-3) var(--spacing-3);opacity:.5}.sidebar-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;padding:var(--spacing-3) var(--spacing-4);position:relative;text-decoration:none;transition:all var(--transition-fast)}.sidebar-item:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.sidebar-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.sidebar-item-active{background-color:var(--color-primary);color:#fff!important}.sidebar-item-active .sidebar-item-icon,.sidebar-item-active .sidebar-item-text{color:#fff!important}.sidebar-item-active:hover{background-color:var(--color-primary-dark);color:#fff!important}.sidebar-item-active:hover .sidebar-item-icon,.sidebar-item-active:hover .sidebar-item-text{color:#fff!important}.sidebar-item-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:var(--spacing-3);position:relative;width:24px}.sidebar-collapsed .sidebar-item-icon{margin-right:0}.sidebar-item-icon svg{transition:transform var(--transition-fast)}.sidebar-item:hover .sidebar-item-icon svg{transform:scale(1.1)}.sidebar-item-text{flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-favorite-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:.25rem;opacity:0;transition:all var(--transition-fast);width:24px}.sidebar-item:hover .sidebar-favorite-btn{opacity:1}.sidebar-favorite-btn:hover{background-color:#f59e0b1a;color:var(--color-warning)}.sidebar-favorite-btn-active{color:var(--color-warning);opacity:1}.sidebar-item-active .sidebar-favorite-btn{color:#ffffffb3}.sidebar-item-active .sidebar-favorite-btn:hover{background-color:#ffffff26;color:#fff}.sidebar-badge{align-items:center;background-color:var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-neutral-700);display:inline-flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:20px;justify-content:center;margin-left:.5rem;min-width:20px;padding:0 var(--spacing-2)}.sidebar-badge-alert{animation:pulse-badge 2s infinite;background-color:var(--color-danger);color:#fff}.sidebar-badge-warning{background-color:var(--color-warning);color:#fff}.sidebar-badge-error{background-color:var(--color-danger);color:#fff}.sidebar-badge-info{background-color:var(--color-info);color:#fff}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sidebar-badge-dot{animation:pulse-dot 2s infinite;border:2px solid var(--color-background-secondary);border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.sidebar-badge-dot,.sidebar-badge-dot-alert{background-color:var(--color-danger)}.sidebar-badge-dot-warning{background-color:var(--color-warning)}.sidebar-badge-dot-error{background-color:var(--color-danger)}.sidebar-badge-dot-info{background-color:var(--color-info)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.sidebar-collapsed .sidebar-item{justify-content:center;padding:var(--spacing-3)}.sidebar-collapsed .sidebar-group-header{display:none}.sidebar-collapsed .sidebar-separator{margin:var(--spacing-2)}.sidebar-collapsed .sidebar-favorite-btn{display:none}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}@media (max-width:768px){.sidebar{box-shadow:var(--shadow-lg);left:0;position:fixed;transform:translateX(-100%);z-index:var(--z-index-fixed)}.sidebar.sidebar-open{transform:translateX(0)}}[data-theme=dark] .sidebar-badge{background-color:var(--color-neutral-700);color:var(--color-neutral-200)}[data-theme=dark] .sidebar-badge-dot{border-color:var(--color-background-secondary)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-neutral-600)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.feedback-fab{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;bottom:var(--spacing-6);box-shadow:var(--shadow-lg);color:var(--color-primary-contrast);cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:var(--spacing-6);transition:all var(--transition-normal);width:56px;z-index:var(--z-index-fixed)}.feedback-fab:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-xl);transform:scale(1.1)}.feedback-fab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.feedback-fab:active{transform:scale(1.05)}.feedback-fab-badge{align-items:center;background-color:var(--color-error);border-radius:10px;color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px}.feedback-fab-tooltip{animation:tooltipFadeIn .2s ease;background-color:#1e293b;border-radius:var(--radius-md);bottom:calc(var(--spacing-6) + 12px);box-shadow:var(--shadow-lg);color:#fff;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);position:fixed;right:calc(var(--spacing-6) + 70px);white-space:nowrap;z-index:var(--z-index-fixed)}.feedback-fab-tooltip:after{border:4px solid #0000;border-left-color:#1e293b;content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}.feedback-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.feedback-form-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.feedback-form-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.feedback-form-label-required{color:var(--color-error);margin-left:2px}.feedback-form-label-optional{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.feedback-form-input,.feedback-form-select,.feedback-form-textarea{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);padding:var(--spacing-3);transition:all var(--transition-fast);width:100%}.feedback-form-input:hover:not(:disabled),.feedback-form-select:hover:not(:disabled),.feedback-form-textarea:hover:not(:disabled){border-color:var(--color-border-focus)}.feedback-form-input:focus,.feedback-form-select:focus,.feedback-form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.feedback-form-input::placeholder,.feedback-form-textarea::placeholder{color:var(--color-text-tertiary)}.feedback-form-textarea{min-height:120px;resize:vertical}.feedback-form-char-count{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-1);text-align:right}.feedback-form-context{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-3)}.feedback-form-context-text{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.feedback-form-context-text strong{color:var(--color-text-primary)}.feedback-form-error{align-items:flex-start;background-color:var(--color-error-background);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-3)}.feedback-form-error-icon{flex-shrink:0;margin-top:2px}.feedback-success{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-8);text-align:center}.feedback-success-icon{color:var(--color-success);margin-bottom:var(--spacing-4)}.feedback-success-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-2) 0}.feedback-success-message{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.feedback-modal-footer{display:flex;gap:var(--spacing-3);justify-content:flex-end}@media (max-width:767px){.feedback-fab{bottom:var(--spacing-4);height:52px;right:var(--spacing-4);width:52px}.feedback-fab-tooltip{display:none}.feedback-form-input,.feedback-form-select,.feedback-form-textarea{font-size:16px}.feedback-modal-footer{flex-direction:column-reverse}.feedback-modal-footer .button{width:100%}.pg-modal-backdrop{align-items:flex-end;padding:0}.pg-modal{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh}.pg-modal-lg,.pg-modal-md,.pg-modal-sm,.pg-modal-xl{max-width:100%}.pg-modal-body,.pg-modal-footer,.pg-modal-header{padding:var(--spacing-4)}.pg-modal-footer{flex-direction:column-reverse}.pg-modal-footer .button{width:100%}}.device-status-chart{display:flex;flex-direction:column;gap:2rem;padding:1rem 0}.donut-chart-container{height:200px;margin:0 auto;position:relative;width:200px}.donut-svg{height:100%;transform:rotate(-90deg);width:100%}.donut-segment{transition:stroke-width .2s ease}.donut-segment:hover{stroke-width:4}.donut-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.donut-total{color:var(--color-text-primary);display:block;font-size:2.5rem;font-weight:700;line-height:1}.donut-label{color:var(--color-text-secondary);display:block;font-size:.875rem;margin-top:.25rem}.chart-legend{display:flex;flex-direction:column;gap:.75rem}.legend-item{border-radius:.375rem;gap:.75rem;padding:.5rem;transition:background-color .2s ease}.legend-item:hover{background-color:var(--color-background-secondary)}.legend-color{border-radius:.25rem;height:16px;width:16px}.legend-label{flex:1 1;font-weight:500;text-transform:capitalize}.legend-label,.legend-value{color:var(--color-text-primary);font-size:.875rem}.legend-value{font-weight:600}.legend-percentage{color:var(--color-text-secondary);font-size:.75rem}.chart-loading{min-height:300px}.device-status-chart-bar{padding:1rem}.bar-chart-total{border-top:1px solid var(--color-border-primary);display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem}.bar-chart-total .total-label{color:var(--color-text-secondary);font-size:.875rem}.bar-chart-total .total-value{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.device-status-chart-table{padding:.5rem}.status-table{border-collapse:collapse;width:100%}.status-table td,.status-table th{border-bottom:1px solid var(--color-border-primary);padding:.75rem;text-align:left}.status-table th{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-table tbody tr:hover,.status-table th{background-color:var(--color-background-secondary)}.status-table td{color:var(--color-text-primary);font-size:.875rem}.status-table .status-indicator{border-radius:50%;display:inline-block;height:10px;margin-right:.5rem;width:10px}.status-table .count-cell,.status-table .percentage-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.status-table tfoot td{background-color:var(--color-background-secondary);border-top:2px solid var(--color-border-primary)}@media (max-width:768px){.donut-chart-container{height:160px;width:160px}.donut-total{font-size:2rem}}.recent-alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{background-color:var(--color-background-secondary);border-left:3px solid var(--color-border-primary);border-radius:.5rem;display:flex;gap:1rem;padding:1rem;transition:background-color .2s ease,transform .2s ease}.alert-item:hover{background-color:var(--bg-tertiary);transform:translateX(4px)}.alert-item-critical{border-left-color:var(--color-error)}.alert-item-warning{border-left-color:var(--color-warning)}.alert-item-info{border-left-color:var(--color-info)}.alert-icon{align-items:center;background-color:var(--bg-tertiary);border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.alert-item-critical .alert-icon{background-color:#ef44441a;color:var(--color-error)}.alert-item-warning .alert-icon{background-color:#f59e0b1a;color:var(--color-warning)}.alert-item-info .alert-icon{background-color:#3b82f61a;color:var(--color-info)}.alert-content{min-width:0}.alert-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.alert-device{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.alert-message{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.alert-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.5rem;justify-content:space-between}.alert-customer{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-time{flex-shrink:0}.alerts-loading{align-items:center;display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.alert-item{padding:.75rem}.alert-header,.alert-meta{align-items:flex-start;flex-direction:column}}.recent-activity-feed{display:flex;flex-direction:column}.activity-item{position:relative}.activity-icon-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.activity-icon{background-color:var(--color-background-secondary);border:2px solid var(--color-border-primary);height:32px;width:32px;z-index:1}.activity-line{background-color:var(--color-border-primary);flex:1 1;margin-top:.25rem;width:2px}.activity-content{padding-bottom:1.5rem}.activity-message{color:var(--color-text-primary);font-size:.875rem;line-height:1.5;margin:0 0 .25rem}.activity-time{color:var(--text-tertiary);font-size:.75rem}.activity-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.activity-item:last-child .activity-content{padding-bottom:0}.activity-item:last-child .activity-line{display:none}@media (max-width:768px){.activity-item{gap:.75rem}.activity-icon{height:28px;width:28px}}.top-customers{display:flex;flex-direction:column;gap:.75rem}.customer-item{align-items:center;background-color:var(--color-background-secondary);border-radius:.5rem;display:flex;gap:1rem;padding:.75rem;transition:background-color .2s ease,transform .2s ease}.customer-item:hover{background-color:var(--bg-tertiary);cursor:pointer;transform:translateX(4px)}.customer-rank{align-items:center;background-color:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.customer-item:first-child .customer-rank{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.customer-item:nth-child(2) .customer-rank{background:linear-gradient(135deg,silver,#e8e8e8);color:#333}.customer-item:nth-child(3) .customer-rank{background:linear-gradient(135deg,#cd7f32,#e8a865);color:#fff}.customer-info{flex:1 1;min-width:0}.customer-name{display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-stats{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:.5rem}.customer-devices{font-weight:500}.customer-divider{color:var(--text-tertiary)}.customers-loading{align-items:center;display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.customer-item{padding:.5rem}.customer-rank{font-size:.75rem;height:28px;width:28px}}.stat-card{min-height:120px;position:relative}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-card-clickable{cursor:pointer}.stat-card-content{display:flex;flex-direction:column;gap:.5rem}.stat-card-header{align-items:center;display:flex;justify-content:space-between}.stat-card-title{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.stat-card-icon{font-size:1.5rem;opacity:.7}.stat-card-body{display:flex;flex-direction:column;gap:.25rem}.stat-card-value-row{align-items:center;display:flex;gap:.75rem}.stat-card-value{color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1}.stat-card-percentage{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.stat-card-loading{align-items:center;display:flex;justify-content:center;min-height:60px}.stat-card-trend{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.stat-card-trend .trend-value{line-height:1}.trend-positive{background-color:#22c55e1a;background-color:rgba(var(--color-success-rgb,34,197,94),.1);color:var(--color-success)}.trend-negative{background-color:#ef44441a;background-color:rgba(var(--color-error-rgb,239,68,68),.1);color:var(--color-error)}.trend-neutral{background-color:#3b82f61a;background-color:rgba(var(--color-info-rgb,59,130,246),.1);color:var(--color-info)}.stat-card-comparison{color:var(--text-muted);font-size:.75rem}.stat-card-sparkline{border-top:1px solid var(--color-border-primary);margin-top:.5rem;padding-top:.5rem}.stat-card-success .stat-card-icon{color:var(--color-success)}.stat-card-warning .stat-card-icon{color:var(--color-warning)}.stat-card-error .stat-card-icon{color:var(--color-error)}.stat-card-info .stat-card-icon{color:var(--color-info)}[data-theme=dark] .stat-card:hover{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .trend-positive{background-color:#22c55e26}[data-theme=dark] .trend-negative{background-color:#ef444426}[data-theme=dark] .trend-neutral{background-color:#3b82f626}@media (max-width:768px){.stat-card{min-height:100px}.stat-card-value{font-size:1.5rem}.stat-card-sparkline{display:none}}.quick-action-button{align-items:center;background-color:var(--bg-primary);border:2px solid var(--color-border-primary);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:100px;padding:1.5rem;transition:all .2s ease}.quick-action-button:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quick-action-button:hover,.quick-action-icon{background-color:var(--color-background-secondary)}.quick-action-icon{align-items:center;border-radius:50%;color:var(--color-primary);display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .2s ease;width:48px}.quick-action-button:hover .quick-action-icon{background-color:var(--color-primary);color:#fff;transform:scale(1.1)}.quick-action-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500;text-align:center}.quick-action-compact{gap:.25rem;min-height:60px;padding:.75rem}.quick-action-compact .quick-action-icon{font-size:1rem;height:32px;width:32px}.quick-action-compact .quick-action-label{font-size:.75rem}.quick-action-icon-only{aspect-ratio:1;min-height:auto;padding:.75rem}.quick-action-icon-only .quick-action-icon{font-size:1.25rem;height:40px;width:40px}[data-theme=dark] .quick-action-button:hover{box-shadow:0 4px 12px #0000004d}@media (max-width:768px){.quick-action-button{min-height:80px;padding:1rem}.quick-action-icon{font-size:1.25rem;height:40px;width:40px}.quick-action-label{font-size:.75rem}}.trend-chart{width:100%}.trend-chart-loading{align-items:center;display:flex;justify-content:center;width:100%}.top-devices-table{width:100%}.top-devices-loading{align-items:center;display:flex;justify-content:center;padding:2rem}.top-devices-list{display:flex;flex-direction:column;gap:.75rem}.top-device-item{align-items:center;background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.top-device-item.clickable{cursor:pointer}.top-device-item.clickable:hover{background-color:#f3f4f6;background-color:var(--bg-hover,#f3f4f6);border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.top-device-rank{flex-shrink:0}.rank-number{align-items:center;background-color:#2563eb;background-color:var(--primary-color,#2563eb);border-radius:50%;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.top-device-info{flex:1 1;min-width:0}.device-name{color:#111827;color:var(--text-primary,#111827);font-size:.9375rem;margin-bottom:.25rem}.device-customer,.device-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-customer{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8125rem}.top-device-metric{flex-shrink:0;text-align:right}.metric-value{color:#2563eb;color:var(--primary-color,#2563eb);font-size:1.5rem;font-weight:700;line-height:1.2}.metric-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;margin-top:.125rem;text-transform:uppercase}@media (max-width:640px){.top-device-item{padding:.75rem}.rank-number{font-size:.8125rem;height:28px;width:28px}.metric-value{font-size:1.25rem}}.device-health-card{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:1.25rem;transition:all .2s ease}.device-health-card.clickable{cursor:pointer}.device-health-card.clickable:hover{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.device-health-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.device-health-info{flex:1 1;min-width:0}.device-health-name{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:600;margin:0 0 .25rem}.device-health-customer,.device-health-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-health-customer{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0}.device-health-score-badge{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.health-score-number{color:#2563eb;color:var(--primary-color,#2563eb);font-size:2rem;font-weight:700;line-height:1}.device-health-bar{background-color:#f3f4f6;background-color:var(--bg-secondary,#f3f4f6);border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden}.health-bar-fill{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.device-health-breakdown{grid-gap:.75rem;background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border-radius:6px;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem;padding:.75rem}.breakdown-item{align-items:center;display:flex;flex-direction:column;text-align:center}.breakdown-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.breakdown-value{color:#111827;color:var(--text-primary,#111827);font-size:.875rem;font-weight:600}.device-health-status{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:.75rem;padding-top:.75rem}.last-seen{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}@media (max-width:768px){.device-health-breakdown{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.device-health-card{padding:1rem}.health-score-number{font-size:1.5rem}.device-health-breakdown{gap:.5rem;padding:.5rem}}.widget-settings-container{position:relative}.widget-settings-trigger{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.widget-settings-trigger:hover{background:var(--bg-hover);color:var(--color-text-primary)}.widget-settings-panel{background:var(--bg-primary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:var(--shadow-lg);margin-top:4px;min-width:280px;position:absolute;right:0;top:100%;z-index:100}.widget-settings-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem}.widget-settings-header .close-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.widget-settings-header .close-button:hover{background:var(--bg-hover);color:var(--color-text-primary)}.widget-settings-content{max-height:400px;overflow-y:auto;padding:1rem}.widget-settings-group{display:flex;flex-direction:column;gap:.75rem}.widget-settings-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:.5rem;text-transform:uppercase}.widget-settings-label:first-child{margin-top:0}.widget-settings-options{display:flex;flex-wrap:wrap;gap:.5rem}.option-button{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:.8125rem;padding:.375rem .75rem;transition:all .2s ease}.option-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.option-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.widget-settings-checkboxes{display:flex;flex-direction:column;gap:.5rem}.checkbox-item{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.checkbox-item input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.widget-settings-footer{background:var(--color-background-secondary);border-radius:0 0 8px 8px;border-top:1px solid var(--color-border-primary);display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.widget-settings-empty{color:var(--text-muted);font-size:.875rem;padding:1rem 0;text-align:center}.widget-settings-tip{background:var(--bg-tertiary);border-radius:4px;color:var(--color-text-secondary);font-size:.75rem;margin-top:.75rem;padding:.5rem .75rem}[data-theme=dark] .widget-settings-panel{box-shadow:0 8px 32px #0006}@media (max-width:480px){.widget-settings-panel{border-radius:16px 16px 0 0;bottom:0;left:0;margin-top:0;min-width:100%;position:fixed;right:0;top:auto}.widget-settings-content{max-height:60vh}}.dashboard-customize-menu{position:relative}.customize-trigger{align-items:center;display:flex;gap:.5rem}.customize-panel{background:var(--bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:var(--shadow-lg);margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:360px;z-index:1000}.customize-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:1rem 1.25rem}.customize-header h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.customize-header .close-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.customize-header .close-button:hover{background:var(--bg-hover);color:var(--color-text-primary)}.customize-tabs{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);display:flex}.tab-button{flex:1 1;font-size:.8125rem;padding:.75rem 1rem}.tab-button:hover{background:var(--bg-hover)}.tab-button.active{color:var(--color-primary)}.tab-button.active:after{background:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.customize-content{max-height:400px;overflow-y:auto}.customize-section{padding:1rem 1.25rem}.section-description{color:var(--text-muted);font-size:.8125rem;line-height:1.4;margin:0 0 1rem}.toggle-list{display:flex;flex-direction:column;gap:.5rem}.toggle-item{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .2s ease}.toggle-item:hover{background:var(--bg-hover)}.toggle-item input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;margin-top:2px;width:18px}.toggle-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.toggle-content{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.toggle-label-row{align-items:center;display:flex;gap:.5rem}.toggle-label{font-size:.875rem;font-weight:500}.toggle-description{color:var(--text-muted);font-size:.75rem}.customize-footer{background:var(--color-background-secondary);border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:1rem 1.25rem}[data-theme=dark] .customize-panel{box-shadow:0 8px 32px #0006}@media (max-width:480px){.customize-panel{border-radius:16px 16px 0 0;bottom:0;left:0;margin-top:0;position:fixed;right:0;top:auto;width:100%}.customize-content{max-height:50vh}}.dealer-dashboard{padding:1.5rem}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.dashboard-subtitle{color:var(--color-text-secondary);font-size:1rem;margin:0}.dashboard-actions{display:flex;gap:.75rem}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.dashboard-grid-container{min-height:400px;width:100%}.dashboard-grid{position:relative}.dashboard-widget{background:#0000}.dashboard-widget>.card{display:flex;flex-direction:column;height:100%}.dashboard-widget>.card .card-body{flex:1 1;overflow:auto}.dashboard-widget .card-header{-webkit-user-select:none;user-select:none}.react-grid-item>.react-resizable-handle{bottom:0;cursor:se-resize;height:20px;opacity:0;position:absolute;right:0;transition:opacity .2s ease;width:20px;z-index:10}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid var(--color-border-primary);border-right:2px solid var(--color-border-primary);bottom:3px;content:"";height:8px;position:absolute;right:3px;width:8px}.react-grid-item.resizing>.react-resizable-handle:after,.react-grid-item:hover>.react-resizable-handle:after{border-color:var(--color-primary)}.react-grid-placeholder{background:var(--color-primary);border-radius:8px;opacity:.1;transition:all .1s ease}.react-grid-item.react-draggable-dragging{box-shadow:var(--shadow-lg);opacity:.9;z-index:100}.react-grid-item.resizing{opacity:.9;z-index:100}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.contextual-action{background:var(--color-warning-bg);border-color:var(--color-warning)}.contextual-action:hover{background:var(--color-warning);color:#fff}.device-health-preview{display:flex;flex-direction:column;gap:1rem}.card-actions{align-items:center;gap:.5rem}@media (max-width:1200px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dealer-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.dashboard-actions{justify-content:flex-end;width:100%}.dashboard-title{font-size:1.5rem}.dashboard-stats{gap:1rem;margin-bottom:1.5rem}.dashboard-stats,.quick-actions-grid{grid-template-columns:1fr}.dashboard-widget .card-header{cursor:default}}@media (max-width:480px){.dealer-dashboard{padding:.75rem}.dashboard-title{font-size:1.25rem}.dashboard-subtitle{font-size:.875rem}}[data-theme=dark] .react-grid-placeholder{background:var(--color-primary);opacity:.15}[data-theme=dark] .react-grid-item.react-draggable-dragging{box-shadow:0 8px 32px #0006}@keyframes widgetEnter{0%{opacity:0}to{opacity:1}}.dashboard-widget{animation:widgetEnter .3s ease-out}.dashboard-stats .stat-card{transition:transform .2s ease,box-shadow .2s ease}.dashboard-stats .stat-card:hover{transform:translateY(-2px)}.restore-panel-container{margin-bottom:1.5rem}.restore-panel-toggle{align-items:center;background:var(--color-background-secondary);border:1px dashed var(--color-border-primary);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.restore-panel-toggle:hover{background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.restore-panel-toggle span{flex:1 1;text-align:left}.restore-panel{animation:slideDown .2s ease;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;margin-top:.5rem;overflow:hidden}.restore-panel-header{border-bottom:1px solid var(--color-border-primary);padding:1rem}.restore-panel-header h4{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.restore-panel-header p{color:var(--color-text-secondary);font-size:.75rem;margin:0}.restore-panel-content{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.restore-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.restore-item:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.restore-item-stat{background:var(--color-info-bg);border-color:var(--color-info)}.restore-item-stat:hover{background:var(--color-info);border-color:var(--color-info)}.dashboard-stats .stat-card{position:relative}.stat-card-delete-btn{align-items:center;background:#0000001a;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:20px}.stat-card:hover .stat-card-delete-btn{opacity:1}.stat-card-delete-btn:hover{background:var(--color-error);color:#fff}.stat-card-widget{display:flex;flex-direction:column;height:100%;position:relative}.stat-card-widget .stat-card{flex:1 1;height:100%}.stat-card-widget .stat-card .card{height:100%}.stat-card-widget .stat-card-content{display:flex;flex-direction:column;height:100%;justify-content:center}.stat-card-drag-handle{left:8px;position:absolute;top:8px;z-index:10}.stat-card-widget .stat-card-delete-btn{align-items:center;background:#0000001a;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:20px;z-index:10}.stat-card-widget:hover .stat-card-delete-btn,.stat-card-widget:hover .stat-card-drag-handle{opacity:1}.stat-card-widget .stat-card-drag-handle{opacity:0}.stat-card-widget .stat-card-delete-btn:hover{background:var(--color-error);color:#fff}.dashboard-widget .stat-card-widget .card{overflow:visible}.customers-list-page{padding:1.5rem}.page-header-actions{flex-wrap:wrap;gap:.75rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{padding:1rem 1.25rem}.stat-icon-secondary{background:#6b72801a;color:var(--color-text-secondary)}.stat-label{margin-top:.125rem}.table-toolbar{border-bottom:1px solid var(--color-border-primary);flex-wrap:wrap;gap:1rem;padding:1rem}.table-filters{flex:1 1;gap:.75rem;min-width:200px}.table-filters .input-wrapper{max-width:300px}.bulk-actions{align-items:center;background:var(--color-background-secondary);border-radius:6px;display:flex;gap:.75rem;padding:.5rem 1rem}.selected-count{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.advanced-filters{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.advanced-filters .select-wrapper{min-width:150px}.customer-name-cell{align-items:center;display:flex;gap:.5rem}.customer-name{color:var(--color-text-primary)}.sync-recent{color:var(--color-success);font-weight:500}.sync-old{color:var(--color-warning)}.text-muted{color:var(--text-tertiary)}.table-actions{flex-wrap:wrap;gap:.5rem}.connector-modal-content{margin-bottom:1.5rem}.connector-modal-intro{color:var(--color-text-primary);font-size:var(--font-size-base);margin-bottom:1rem}.connector-info-box{background-color:#3b82f61a;border:1px solid var(--color-info);border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem}.connector-info-box-title{color:var(--color-info);font-size:.95rem;font-weight:600;margin:0 0 .5rem}.connector-info-box ol{color:var(--color-text-primary);font-size:.9rem;margin:0;padding-left:1.5rem}.connector-info-box li{margin-bottom:.5rem}.connector-info-box li:last-child{margin-bottom:0}.connector-info-box code{background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:monospace;font-size:.85rem;padding:.125rem .375rem}.connector-success-box{background-color:#10b9811a;border:1px solid var(--color-success);border-radius:var(--radius-md);padding:1rem}.connector-success-box-title{color:var(--color-success);font-size:.95rem;font-weight:600;margin:0 0 .5rem}.connector-success-box-text{color:var(--color-text-secondary);font-size:.85rem;margin:0}.connector-downloading-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:1.5rem;padding:1rem;text-align:center}.connector-downloading-text{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;justify-content:center;margin:0}.connector-downloading-text .spinning{animation:spin 1s linear infinite}@media (max-width:768px){.customers-list-page{padding:1rem}.page-header,.page-header-actions{align-items:stretch;flex-direction:column}.page-header-actions .btn{justify-content:center;width:100%}.page-title{font-size:1.5rem}.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:.75rem 1rem}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.5rem}.table-filters,.table-toolbar{align-items:stretch;flex-direction:column}.table-filters .input-wrapper{max-width:100%}.advanced-filters{flex-direction:column}.bulk-actions{justify-content:center}.table-actions{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:.75rem}.stat-icon{height:36px;width:36px}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}}.page-container{max-width:1200px;padding:0}.page-header{flex-wrap:wrap;gap:16px;margin-bottom:24px}.page-title{font-size:28px;margin:0 0 4px}.page-subtitle{font-size:14px}.header-actions{align-items:center;gap:12px}.search-bar{margin-bottom:20px}.search-bar input{background:var(--bg-primary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-primary);font-size:14px;max-width:400px;padding:10px 16px;width:100%}.search-bar input:focus{border-color:var(--primary-color);outline:none}.table-container{background:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--color-background-secondary)}.data-table th{font-weight:600;text-align:left}.data-table td,.data-table th{color:var(--color-text-primary);font-size:14px;padding:12px 16px}.data-table td{border-top:1px solid var(--color-border-primary)}.data-table tr:hover{background:var(--color-background-secondary)}.no-data{padding:40px}.actions{display:flex;gap:8px}.token-expiry{align-items:center;display:flex;gap:10px}.form-container{background:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px #0000001a;max-width:600px;padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-primary);font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--color-background-secondary);cursor:not-allowed}.details-container{background:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.detail-row{border-bottom:1px solid var(--color-border-primary);display:flex;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{flex-shrink:0;width:200px}.detail-value{flex-grow:1}.token-container{align-items:center;display:flex;gap:8px}.token-value{border-radius:4px;flex-grow:1;font-family:monospace;padding:8px 12px}.error-banner{background:color-mix(in srgb,var(--color-error) 15%,var(--bg-primary));border-left:4px solid var(--color-error);border-radius:6px;color:var(--color-error);margin-bottom:20px;padding:12px 16px}.loading{color:var(--color-text-secondary);padding:40px;text-align:center}.tabs{display:flex;flex-direction:column}.tabs-header{-ms-overflow-style:none;border-bottom:1px solid var(--color-border-primary);display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding-bottom:0;scrollbar-width:none}.tabs-header::-webkit-scrollbar{display:none}.tab-button{display:flex;font-size:14px;gap:8px;margin-bottom:-1px;padding:12px 16px;position:relative}.tab-button:hover:not(.tab-disabled){background:var(--color-background-tertiary);color:var(--color-text-primary)}.tab-button.tab-active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.tab-button.tab-disabled{color:var(--color-text-tertiary);cursor:not-allowed;opacity:.5}.tab-icon{align-items:center;display:flex;justify-content:center}.tab-icon svg{height:18px;width:18px}.tab-badge{align-items:center;background:var(--color-background-tertiary);border-radius:10px;color:var(--color-text-secondary);display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.tab-badge.success{background:#10b98126;color:var(--color-success)}.tab-badge.warning{background:#f59e0b26;color:var(--color-warning)}.tab-badge.danger{background:#ef444426;color:var(--color-error)}.tab-badge.info{background:#3b82f626;color:var(--color-primary)}.tabs-content{padding-top:0}.tab-panel{display:none;padding:16px 0}.tab-panel-active{display:block}.tabs-sm .tab-button{font-size:13px;padding:8px 12px}.tabs-sm .tab-icon svg{height:16px;width:16px}.tabs-lg .tab-button{font-size:15px;padding:14px 20px}.tabs-lg .tab-icon svg{height:20px;width:20px}.tabs-full-width .tabs-header{display:flex}.tabs-full-width .tab-button{flex:1 1;justify-content:center}.tabs-pills .tabs-header{background:var(--color-background-tertiary);border-bottom:none;border-radius:8px;gap:4px;padding:4px}.tabs-pills .tab-button{border-bottom:none;border-radius:6px;margin-bottom:0}.tabs-pills .tab-button.tab-active{background:var(--color-background-secondary);box-shadow:var(--shadow-sm);color:var(--color-primary)}.tabs-underline .tabs-header{gap:0}.tabs-underline .tab-button{border-bottom-width:3px}@media (max-width:768px){.tabs-header{gap:0}.tab-button{font-size:13px;padding:10px 12px}.tab-label{display:none}.tabs-header .tab-button .tab-icon+.tab-label{display:inline}.tabs-header .tab-button:not(:has(.tab-icon)) .tab-label{display:inline}}@media (max-width:480px){.tab-button{padding:8px 10px}.tab-badge{font-size:10px;height:18px;min-width:18px;padding:0 4px}}.customer-details-page{margin:0 auto;max-width:1400px;padding:0}.customer-details-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.customer-details-page .page-header-left{align-items:flex-start;display:flex;gap:12px}.customer-details-page .page-header-text{flex:1 1;min-width:200px}.customer-details-page .page-title{color:var(--color-text-primary);font-size:28px;font-weight:600;margin:0 0 4px}.customer-details-page .page-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.customer-details-page .page-header-actions{align-items:center;display:flex;gap:12px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;gap:16px;padding:16px 20px}.summary-icon{border-radius:10px;height:44px;width:44px}.summary-icon-success{background:#10b9811a;color:var(--color-success)}.summary-icon-danger{background:#ef44441a;color:var(--color-error)}.summary-icon-warning{background:#f59e0b1a;color:var(--color-warning)}.summary-icon-info{background:#3b82f61a;color:var(--color-primary)}.summary-icon-secondary{background:#6b72801a;color:var(--color-text-secondary)}.summary-content{min-width:0}.summary-value{font-size:1.5rem}.summary-label{font-size:.875rem;margin-top:2px}.customer-overview{display:flex;flex-direction:column;gap:20px}.details-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{gap:4px}.detail-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-value{font-size:14px}.token-card{margin-top:8px}.token-section{display:flex;flex-direction:column;gap:12px}.token-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.token-value{background:var(--color-background-secondary);border-radius:6px;color:var(--color-text-primary);flex:1 1;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;min-width:200px;padding:10px 14px;word-break:break-all}.token-actions,.token-meta{display:flex;gap:8px}.token-meta{align-items:center;color:var(--color-text-secondary);font-size:13px}.token-grace{color:var(--color-warning)}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.settings-info{color:var(--color-text-secondary);font-size:14px}.settings-info p{margin:0 0 12px}.settings-info p:last-child{margin-bottom:0}.last-sync{border-top:1px solid var(--color-border-primary);color:var(--text-tertiary);font-size:13px;margin-top:8px;padding-top:8px}.device-name{color:var(--color-text-primary);font-weight:500}.alert-message{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.customer-details-page .page-header{align-items:stretch;flex-direction:column}.customer-details-page .page-header-left{align-items:flex-start;flex-direction:column}.customer-details-page .page-header-actions{align-items:stretch;flex-direction:column}.customer-details-page .page-header-actions .btn{justify-content:center;width:100%}.summary-cards{grid-template-columns:repeat(2,1fr)}.summary-card{padding:12px 16px}.summary-icon{height:36px;width:36px}.summary-value{font-size:1.25rem}.details-grid{grid-template-columns:1fr}.token-row{align-items:stretch;flex-direction:column}.token-value{min-width:100%}.token-actions{justify-content:flex-start}.settings-grid{grid-template-columns:1fr}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.customer-details-page .page-title{font-size:22px}}.page-subtitle{color:var(--color-text-muted);font-size:.9rem;margin-top:.25rem}.sync-info{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border:1px solid #2196f3;border:1px solid var(--color-info,#2196f3);border-radius:var(--border-radius);color:#1565c0;color:var(--color-info-dark,#1565c0);font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem}.settings-section h2{color:var(--color-text);font-size:1.25rem;margin:0 0 .5rem}.section-description{color:var(--color-text-muted);font-size:.9rem}.network-ranges-list{margin-bottom:1rem}.network-ranges-list label{display:block;font-weight:500;margin-bottom:.5rem}.range-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:inline-flex;gap:.5rem;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem .75rem}.range-item code{font-family:monospace;font-size:.9rem}.range-item .btn-icon{background:#0000;border:none;border-radius:3px;color:var(--color-danger);cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.range-item .btn-icon:hover{background:#ffebee;background:var(--color-danger-light,#ffebee)}.empty-ranges{background:var(--color-background);border:1px dashed var(--color-border);border-radius:var(--border-radius);color:var(--color-text-muted);font-style:italic;padding:1rem;text-align:center}.add-range-form{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.add-range-form input{flex:1 1;min-width:200px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.help-text{color:var(--color-text-muted)}.field-error,.help-text{display:block;font-size:.8rem;margin-top:.25rem}.field-error{color:var(--color-danger)}.time-window-section{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.time-window-inputs{background:var(--color-background);border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.settings-section .form-group{margin-bottom:1rem}.settings-section .form-group label{display:block;font-weight:500;margin-bottom:.5rem}.settings-section .form-group input[type=checkbox]{margin-right:.5rem;vertical-align:middle}.settings-section .form-group input[type=number],.settings-section .form-group input[type=text],.settings-section .form-group input[type=time],.settings-section .form-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:.9rem;padding:.5rem .75rem;width:100%}.settings-section .form-group input:focus,.settings-section .form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633;box-shadow:0 0 0 2px var(--color-primary-light,#3b82f633);outline:none}@media (max-width:768px){.header-actions{flex-wrap:wrap}.header-actions button{flex:1 1 auto}.form-row{grid-template-columns:1fr}.add-range-form{flex-direction:column}.add-range-form button,.add-range-form input{width:100%}}.supply-status-none{color:#666;color:var(--text-secondary,#666);font-style:italic}.supply-status-compact{align-items:center;display:flex;gap:.5rem}.supply-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.supply-indicator i{font-size:.875rem}.supply-indicator.critical{background-color:color-mix(in srgb,#ef4444 15%,#fff);background-color:color-mix(in srgb,var(--color-error,#ef4444) 15%,var(--bg-primary,#fff));border:1px solid color-mix(in srgb,#ef4444 30%,#fff);border:1px solid color-mix(in srgb,var(--color-error,#ef4444) 30%,var(--bg-primary,#fff));color:#ef4444;color:var(--color-error,#ef4444)}.supply-indicator.warning{background-color:color-mix(in srgb,#f59e0b 15%,#fff);background-color:color-mix(in srgb,var(--color-warning,#f59e0b) 15%,var(--bg-primary,#fff));border:1px solid color-mix(in srgb,#f59e0b 40%,#fff);border:1px solid color-mix(in srgb,var(--color-warning,#f59e0b) 40%,var(--bg-primary,#fff));color:#d97706;color:var(--color-warning-dark,var(--color-warning,#d97706))}.supply-indicator.good{background-color:color-mix(in srgb,#10b981 15%,#fff);background-color:color-mix(in srgb,var(--color-success,#10b981) 15%,var(--bg-primary,#fff));border:1px solid color-mix(in srgb,#10b981 30%,#fff);border:1px solid color-mix(in srgb,var(--color-success,#10b981) 30%,var(--bg-primary,#fff));color:#059669;color:var(--color-success-dark,var(--color-success,#059669))}.supply-status-full{display:flex;flex-direction:column;gap:.5rem}.supply-status-row{align-items:center;display:flex;gap:.75rem}.supply-label{color:#333;color:var(--text-primary,#333);font-size:.875rem;font-weight:500}.supply-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.supply-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.supply-badge.critical{background-color:color-mix(in srgb,#ef4444 15%,#fff);background-color:color-mix(in srgb,var(--color-error,#ef4444) 15%,var(--bg-primary,#fff));border:1px solid color-mix(in srgb,#ef4444 30%,#fff);border:1px solid color-mix(in srgb,var(--color-error,#ef4444) 30%,var(--bg-primary,#fff));color:#ef4444;color:var(--color-error,#ef4444)}.supply-badge.warning{background-color:color-mix(in srgb,#f59e0b 15%,#fff);background-color:color-mix(in srgb,var(--color-warning,#f59e0b) 15%,var(--bg-primary,#fff));border:1px solid color-mix(in srgb,#f59e0b 40%,#fff);border:1px solid color-mix(in srgb,var(--color-warning,#f59e0b) 40%,var(--bg-primary,#fff));color:#d97706;color:var(--color-warning-dark,var(--color-warning,#d97706))}.supply-badge.good{background-color:color-mix(in srgb,#10b981 15%,#fff);background-color:color-mix(in srgb,var(--color-success,#10b981) 15%,var(--bg-primary,#fff));border:1px solid color-mix(in srgb,#10b981 30%,#fff);border:1px solid color-mix(in srgb,var(--color-success,#10b981) 30%,var(--bg-primary,#fff));color:#059669;color:var(--color-success-dark,var(--color-success,#059669))}.supply-count{color:#666;color:var(--text-secondary,#666);font-size:.75rem;margin-left:.5rem}@media (max-width:768px){.supply-status-compact{align-items:flex-start;flex-direction:column;gap:.25rem}.supply-indicator{font-size:.7rem;padding:.2rem .4rem}.supply-badges{align-items:flex-start;flex-direction:column;gap:.25rem}}.device-list-page{margin:0 auto;max-width:1400px;width:100%}.device-list-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.device-list-page .page-header-text{flex:1 1;min-width:200px}.device-list-page .page-title{color:var(--color-text-primary);font-size:28px;font-weight:600;margin:0 0 4px}.device-list-page .page-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.device-list-page .page-header-actions{align-items:center;display:flex;gap:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card{border:1px solid var(--color-border-primary);border-radius:8px;padding:16px 20px}.stat-icon{border-radius:10px}.stat-icon-primary{background:#3b82f61a;color:var(--color-primary)}.stat-icon-success{background:#10b9811a;color:var(--color-success)}.stat-icon-danger{background:#ef44441a;color:var(--color-error)}.stat-icon-warning{background:#f59e0b1a;color:var(--color-warning)}.stat-icon-info{background:#06b6d41a;color:var(--color-info)}.stat-content{min-width:0}.stat-label{margin-top:2px}.filters-card{margin-bottom:20px}.filters-toolbar{gap:16px}.search-section{flex:1 1;max-width:400px;min-width:250px}.view-controls{align-items:center;display:flex;gap:12px}.view-toggle{border-radius:6px}.view-toggle .btn{border-radius:4px}.advanced-filters{grid-gap:16px;border-top:1px solid var(--color-border-primary);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:16px;padding-top:16px}.device-name-cell{color:var(--color-text-primary);font-weight:500}.device-model-cell{display:flex;flex-direction:column;gap:2px}.device-model-cell .manufacturer{color:var(--color-text-primary);font-size:13px;font-weight:600}.device-model-cell .model{color:var(--color-text-secondary);font-size:12px}.ip-code{background:var(--color-background-secondary);border-radius:4px;color:var(--color-text-primary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;padding:2px 6px}.customer-link{color:var(--color-primary);font-weight:500;text-decoration:none}.customer-link:hover{text-decoration:underline}.last-seen-recent{color:var(--color-success)}.last-seen-old{color:var(--color-warning)}.pagination{justify-content:space-between}.pagination-standalone{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;margin-top:20px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-pages{color:var(--color-text-secondary);font-size:14px;min-width:100px;padding:0 8px;text-align:center}.devices-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.device-card{cursor:pointer;transition:all .2s ease}.device-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.device-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.device-card-customer{color:var(--color-text-secondary);font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card-body{margin-bottom:12px}.device-card-name{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.device-card-model{color:var(--color-text-secondary);font-size:13px;margin-bottom:8px}.device-card-ip{margin-bottom:0}.device-card-ip code{background:var(--color-background-secondary);border-radius:4px;color:var(--color-text-primary);font-family:monospace;font-size:12px;padding:4px 8px}.device-card-footer{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding-top:12px}.device-card-last-seen{color:var(--text-tertiary);font-size:12px}@media (max-width:768px){.device-list-page .page-header,.device-list-page .page-header-actions{align-items:stretch;flex-direction:column}.device-list-page .page-header-actions .btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px 16px}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.5rem}.filters-toolbar{align-items:stretch;flex-direction:column}.search-section{max-width:100%}.view-controls{justify-content:space-between}.advanced-filters{grid-template-columns:1fr 1fr}.pagination{flex-direction:column;gap:12px;text-align:center}.devices-card-grid{grid-template-columns:1fr}}@media (max-width:480px){.advanced-filters,.stats-grid{grid-template-columns:1fr}.device-list-page .page-title{font-size:22px}}.enhanced-metrics{--metric-item-background:var(--color-background-secondary)}[data-mode=dark] .enhanced-metrics{--metric-item-background:var(--color-background-tertiary)}.enhanced-metrics{display:flex;flex-direction:column;gap:var(--spacing-5)}.enhanced-metrics-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-3);justify-content:center;padding:var(--spacing-8)}.enhanced-metrics-loading p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.metrics-card{margin:0}.metrics-card h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-5) 0}.metrics-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.metric-item{background:var(--metric-item-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);transition:all var(--transition-normal)}.metric-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.metric-item label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.metric-value{align-items:center;color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-2)}.metric-value .badge{font-size:var(--font-size-xs);margin-left:auto}@media (max-width:1024px){.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.metrics-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.metric-item{padding:var(--spacing-2)}.metric-value{font-size:var(--font-size-lg)}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}}.manufacturer-data-card{--part-number-background:var(--color-background-secondary);--error-code-background:color-mix(in srgb,var(--color-error,#ef4444) 10%,var(--color-background-primary));--counter-background:var(--color-background-secondary);--tank-black-start:var(--color-toner-black,#374151);--tank-black-end:color-mix(in srgb,var(--color-toner-black,#374151) 80%,#000);--tank-cyan-start:var(--color-toner-cyan,#06b6d4);--tank-cyan-end:color-mix(in srgb,var(--color-toner-cyan,#06b6d4) 80%,#000);--tank-magenta-start:var(--color-toner-magenta,#ec4899);--tank-magenta-end:color-mix(in srgb,var(--color-toner-magenta,#ec4899) 80%,#000);--tank-yellow-start:var(--color-toner-yellow,#fbbf24);--tank-yellow-end:color-mix(in srgb,var(--color-toner-yellow,#fbbf24) 80%,#000);margin:0}[data-mode=dark] .manufacturer-data-card{--error-code-background:color-mix(in srgb,var(--color-error,#ef4444) 15%,var(--color-background-tertiary))}.manufacturer-data-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.manufacturer-data-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.expand-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;color:var(--color-primary-contrast,#fff);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-normal)}.expand-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.manufacturer-data-content{animation:slideDown .3s ease-out}.loading-state{align-items:center;display:flex;gap:var(--spacing-3);padding:var(--spacing-6)}.loading-state p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.manufacturer-section{margin-bottom:var(--spacing-5)}.manufacturer-section:last-child{margin-bottom:0}.manufacturer-section h4{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:var(--spacing-4) 0 var(--spacing-3) 0}.manufacturer-section h4:first-child{margin-top:0}.data-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--spacing-4)}.data-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.data-item label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.data-item span{color:var(--color-text-primary);font-size:var(--font-size-sm)}.code-text{font-family:var(--font-family-mono)}.part-numbers{display:flex;flex-direction:column;gap:var(--spacing-2)}.part-number-item{align-items:center;background:var(--part-number-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-3);transition:all var(--transition-normal)}.part-number-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.part-number{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.copy-btn{background:var(--color-background-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;color:var(--color-primary-contrast,#fff)}.error-codes{display:flex;flex-direction:column;gap:var(--spacing-2)}.error-code-item{align-items:center;background:var(--error-code-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-3);padding:var(--spacing-3)}.error-code-item span{color:var(--color-text-primary);font-size:var(--font-size-sm)}.counters-grid{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.counter-item{background:var(--counter-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3)}.counter-item label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.counter-value{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.tank-levels{gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.tank-level-item,.tank-levels{display:flex;flex-direction:column}.tank-level-item{gap:var(--spacing-2)}.tank-level-item label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.progress-bar-small{background:var(--color-background-tertiary);border-radius:var(--radius-md);height:24px;overflow:hidden;position:relative;width:100%}.progress-fill-small{height:100%;transition:width .3s ease}.progress-text{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%)}.tank-black{background:linear-gradient(90deg,var(--tank-black-start) 0,var(--tank-black-end) 100%)}.tank-cyan{background:linear-gradient(90deg,var(--tank-cyan-start) 0,var(--tank-cyan-end) 100%)}.tank-magenta{background:linear-gradient(90deg,var(--tank-magenta-start) 0,var(--tank-magenta-end) 100%)}.tank-yellow{background:linear-gradient(90deg,var(--tank-yellow-start) 0,var(--tank-yellow-end) 100%)}@media (max-width:768px){.manufacturer-data-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.expand-btn{width:100%}.counters-grid,.data-grid{grid-template-columns:1fr}.part-number-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.copy-btn{width:100%}}.supply-level-chart{--supply-critical-bg:color-mix(in srgb,var(--color-error,#ef4444) 15%,#0000);--supply-critical-text:var(--color-error,#ef4444);--supply-critical-border:color-mix(in srgb,var(--color-error,#ef4444) 30%,#0000);--supply-warning-bg:color-mix(in srgb,var(--color-warning,#f59e0b) 15%,#0000);--supply-warning-text:var(--color-warning-dark,#d97706);--supply-warning-border:color-mix(in srgb,var(--color-warning,#f59e0b) 40%,#0000);--supply-good-bg:color-mix(in srgb,var(--color-success,#10b981) 15%,#0000);--supply-good-text:var(--color-success-dark,#059669);--supply-good-border:color-mix(in srgb,var(--color-success,#10b981) 30%,#0000);--supply-unknown-bg:var(--color-background-tertiary,var(--color-neutral-200));--supply-unknown-text:var(--color-text-secondary);--supply-unknown-border:var(--color-border-secondary);--progress-critical:var(--color-error,#ef4444);--progress-warning:var(--color-warning,#f59e0b);--progress-good:var(--color-success,#10b981);--progress-unknown:var(--color-neutral-500)}[data-mode=dark] .supply-level-chart{--supply-critical-text:var(--color-error-light,#f87171);--supply-warning-text:var(--color-warning-light,#fbbf24);--supply-good-text:var(--color-success-light,#34d399)}.supply-level-chart{background:var(--color-background-primary);background:var(--card-background,var(--color-background-primary));border:1px solid var(--color-border-primary);border-radius:8px;margin-bottom:1rem;padding:.75rem;transition:all .2s ease}.supply-level-chart:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.supply-level-chart.small{margin-bottom:.5rem;padding:.5rem}.supply-level-chart.small .supply-description{font-size:.875rem}.supply-level-chart.large{margin-bottom:1.5rem;padding:1rem}.supply-header{justify-content:space-between;margin-bottom:.5rem}.supply-header,.supply-info{align-items:center;display:flex}.supply-info{flex:1 1;gap:.5rem;min-width:0}.supply-color-dot{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;height:14px;width:14px}.supply-color-dot.color-black{background-color:#1f2937}.supply-color-dot.color-cyan{background-color:#06b6d4}.supply-color-dot.color-magenta{background-color:#db2777}.supply-color-dot.color-yellow{background-color:#eab308}.supply-color-dot.color-default{background-color:#9ca3af}.supply-description{color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supply-status{border:1px solid #0000;border-radius:12px;flex-shrink:0;font-size:.875rem;font-weight:600;min-width:60px;padding:.25rem .75rem;text-align:center}.supply-status.status-critical{background-color:var(--supply-critical-bg);border-color:var(--supply-critical-border);color:var(--supply-critical-text)}.supply-status.status-low,.supply-status.status-warning{background-color:var(--supply-warning-bg);border-color:var(--supply-warning-border);color:var(--supply-warning-text)}.supply-status.status-good{background-color:var(--supply-good-bg);border-color:var(--supply-good-border);color:var(--supply-good-text)}.supply-status.status-unknown{background-color:var(--supply-unknown-bg);border-color:var(--supply-unknown-border);color:var(--supply-unknown-text)}.supply-progress-container{background-color:var(--color-neutral-200);background-color:var(--color-background-tertiary,var(--color-neutral-200));border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.supply-progress-bar{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.supply-progress-bar.status-critical{background-color:var(--progress-critical)}.supply-progress-bar.status-low,.supply-progress-bar.status-warning{background-color:var(--progress-warning)}.supply-progress-bar.status-good{background-color:var(--progress-good)}.supply-progress-bar.status-unknown{background-color:var(--progress-unknown)}.supply-status-message{border-radius:4px;font-size:.875rem;margin-bottom:.5rem;padding:.5rem;text-align:center}.supply-status-message.unknown{background-color:var(--supply-unknown-bg);border:1px dashed var(--supply-unknown-border);color:var(--supply-unknown-text)}.supply-status-message.low{background-color:var(--supply-warning-bg);border:1px solid var(--supply-warning-border);color:var(--supply-warning-text)}.supply-part-number{align-items:center;border-top:1px solid var(--color-border-primary);color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.part-label{font-weight:500}.part-code{background-color:var(--color-background-tertiary);background-color:var(--code-background,var(--color-background-tertiary));border:1px solid var(--color-border-primary);border-radius:4px;color:var(--color-primary);font-family:var(--font-family-mono);font-size:.875rem;padding:.125rem .5rem}@media (max-width:768px){.supply-header{align-items:flex-start;flex-direction:column;gap:.5rem}.supply-status{align-self:flex-end}}.supply-category{--badge-critical-bg:color-mix(in srgb,var(--color-error,#ef4444) 15%,#0000);--badge-critical-text:var(--color-error,#ef4444);--badge-critical-border:color-mix(in srgb,var(--color-error,#ef4444) 30%,#0000);--badge-warning-bg:color-mix(in srgb,var(--color-warning,#f59e0b) 15%,#0000);--badge-warning-text:var(--color-warning-dark,#d97706);--badge-warning-border:color-mix(in srgb,var(--color-warning,#f59e0b) 40%,#0000)}[data-mode=dark] .supply-category{--badge-critical-text:var(--color-error-light,#f87171);--badge-warning-text:var(--color-warning-light,#fbbf24)}.supply-category{background:var(--color-background-primary);background:var(--card-background,var(--color-background-primary));border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.category-header{align-items:center;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background-color .2s ease}.category-header:hover{background:var(--color-background-tertiary)}.category-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.category-icon{font-size:1.5rem}.category-title h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.category-count{font-size:.875rem;font-weight:400}.category-status-badges{align-items:center;display:flex;gap:.5rem}.status-badge{border:1px solid #0000;border-radius:12px;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.critical{background-color:var(--badge-critical-bg);border-color:var(--badge-critical-border);color:var(--badge-critical-text)}.status-badge.warning{background-color:var(--badge-warning-bg);border-color:var(--badge-warning-border);color:var(--badge-warning-text)}.expand-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;padding:.5rem;transition:color .2s ease,transform .2s ease}.expand-button:hover{color:var(--color-primary)}.expand-button i{transition:transform .2s ease}.category-content{background:var(--color-background-primary);background:var(--card-background,var(--color-background-primary));padding:1.25rem}.supplies-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.supply-item-wrapper{display:flex;flex-direction:column;gap:.5rem}.btn-order-supply{align-items:center;background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;color:var(--color-primary-contrast,#fff);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.btn-order-supply:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-order-supply:disabled{background-color:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.btn-order-supply i{font-size:1rem}@media (max-width:1024px){.supplies-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.supplies-grid{grid-template-columns:1fr}.category-header{padding:.875rem 1rem}.category-content{padding:1rem}.category-title h3{font-size:1rem}.category-status-badges{align-items:flex-end;flex-direction:column;gap:.25rem}}.category-content{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.device-details-page{margin:0 auto;max-width:1400px;width:100%}.device-details-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.device-details-page .page-header-left{align-items:flex-start;display:flex;gap:12px}.device-details-page .page-header-text{flex:1 1;min-width:200px}.device-details-page .page-title{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.device-details-page .page-subtitle-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.device-details-page .page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.device-ip{background:var(--color-background-secondary);border-radius:4px;color:var(--color-text-secondary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;padding:4px 8px}.device-model{color:var(--text-tertiary);font-size:13px}.device-header{margin-bottom:24px}.device-header-info{align-items:center;display:flex;justify-content:space-between}.device-status{align-items:center;display:flex;gap:12px}.device-actions{display:flex;gap:var(--spacing-3);margin-bottom:20px}.device-actions button{flex:1 1;max-width:200px}.device-details-page .tabs{border-bottom:2px solid var(--color-border-primary);display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:20px}.device-details-page .tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s;white-space:nowrap}.device-details-page .tab:hover{color:var(--color-text-primary)}.device-details-page .tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overview-tab{display:flex;flex-direction:column;gap:20px}.info-card{margin-bottom:0}.info-card h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:6px}.info-item label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item a,.info-item span{color:var(--color-text-primary);font-size:14px}.info-item a{color:var(--primary-color);font-weight:500;text-decoration:none}.info-item a:hover{text-decoration:underline}.toner-levels{gap:16px}.toner-bar,.toner-levels{display:flex;flex-direction:column}.toner-bar{gap:8px}.toner-bar label{color:var(--color-text-primary);font-size:14px;font-weight:500}.progress-bar{background:var(--progress-background);border-radius:6px;height:32px;overflow:hidden;position:relative;width:100%}.progress-fill{align-items:center;display:flex;height:100%;justify-content:flex-end;padding-right:10px;transition:width .3s ease}.progress-label{color:var(--color-text-primary);font-size:13px;font-weight:600;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.toner-black{background:linear-gradient(90deg,#374151,color-mix(in srgb,#374151 80%,#000));background:linear-gradient(90deg,var(--color-toner-black,#374151) 0,color-mix(in srgb,var(--color-toner-black,#374151) 80%,#000) 100%)}.toner-cyan{background:linear-gradient(90deg,#06b6d4,color-mix(in srgb,#06b6d4 80%,#000));background:linear-gradient(90deg,var(--color-toner-cyan,#06b6d4) 0,color-mix(in srgb,var(--color-toner-cyan,#06b6d4) 80%,#000) 100%)}.toner-magenta{background:linear-gradient(90deg,#ec4899,color-mix(in srgb,#ec4899 80%,#000));background:linear-gradient(90deg,var(--color-toner-magenta,#ec4899) 0,color-mix(in srgb,var(--color-toner-magenta,#ec4899) 80%,#000) 100%)}.toner-yellow{background:linear-gradient(90deg,#fbbf24,color-mix(in srgb,#fbbf24 80%,#000));background:linear-gradient(90deg,var(--color-toner-yellow,#fbbf24) 0,color-mix(in srgb,var(--color-toner-yellow,#fbbf24) 80%,#000) 100%)}.page-counts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.count-item{align-items:center;background:var(--stat-background);border-radius:8px;display:flex;flex-direction:column;padding:20px;text-align:center}.count-value{color:var(--primary-color);font-size:28px;font-weight:700}.count-label{color:var(--color-text-secondary);font-size:13px;margin-top:6px}.paper-trays-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tray-info-item{background:var(--stat-background);border:1px solid var(--color-border-primary);border-radius:8px;padding:16px;transition:all .2s ease}.tray-info-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tray-header{align-items:center;border-bottom:2px solid var(--color-border-primary);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.tray-header h4{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.tray-details{gap:12px}.tray-detail,.tray-details{display:flex;flex-direction:column}.tray-detail{gap:6px}.tray-detail label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tray-detail span{color:var(--color-text-primary);font-size:14px;font-weight:500}.tray-level-bar{background:var(--progress-background);border:1px solid var(--color-border-primary);border-radius:6px;height:28px;overflow:hidden;position:relative;width:100%}.tray-level-fill{border-radius:6px 0 0 6px;height:100%;transition:width .3s ease,background-color .3s ease}.tray-level-fill.level-empty{background-color:#ef4444;background-color:var(--color-error,#ef4444)}.tray-level-fill.level-low{background-color:#f59e0b;background-color:var(--color-warning,#f59e0b)}.tray-level-fill.level-good{background-color:#10b981;background-color:var(--color-success,#10b981)}.tray-level-label{color:var(--color-text-primary);font-size:12px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.cover-status-container{display:flex;flex-direction:column;gap:16px}.cover-alert{background:var(--cover-alert-background);border-left:4px solid var(--danger-color);border-radius:6px;padding:12px}.cover-status-list{display:flex;flex-direction:column;gap:12px}.cover-status-item{align-items:center;background:var(--stat-background);border:1px solid var(--color-border-primary);border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.cover-status-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cover-name{color:var(--color-text-primary);flex:1 1;font-size:14px;font-weight:500}.cover-timestamp{color:var(--color-text-secondary);font-size:12px;margin-left:12px}.capabilities-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.capability-item{background:var(--stat-background);border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:12px}.capability-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.capability-value{color:var(--color-text-primary);font-size:14px;font-weight:500}.metrics-tab{display:flex;flex-direction:column;gap:20px}.no-data{color:var(--color-text-secondary);font-size:14px;padding:40px 20px;text-align:center}.enhanced-tab,.history-tab,.manufacturer-tab{display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.device-header-info{align-items:flex-start;gap:12px}.device-actions,.device-header-info{flex-direction:column}.device-actions button{max-width:100%}.device-details-page .tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.info-grid,.page-counts{grid-template-columns:1fr}.count-item{padding:16px}.count-value{font-size:24px}.capabilities-grid{grid-template-columns:1fr}}[data-mode=light]{--progress-background:var(--color-neutral-200);--stat-background:var(--color-background-secondary);--cover-alert-background:color-mix(in srgb,var(--color-warning) 20%,var(--bg-primary));--console-message-background:color-mix(in srgb,var(--color-primary) 10%,var(--bg-primary));--console-message-border:var(--color-primary)}[data-mode=dark]{--progress-background:var(--color-neutral-200);--stat-background:var(--color-background-tertiary);--cover-alert-background:color-mix(in srgb,var(--color-warning) 25%,var(--bg-primary));--console-message-background:color-mix(in srgb,var(--color-primary) 15%,var(--bg-primary));--console-message-border:var(--color-primary-light)}.console-display-container{display:flex;flex-direction:column;gap:20px}.console-current-message{display:flex;flex-direction:column;gap:8px}.console-current-message label{color:var(--color-text-secondary);font-size:14px;font-weight:600}.console-message-display{align-items:center;background:var(--console-message-background);border:2px solid var(--console-message-border);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--color-text-primary);display:flex;font-family:Courier New,monospace;font-size:16px;font-weight:500;min-height:50px;padding:16px 20px}.console-history h4{color:var(--color-text-secondary);font-size:14px;font-weight:600;margin-bottom:12px}.console-history-list{display:flex;flex-direction:column;gap:8px}.console-history-item{align-items:center;background:var(--code-background);border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.console-history-item:hover{background:var(--progress-background)}.console-history-message{color:var(--color-text-primary);flex:1 1;font-family:Courier New,monospace;font-size:13px}.console-history-timestamp{color:var(--color-text-secondary);font-size:12px;margin-left:16px;white-space:nowrap}.event-timeline{display:flex;flex-direction:column;gap:0}.event-item{display:flex;gap:var(--spacing-4);min-height:60px}.event-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:24px}.event-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;height:12px;margin-top:4px;width:12px}.event-dot-success{background:var(--color-success)}.event-dot-danger{background:var(--color-error)}.event-dot-warning{background:var(--color-warning)}.event-dot-primary{background:var(--color-primary)}.event-dot-secondary{background:var(--color-text-secondary)}.event-line{background:var(--color-border-primary);flex:1 1;margin:4px 0;width:2px}.event-content{flex:1 1;padding-bottom:var(--spacing-4)}.event-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.event-timestamp{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.event-description{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.5;margin:var(--spacing-2) 0}.event-details{background:var(--color-background-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--spacing-1);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.event-detail{display:block}@media (max-width:768px){.event-item{gap:var(--spacing-3)}.event-marker{width:20px}.event-dot{height:10px;width:10px}.event-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}}.device-trends-page{display:flex;flex-direction:column;gap:var(--spacing-5)}.view-mode-card{margin:0}.view-mode-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:space-between;margin-bottom:var(--spacing-4)}.view-mode-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.view-mode-actions,.view-mode-tabs{display:flex;gap:var(--spacing-2)}.view-mode-tabs{border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-4)}.view-mode-tab{align-items:center;background:#0000;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.view-mode-tab:hover{background:#2563eb0d;border-color:var(--color-primary);color:var(--color-primary)}.view-mode-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.device-selector-card{margin:0}.device-selector-grid{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-6)}.device-select-wrapper{flex:1 1;min-width:250px}.device-select-wrapper label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.selected-device-info{align-items:center;background:var(--color-background-secondary);background:var(--summary-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.device-info-item{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.device-info-item svg{color:var(--color-text-secondary)}.comparison-selector-card{margin:0}.comparison-selector-card h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.comparison-devices{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.comparison-device-tag{align-items:center;background:var(--color-background-secondary);background:var(--summary-background);border:2px solid;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.comparison-device-tag button{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-1);transition:all var(--transition-fast)}.comparison-device-tag button:hover{background:#ef44441a;color:var(--color-error)}.add-device-wrapper{min-width:200px}.comparison-hint{margin-top:var(--spacing-4)}.fleet-info-card{margin:0}.fleet-info-content{align-items:center;display:flex;gap:var(--spacing-4)}.fleet-info-content svg{color:var(--color-primary)}.fleet-info-content h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.fleet-info-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0 0}.filters-grid{grid-gap:var(--spacing-4);align-items:end;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-group{gap:var(--spacing-2)}.filter-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.chart-options{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.chart-type-selector{align-items:center;display:flex;gap:var(--spacing-3)}.chart-type-selector label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.chart-type-buttons{background:var(--color-background-secondary);background:var(--summary-background);border-radius:var(--radius-md);display:flex;gap:var(--spacing-1);padding:var(--spacing-1)}.chart-type-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-2);transition:all var(--transition-fast)}.chart-type-btn:hover{background:#2563eb1a;color:var(--color-primary)}.chart-type-btn.active{background:var(--color-primary);color:#fff}.analysis-toggles{display:flex;gap:var(--spacing-4)}.toggle-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{accent-color:var(--color-primary);height:16px;width:16px}.toggle-label svg{color:var(--color-text-tertiary)}.summary-card{margin:0}.summary-card h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.summary-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{background:var(--color-background-secondary);background:var(--summary-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3)}.summary-item label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.summary-value{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.change-indicator{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.change-indicator.positive{color:var(--color-success)}.change-indicator.negative{color:var(--color-error)}.trend-indicator{border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.trend-up{background:#dcfce7;color:#16a34a}.trend-down{background:#fee2e2;color:#dc2626}.trend-stable{background:#e0e7ff;color:#4f46e5}[data-theme=dark] .trend-up{background:#14532d;color:#4ade80}[data-theme=dark] .trend-down{background:#450a0a;color:#f87171}[data-theme=dark] .trend-stable{background:#312e81;color:#a5b4fc}.anomalies-alert{align-items:flex-start;display:flex;gap:var(--spacing-3)}.anomalies-alert>div{display:flex;flex-direction:column;gap:var(--spacing-1)}.anomaly-item{color:var(--color-text-secondary);display:block}.anomaly-item,.anomaly-more{font-size:var(--font-size-sm)}.anomaly-more{color:var(--color-text-tertiary);font-style:italic}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.chart-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.chart-period{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.chart-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-3);justify-content:center;padding:var(--spacing-8)}.chart-loading p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.chart-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;padding:var(--spacing-12)}.chart-empty svg{opacity:.5}.chart-empty p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.predictions-card{margin:0}.predictions-card h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0 0 var(--spacing-4) 0}.predictions-card h3 svg{color:var(--color-primary)}.predictions-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.prediction-item{background:var(--color-background-secondary);background:var(--summary-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3)}.prediction-date{align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);gap:var(--spacing-2)}.prediction-value{color:var(--color-primary);display:flex;flex-direction:column;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-1)}.prediction-confidence{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.predictions-note{border-top:1px solid var(--color-border-primary);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-style:italic;margin:var(--spacing-4) 0 0 0;padding-top:var(--spacing-3)}:root{--summary-background:var(--color-background-secondary)}[data-theme=dark]{--summary-background:#2b3035}@media (max-width:1024px){.view-mode-tabs{flex-wrap:wrap}.device-selector-grid{align-items:stretch;flex-direction:column}.selected-device-info{justify-content:flex-start}.chart-options{align-items:flex-start;flex-direction:column}.filters-grid{grid-template-columns:1fr}}@media (max-width:768px){.view-mode-header{align-items:flex-start;flex-direction:column}.view-mode-actions{justify-content:flex-end;width:100%}.summary-grid{grid-template-columns:repeat(2,1fr)}.predictions-grid{grid-template-columns:1fr}.analysis-toggles{flex-direction:column;gap:var(--spacing-2)}.comparison-devices{align-items:stretch;flex-direction:column}.comparison-device-tag{justify-content:space-between}.add-device-wrapper{width:100%}}@media (max-width:480px){.view-mode-tabs{flex-direction:column}.view-mode-tab{justify-content:center;width:100%}.summary-grid{grid-template-columns:1fr}.chart-type-selector{align-items:flex-start;flex-direction:column;width:100%}.chart-type-buttons{justify-content:center;width:100%}.selected-device-info{align-items:flex-start;flex-direction:column}}.print-job-details{display:flex;flex-direction:column;gap:var(--spacing-5);max-height:70vh;overflow-y:auto;padding:var(--spacing-2)}.job-header{border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--spacing-4)}.job-title-section{align-items:center;display:flex;gap:var(--spacing-3);justify-content:space-between}.job-title-section h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;word-break:break-word}.details-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.details-section h4{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;padding-bottom:var(--spacing-2)}.details-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.detail-item{gap:var(--spacing-1)}.detail-item label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:var(--color-text-primary);font-size:var(--font-size-sm);word-break:break-word}.highlight-value{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.cost-value{color:#16a34a}.code-text{background:#f1f3f5;background:var(--code-background);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}:root{--code-background:#f1f3f5}[data-theme=dark]{--code-background:#2b3035}@media (max-width:768px){.print-job-details{max-height:60vh}.job-title-section{align-items:flex-start;flex-direction:column}.details-grid{gap:var(--spacing-3);grid-template-columns:1fr}}.print-jobs-page{display:flex;flex-direction:column;gap:var(--spacing-5)}.stat-value.stat-success{color:#16a34a}.stat-percentage{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.filters-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.filters-row{grid-gap:var(--spacing-4);align-items:end;display:grid;gap:var(--spacing-4);grid-template-columns:200px 1fr auto}.jobs-table-card{margin:0}.pagination-container{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.pagination-info{font-size:var(--font-size-sm)}@media (max-width:1024px){.filters-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.date-filter-group{flex-direction:column}.pagination-container{flex-direction:column;gap:var(--spacing-3)}.pagination-info{text-align:center}}.cost-allocation-chart{width:100%}.cost-chart-loading{align-items:center;display:flex;justify-content:center}.chart-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0;text-align:center}.custom-tooltip{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-3)}.tooltip-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.tooltip-value{color:var(--color-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0}.tooltip-percentage{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:var(--spacing-1)}.tooltip-count{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:var(--spacing-1) 0 0 0}.cost-allocation-page{display:flex;flex-direction:column;gap:var(--spacing-5)}.filters-card{margin:0}.filters-grid{display:flex;gap:var(--spacing-4)}.date-filter-group{display:flex;flex:1 1;gap:var(--spacing-3)}.date-filter-item{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-2)}.date-filter-item label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.date-input{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast)}.date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.loading-container{gap:var(--spacing-3)}.loading-container p{font-size:var(--font-size-sm)}.stats-grid{grid-gap:var(--spacing-4);gap:var(--spacing-4)}.stat-card{margin:0}.stat-content{gap:var(--spacing-2)}.stat-content label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-value.stat-primary{color:var(--color-primary)}.charts-grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{margin:0}.chart-card h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.no-data-message{align-items:center;display:flex;justify-content:center;padding:var(--spacing-8)}.no-data-message p{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.tables-grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.table-card{margin:0}.table-card h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.cost-table{overflow-x:auto}.cost-table table{border-collapse:collapse;width:100%}.cost-table thead{background:var(--color-background-tertiary);background:var(--table-header-background);border-bottom:2px solid var(--color-border-primary)}.cost-table th{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--spacing-3);text-align:left;text-transform:uppercase}.cost-table tbody tr{border-bottom:1px solid var(--color-border-primary);transition:background-color var(--transition-fast)}.cost-table tbody tr:hover{background:var(--color-background-secondary);background:var(--table-row-hover)}.cost-table td{color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--spacing-3)}.cost-cell{color:#16a34a;font-weight:var(--font-weight-semibold)}.no-data-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-6);text-align:center}:root{--table-header-background:var(--color-background-tertiary);--table-row-hover:var(--color-background-secondary)}[data-theme=dark]{--table-header-background:#2b3035;--table-row-hover:#343a40}@media (max-width:1024px){.charts-grid,.tables-grid{grid-template-columns:1fr}}@media (max-width:768px){.date-filter-group,.filters-grid{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.cost-table{font-size:var(--font-size-xs)}.cost-table td,.cost-table th{padding:var(--spacing-2)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.print-cost-config-page{max-width:1200px}.form-row{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.form-actions{gap:1rem;margin-top:2rem}.print-cost-dashboard{width:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-icon{background:var(--primary-light);border-radius:8px;color:var(--primary)}.stat-label{margin-bottom:.25rem}.stat-detail{color:var(--color-text-secondary);font-size:.75rem;margin-top:.25rem}.chart-controls{align-items:center;display:flex;gap:1rem}.trend-indicator{align-items:center;background:var(--background-secondary);border-radius:6px;display:flex;gap:.5rem;padding:.5rem 1rem}.trend-icon{height:20px;width:20px}.trend-icon.trend-up{color:var(--danger)}.trend-icon.trend-down{color:var(--success)}.trend-icon.trend-stable{color:var(--color-text-secondary)}.trend-text{font-weight:500;text-transform:capitalize}.device-cost-table,.forecast-table{overflow-x:auto;width:100%}.table thead{background:var(--background-secondary)}.table th{border-bottom:2px solid var(--color-border-primary);color:var(--color-text-primary);font-weight:600;padding:.75rem 1rem;text-align:left}.table td{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);padding:.75rem 1rem}.table tbody tr:hover{background:var(--background-hover)}.forecast-summary{background:var(--background-secondary);border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;padding:1rem}.forecast-stat{display:flex;flex-direction:column;gap:.25rem}.forecast-stat .label{color:var(--color-text-secondary);font-size:.875rem}.forecast-stat .value{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.ml-auto{margin-left:auto}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}@media (max-width:768px){.form-row,.stats-grid{grid-template-columns:1fr}.chart-controls,.form-actions{flex-direction:column}.chart-controls{align-items:stretch}.trend-indicator{justify-content:center}.forecast-summary{flex-direction:column}}.prediction-list{padding:var(--spacing-md)}.prediction-type{color:var(--color-text-primary);font-size:var(--font-size-sm)}.prediction-device{display:flex;flex-direction:column;gap:2px}.prediction-device-model{color:var(--color-text-primary);font-weight:500}.prediction-device-location{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.prediction-date{display:flex;flex-direction:column;gap:2px}.prediction-date-value{color:var(--color-text-primary);font-size:var(--font-size-sm)}.prediction-date-relative{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.prediction-confidence{color:var(--color-text-primary);font-size:var(--font-size-sm)}.prediction-actions{display:flex;gap:var(--spacing-xs)}.prediction-details{overflow:hidden;padding:0}.prediction-details-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.prediction-details-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.prediction-details-divider{background-color:var(--color-border);height:1px;margin:0}.prediction-details-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.prediction-details-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.prediction-details-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.prediction-details-value{color:var(--color-text-primary);font-size:var(--font-size-sm)}.prediction-details-value-bold{font-weight:600}.prediction-details-value-small{font-size:var(--font-size-xs)}.prediction-details-device{display:flex;flex-direction:column;gap:2px}.prediction-details-device-model{color:var(--color-text-primary);font-weight:500}.prediction-details-device-location{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.prediction-details-progress{display:flex;flex-direction:column;gap:var(--spacing-xs)}.prediction-details-progress-bar{background-color:var(--color-background-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.prediction-details-progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.prediction-details-progress-success{background-color:var(--color-success)}.prediction-details-progress-value{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.prediction-details-trend{align-items:center;display:flex;gap:var(--spacing-xs)}.prediction-details-trend-icon-down{color:var(--color-error)}.prediction-details-trend-icon-up{color:var(--color-success)}.prediction-details-recommendation{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.prediction-details-actions{display:flex;justify-content:center}.prediction-details-action-btn{width:100%}.prediction-details-acknowledged{color:var(--color-success);font-weight:500;padding:var(--spacing-sm);text-align:center}.prediction-details-metadata{color:var(--color-text-secondary);font-size:var(--font-size-xs);padding-top:var(--spacing-sm);text-align:center}.toner-timeline{padding:var(--spacing-sm)}.toner-timeline-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-md) 0}.toner-timeline-empty{padding:var(--spacing-xl);text-align:center}.toner-timeline-empty p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.toner-timeline-list{display:flex;flex-direction:column}.toner-timeline-item{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:80px 40px 1fr;min-height:80px}.toner-timeline-date{display:flex;flex-direction:column;padding-top:2px;text-align:right}.toner-timeline-date-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500}.toner-timeline-date-relative{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.toner-timeline-connector{align-items:center;display:flex;flex-direction:column}.toner-timeline-dot{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.toner-timeline-dot-critical{background-color:var(--color-error)}.toner-timeline-dot-warning{background-color:var(--color-warning)}.toner-timeline-dot-info{background-color:var(--color-info)}.toner-timeline-dot-success{background-color:var(--color-success)}.toner-timeline-dot-default{background-color:var(--color-text-secondary)}.toner-timeline-line{background-color:var(--color-border);flex:1 1;margin-top:var(--spacing-xs);width:2px}.toner-timeline-item-last .toner-timeline-line{display:none}.toner-timeline-content{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.toner-timeline-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.toner-timeline-color-dot{border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;height:14px;width:14px}.toner-timeline-toner-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500}.toner-timeline-device{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.toner-timeline-location{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.toner-timeline-stats{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.toner-timeline-current{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.predictive-maintenance-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.page-header{margin-bottom:var(--spacing-md)}.page-header-content{flex-wrap:wrap;gap:var(--spacing-lg)}.page-header-text{flex:1 1;min-width:200px}.page-title{align-items:center;display:flex;font-size:var(--font-size-2xl);font-weight:600;gap:var(--spacing-sm);margin:0}.page-subtitle{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.page-header-actions{gap:var(--spacing-sm)}.page-alert{margin-bottom:var(--spacing-md)}.pm-stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.pm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pm-stats-grid{grid-template-columns:1fr}}.pm-stat-card{padding:var(--spacing-lg)}.pm-stat-critical{border-left:3px solid var(--color-error)}.pm-stat-warning{border-left:3px solid var(--color-warning)}.pm-stat-content{align-items:center;display:flex;justify-content:space-between}.pm-stat-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pm-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pm-stat-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:700}.pm-stat-value-critical{color:var(--color-error)}.pm-stat-value-warning{color:var(--color-warning)}.pm-stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;opacity:.8;width:48px}.pm-stat-icon-primary{background-color:var(--color-primary-bg);color:var(--color-primary)}.pm-stat-icon-critical{background-color:var(--color-error-bg);color:var(--color-error)}.pm-stat-icon-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.pm-stat-icon-success{background-color:var(--color-success-bg);color:var(--color-success)}.pm-type-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.pm-type-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pm-type-grid{grid-template-columns:1fr}}.pm-type-card{padding:var(--spacing-md)}.pm-type-content{flex-direction:column}.pm-type-content,.pm-type-header{display:flex;gap:var(--spacing-sm)}.pm-type-header{align-items:center}.pm-type-icon{flex-shrink:0}.pm-type-icon-primary{color:var(--color-primary)}.pm-type-icon-warning{color:var(--color-warning)}.pm-type-icon-critical{color:var(--color-error)}.pm-type-icon-info{color:var(--color-info)}.pm-type-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pm-type-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600}.pm-tabs{background-color:var(--color-background-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);overflow-x:auto;padding:var(--spacing-xs)}.pm-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.pm-tab:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.pm-tab-active{background-color:var(--color-background);box-shadow:var(--shadow-sm);color:var(--color-primary)}.pm-content-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 380px}@media (max-width:1200px){.pm-content-grid{grid-template-columns:1fr}}.pm-predictions-card{overflow:hidden}.pm-predictions-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg)}.pm-predictions-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.pm-timeline-section{background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)}.pm-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.pm-quick-actions-card{padding:var(--spacing-lg)}.pm-quick-actions-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-md) 0}.pm-run-predictions-btn{margin-bottom:var(--spacing-md);width:100%}.pm-quick-actions-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;text-align:center}.connector-management-page{padding:0}.connector-management-page .page-header{margin-bottom:1.5rem}.connector-management-page .page-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.connector-management-page .page-header-text{flex:1 1;min-width:200px}.connector-management-page .page-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.75rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.connector-management-page .page-title-icon{color:var(--primary-color)}.connector-management-page .page-subtitle{color:var(--color-text-secondary);margin:0}.connector-management-page .page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.connector-stats-bar{border:1px solid var(--color-border-primary);border-radius:8px;flex-wrap:wrap;gap:16px;margin-bottom:1.5rem;padding:12px 16px}.connector-stats-bar,.connector-stats-bar .stat-item{background-color:var(--color-background-secondary);display:flex}.connector-stats-bar .stat-item{align-items:center;border:1px solid var(--color-border-primary);border-radius:6px;gap:8px;padding:8px 16px}.connector-stats-bar .stat-item .stat-value{font-size:1.25rem;font-weight:700;line-height:1}.connector-stats-bar .stat-item .stat-label{color:var(--color-text-secondary);font-size:.8rem;letter-spacing:.3px;text-transform:uppercase}.connector-stats-bar .stat-online{border-color:var(--color-success)}.connector-stats-bar .stat-online .stat-value,.connector-stats-bar .stat-online svg{color:var(--color-success)}.connector-stats-bar .stat-offline{border-color:var(--color-error)}.connector-stats-bar .stat-offline .stat-value,.connector-stats-bar .stat-offline svg{color:var(--color-error)}.connector-stats-bar .stat-error{border-color:var(--color-warning)}.connector-stats-bar .stat-error .stat-value,.connector-stats-bar .stat-error svg{color:var(--color-warning)}.connector-stats-bar .stat-never-connected{border-color:var(--color-text-secondary)}.connector-stats-bar .stat-never-connected .stat-value,.connector-stats-bar .stat-never-connected svg{color:var(--color-text-secondary)}.connector-management-page .filter-card{margin-bottom:1.5rem}.connector-management-page .filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;max-width:300px}.connector-management-page .connectors-table-card{margin-bottom:1.5rem}.connector-management-page .timestamp-cell{align-items:center;display:flex;gap:.5rem}.connector-management-page .timestamp-icon{color:var(--color-text-secondary)}.connector-management-page .errors-cell{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.connector-management-page .no-errors{color:var(--color-text-secondary)}.connector-management-page .alert{margin-bottom:1.5rem}.auto-refresh-control{align-items:center;display:flex;gap:.5rem}.auto-refresh-control .btn{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:70px}.connector-management-page .action-buttons{align-items:center;display:flex;gap:4px}.connector-actions-list{display:flex;flex-direction:column;gap:4px}.connector-actions-list .action-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.connector-actions-list .action-item:hover:not(:disabled){background:var(--color-background-secondary)}.connector-actions-list .action-item:disabled{cursor:not-allowed;opacity:.5}.connector-actions-list .action-item svg{color:var(--color-text-secondary);flex-shrink:0}.connector-actions-list .action-item:hover svg{color:var(--color-primary)}.connector-actions-list .action-item.action-warning:hover svg{color:var(--color-warning)}.connector-actions-list .action-info{display:flex;flex-direction:column;gap:2px}.connector-actions-list .action-label{color:var(--color-text-primary);font-size:14px;font-weight:500}.connector-actions-list .action-desc{color:var(--color-text-secondary);font-size:12px}@media (max-width:768px){.connector-management-page .page-header-content{align-items:stretch;flex-direction:column}.connector-management-page .page-header-actions{justify-content:flex-start}.connector-stats-bar{flex-direction:column}.connector-stats-bar .stat-item{width:100%}.connector-management-page .filter-row{max-width:100%}}.connector-deployment-page{padding:1.5rem}.connector-deployment-page .btn.btn-link,.connector-deployment-page .page-header .btn-outline-primary,.connector-deployment-page .page-header .btn-outline-primary:focus,.connector-deployment-page .page-header .btn-outline-primary:hover{color:var(--bs-body-color)}.connector-deployment-page .btn.btn-link:focus,.connector-deployment-page .btn.btn-link:hover{color:var(--bs-body-color);opacity:.85}.connector-deployment-page .btn-outline-primary,.connector-deployment-page .btn-outline-secondary,.connector-deployment-page .btn-outline-warning{color:var(--bs-body-color)}.connector-deployment-page .page-header{align-items:flex-start;display:flex;justify-content:space-between}.modal-backdrop{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1050}.modal-backdrop.fade{opacity:0;transition:opacity .15s linear}.modal-backdrop.show{opacity:.5}.modal{display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1055}.modal.show{display:block}.modal-dialog{margin:.5rem;pointer-events:none;position:relative;width:auto}@media (min-width:576px){.modal-dialog{margin:1.75rem auto;max-width:500px}}.modal-dialog-centered{align-items:center;display:flex;min-height:calc(100% - 1rem)}@media (min-width:576px){.modal-dialog-centered{min-height:calc(100% - 3.5rem)}}.modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out}.modal.show .modal-dialog{transform:none}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-content{background-color:#fff;background-color:var(--color-background-primary,#fff);border:1px solid #0003;border:1px solid var(--color-border-primary,#0003);border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;color:#212529;color:var(--color-text-primary,#212529);display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border-primary,#dee2e6);border-top-left-radius:calc(.5rem - 1px);border-top-right-radius:calc(.5rem - 1px);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.modal-title{font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:0}.modal-body,.modal-title{color:#212529;color:var(--color-text-primary,#212529)}.modal-body{flex:1 1 auto;padding:1rem;position:relative}.modal-footer{align-items:center;border-bottom-left-radius:calc(.5rem - 1px);border-bottom-right-radius:calc(.5rem - 1px);border-top:1px solid #dee2e6;border-top:1px solid var(--color-border-primary,#dee2e6);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;padding:.75rem}@media (min-width:992px){.modal-lg{max-width:800px}.modal-xl{max-width:1140px}}.btn-close{background:#0000 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;border:0;border-radius:.375rem;box-sizing:initial;cursor:pointer;height:1em;opacity:.5;padding:.25em;transition:opacity .15s ease;width:1em}.btn-close:hover{opacity:.75}[data-mode=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:flex-end!important}.align-items-center{align-items:center!important}.gap-2{gap:.5rem!important}.ms-auto{margin-left:auto!important}.me-auto{margin-right:auto!important}.text-muted{color:#6c757d!important;color:var(--color-text-secondary,#6c757d)!important}.small,small{font-size:.875em}.fw-bold{font-weight:700!important}.fst-italic{font-style:italic!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.p-3{padding:1rem!important}.btn{align-items:center;background-color:initial;border:1px solid #0000;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:400;gap:.35rem;line-height:1.5;padding:.375rem .75rem;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle}.btn.disabled,.btn:disabled{opacity:.65;pointer-events:none}.btn-sm{border-radius:.25rem;font-size:.875rem;padding:.25rem .5rem}.btn-primary{background-color:#0d6efd;background-color:var(--color-primary,#0d6efd);border-color:#0d6efd;border-color:var(--color-primary,#0d6efd);color:#fff}.btn-primary:hover{background-color:#0b5ed7;background-color:var(--color-primary-dark,#0b5ed7);border-color:#0a58ca;border-color:var(--color-primary-dark,#0a58ca);color:#fff}.btn-secondary{background-color:#6c757d;background-color:var(--color-background-secondary,#6c757d);border-color:#6c757d;border-color:var(--color-border-primary,#6c757d);color:#fff;color:var(--color-text-primary,#fff)}.btn-secondary:hover{background-color:#5c636a;background-color:var(--color-background-tertiary,#5c636a)}.btn-danger{background-color:#dc3545;background-color:var(--color-error,#dc3545);border-color:#dc3545;border-color:var(--color-error,#dc3545);color:#fff}.btn-danger:hover{background-color:#bb2d3b;border-color:#b02a37}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#000}.btn-warning:hover{background-color:#ffca2c}.btn-success{background-color:#198754;background-color:var(--color-success,#198754);border-color:#198754;border-color:var(--color-success,#198754);color:#fff}.btn-success:hover{background-color:#157347;border-color:#146c43}.btn-outline-primary{border-color:#0d6efd;border-color:var(--color-primary,#0d6efd);color:#0d6efd;color:var(--color-primary,#0d6efd)}.btn-outline-primary:hover{background-color:#0d6efd;background-color:var(--color-primary,#0d6efd);color:#fff}.btn-outline-secondary{border-color:#6c757d;border-color:var(--color-text-secondary,#6c757d);color:#6c757d;color:var(--color-text-secondary,#6c757d)}.btn-outline-secondary:hover{background-color:#6c757d;background-color:var(--color-text-secondary,#6c757d);color:#fff}.btn-outline-warning{border-color:#ffc107;color:#ffc107}.btn-outline-warning:hover{background-color:#ffc107;color:#000}.btn-outline-danger{border-color:#dc3545;border-color:var(--color-error,#dc3545);color:#dc3545;color:var(--color-error,#dc3545)}.btn-outline-danger:hover{background-color:#dc3545;background-color:var(--color-error,#dc3545);color:#fff}.btn-link{background:none;border:none;color:#0d6efd;color:var(--color-primary,#0d6efd);padding:.375rem 0;text-decoration:underline}.btn-link:hover{color:#0a58ca;color:var(--color-primary-dark,#0a58ca)}.form-control,.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--color-background-primary,#fff);border:1px solid #ced4da;border:1px solid var(--color-border-primary,#ced4da);border-radius:.375rem;color:#212529;color:var(--color-text-primary,#212529);display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus,.form-select:focus{border-color:#86b7fe;border-color:var(--color-primary,#86b7fe);box-shadow:0 0 0 .25rem #0d6efd40;outline:0}.form-control-sm,.form-select-sm{border-radius:.25rem;font-size:.875rem;padding:.25rem .5rem}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-size:16px 12px;padding-right:2.25rem}[data-mode=dark] .form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}.form-label{color:#212529;color:var(--color-text-primary,#212529)}.form-text{color:#6c757d;color:var(--color-text-secondary,#6c757d);font-size:.875em;margin-top:.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em}.form-check-input{accent-color:#0d6efd;accent-color:var(--color-primary,#0d6efd);cursor:pointer;float:left;height:1em;margin-left:-1.5em;margin-top:.25em;width:1em}.form-check-label{color:#212529;color:var(--color-text-primary,#212529);cursor:pointer}.alert{border:1px solid #0000;border-radius:.375rem;margin-bottom:1rem;padding:1rem;position:relative}.alert-danger{background-color:#f8d7da;border-color:#f5c2c7;color:#842029}.alert-warning{background-color:#fff3cd;border-color:#ffecb5;color:#664d03}.alert-info{background-color:#cff4fc;border-color:#b6effb;color:#055160}.alert-success{background-color:#d1e7dd;border-color:#badbcc;color:#0f5132}[data-mode=dark] .alert-danger{background-color:#2c0b0e;border-color:#842029;color:#f1aeb5}[data-mode=dark] .alert-warning{background-color:#332701;border-color:#664d03;color:#ffe69c}[data-mode=dark] .alert-info{background-color:#032830;border-color:#055160;color:#6edff6}[data-mode=dark] .alert-success{background-color:#051b11;border-color:#0f5132;color:#75b798}.badge{border-radius:.375rem;display:inline-block;font-size:.75em;font-weight:700;line-height:1;padding:.35em .65em;text-align:center;vertical-align:initial}.bg-success{background-color:#198754!important;background-color:var(--color-success,#198754)!important;color:#fff}.bg-danger{background-color:#dc3545!important;background-color:var(--color-error,#dc3545)!important;color:#fff}.bg-warning{background-color:#ffc107!important;color:#000}.bg-secondary{background-color:#6c757d!important;background-color:var(--color-text-secondary,#6c757d)!important;color:#fff}.bg-info{background-color:#0dcaf0!important;color:#000}.bg-primary{background-color:#0d6efd!important;background-color:var(--color-primary,#0d6efd)!important;color:#fff}.spinner-border{animation:spinner-border .75s linear infinite;border:.25em solid;border-radius:50%;border-right:.25em solid #0000;display:inline-block;height:2rem;vertical-align:-.125em;width:2rem}.spinner-border-sm{border-width:.2em;height:1rem;width:1rem}@keyframes spinner-border{to{transform:rotate(1turn)}}.deployment-stats-bar{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1.25rem;padding:10px 14px}.deployment-stat-item{align-items:center;background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:6px;display:flex;gap:8px;padding:6px 14px}.deployment-stat-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;line-height:1}.deployment-stat-label{color:var(--color-text-secondary);font-size:.72rem;letter-spacing:.3px;text-transform:uppercase}.deployment-stat-item.stat-version{border-color:var(--color-primary)}.deployment-stat-item.stat-version .deployment-stat-value,.deployment-stat-item.stat-version svg{color:var(--color-primary)}.deployment-stat-item.stat-uptodate{border-color:var(--color-success)}.deployment-stat-item.stat-uptodate .deployment-stat-value,.deployment-stat-item.stat-uptodate svg{color:var(--color-success)}.deployment-stat-item.stat-pending{border-color:var(--color-warning)}.deployment-stat-item.stat-pending .deployment-stat-value,.deployment-stat-item.stat-pending svg{color:var(--color-warning)}.deployment-stat-item.stat-paused{border-color:var(--color-text-secondary)}.deployment-stat-item.stat-paused .deployment-stat-value,.deployment-stat-item.stat-paused svg{color:var(--color-text-secondary)}.connector-deployment-page .deployment-filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.connector-deployment-page .deployment-filter{flex:1 1 220px;min-width:220px}.version-display{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.version-number{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:600}.version-number.outdated{color:var(--bs-warning)}.pending-update,.scheduled-date{align-items:center;display:flex}.scheduled-date{font-size:.75rem}.customer-name{font-weight:500}.rollback-info{background-color:var(--bs-tertiary-bg);border-radius:.375rem;padding:1rem}.rollback-info p{margin-bottom:.5rem}.rollback-info p:last-child{margin-bottom:0}.release-notes-content{max-height:60vh;overflow-y:auto}.release-notes-text{font-family:inherit;font-size:.875rem;line-height:1.6;padding:1rem;white-space:pre-wrap}.release-notes-text,.trigger-update-grid{background-color:var(--bs-tertiary-bg);border-radius:.375rem}.trigger-update-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:.75rem}@media (max-width:768px){.trigger-update-grid{grid-template-columns:1fr}}.connector-deployment-page .table th{border-bottom:2px solid var(--bs-border-color);color:var(--bs-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.connector-deployment-page .table td{padding:.75rem 1rem;vertical-align:middle}.connector-deployment-page .badge{font-weight:500;text-transform:capitalize}.connector-deployment-page .badge.deployment-status-badge{font-size:.72rem;line-height:1.1;padding:.2rem .45rem}.connector-deployment-page .actions-cluster .btn-outline-primary,.connector-deployment-page .actions-cluster .btn-outline-secondary,.connector-deployment-page .actions-cluster .btn-outline-warning{padding:.25rem .5rem}.connector-deployment-page .actions-cluster{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.schedule-preview{background-color:var(--bs-tertiary-bg);border-radius:.375rem;padding:.75rem}.versions-scroll{border:1px solid var(--bs-border-color);border-radius:.375rem;max-height:55vh;overflow-y:auto}.version-row{border-bottom:1px solid var(--bs-border-color);padding:.65rem .75rem}.version-row:last-child{border-bottom:none}.version-row .meta{color:var(--bs-secondary-color);font-size:.8rem}@media (max-width:768px){.connector-deployment-page .page-header{flex-direction:column;gap:1rem}.connector-deployment-page .summary-card{margin-bottom:.5rem}}.connector-logs-container{padding:20px}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-left:4px solid var(--color-success);border-radius:var(--radius-lg)}.stat-card.stat-error{border-left-color:var(--color-error)}.stat-card.stat-warning{border-left-color:var(--color-warning)}.stat-label{font-size:14px;margin-bottom:8px}.stat-value{font-size:32px}.filters-section{background:var(--color-background-secondary);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);margin-bottom:20px;padding:20px}.filters-row{gap:15px;margin-bottom:15px}.filters-row:last-child{margin-bottom:0}.filter-group{flex-direction:column;min-width:150px}.filter-group.filter-search{flex:1 1;min-width:250px}.filter-group label{color:var(--color-text-primary);font-size:14px;font-weight:500;margin-bottom:5px}.filter-input,.filter-select{background:var(--input-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;padding:8px 12px;transition:border-color .3s}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color);outline:none}.filter-input:disabled,.filter-select:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.filter-actions{align-items:flex-end;gap:10px}.btn-clear,.btn-refresh{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 16px;transition:background-color .3s}.btn-clear{background-color:var(--secondary-color);color:var(--color-text-primary)}.btn-clear:hover:not(:disabled){background-color:var(--secondary-hover)}.btn-refresh{background-color:var(--primary-color);color:#fff}.btn-refresh:hover:not(:disabled){background-color:var(--primary-hover)}.btn-clear:disabled,.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.logs-table-container{background:var(--color-background-secondary);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background-color:var(--table-header-background);border-bottom:2px solid var(--color-border-primary)}.logs-table th{color:var(--color-text-primary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.logs-table tbody tr{border-bottom:1px solid var(--color-border-primary);transition:background-color .2s}.logs-table tbody tr:hover{background-color:var(--table-row-hover)}.logs-table tbody tr.log-level-critical{background-color:color-mix(in srgb,var(--color-error) 12%,var(--color-background-secondary));border-left:4px solid var(--color-error)}.logs-table tbody tr.log-level-critical:hover{background-color:color-mix(in srgb,var(--color-error) 18%,var(--color-background-secondary))}.logs-table tbody tr.log-level-error{background-color:color-mix(in srgb,var(--color-error) 10%,var(--color-background-secondary));border-left:4px solid var(--color-error)}.logs-table tbody tr.log-level-error:hover{background-color:color-mix(in srgb,var(--color-error) 15%,var(--color-background-secondary))}.logs-table tbody tr.log-level-warning{background-color:color-mix(in srgb,var(--color-warning) 10%,var(--color-background-secondary));border-left:4px solid var(--color-warning)}.logs-table tbody tr.log-level-warning:hover{background-color:color-mix(in srgb,var(--color-warning) 15%,var(--color-background-secondary))}.logs-table tbody tr.log-level-info{border-left:4px solid var(--color-info)}.logs-table tbody tr.log-level-debug{border-left:4px solid var(--color-neutral-400)}.logs-table td{color:var(--color-text-primary);font-size:13px;padding:14px 16px;vertical-align:top}.log-timestamp{white-space:nowrap}.log-logger,.log-timestamp{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:12px}.log-logger{max-width:150px;overflow:hidden;text-overflow:ellipsis}.log-message{word-wrap:break-word;line-height:1.5;max-width:450px}.log-exception,.log-message{color:var(--color-text-primary)}.log-exception{background-color:color-mix(in srgb,var(--color-error) 10%,var(--color-background-secondary));border-left:3px solid var(--color-error);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:12px;margin-top:10px;padding:10px 12px}.log-exception strong{color:var(--color-error)}.log-device-ip{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:12px;white-space:nowrap}.log-details{font-size:12px;max-width:350px}.detail-item{background:var(--color-background-tertiary);border-radius:var(--radius-sm);display:inline-block;margin-bottom:6px;padding:4px 8px}.detail-item strong{color:var(--color-text-secondary);font-weight:600;margin-right:4px}.log-context{background-color:var(--color-background-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:11px;margin-top:10px;padding:10px}.context-item{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.context-key{color:var(--color-info);font-weight:600}.context-value{color:var(--color-text-primary);font-family:var(--font-family-mono);word-break:break-all}.traceback-details{margin-top:10px}.traceback-details summary{background:color-mix(in srgb,var(--color-error) 10%,var(--color-background-secondary));border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;display:inline-block;font-weight:600;padding:6px 10px;-webkit-user-select:none;user-select:none}.traceback-details summary:hover{background:color-mix(in srgb,var(--color-error) 15%,var(--color-background-secondary))}.traceback-details[open] summary{border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:0}.traceback-pre{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:11px;line-height:1.6;margin:0;max-height:300px;overflow-x:auto;overflow-y:auto;padding:14px;white-space:pre-wrap;word-break:break-word}.level-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:10px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:70px;padding:5px 10px;text-transform:uppercase;white-space:nowrap}.badge-critical{background-color:var(--color-error);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error) 30%,#0000);color:#fff}.badge-error{background-color:color-mix(in srgb,var(--color-error) 85%,#000);color:#fff}.badge-warning{background-color:var(--color-warning);color:#1a1a1a}.badge-info{background-color:var(--color-info);color:#fff}.badge-debug{background-color:var(--color-neutral-500);color:#fff}.badge-default{background-color:var(--color-neutral-400)}.pagination{background:var(--color-background-secondary);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);gap:20px;margin-top:20px;padding:16px 20px}.pagination-btn{background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background-color:var(--primary-hover)}.pagination-btn:disabled{background-color:var(--color-neutral-400);cursor:not-allowed;opacity:.5}.pagination-info{color:var(--color-text-secondary);font-size:14px}.empty-state,.error-state,.loading-state{background:var(--color-background-secondary);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:60px 20px}.empty-state p,.error-state p{color:var(--color-text-secondary);font-size:16px;margin:0}.error-state{border-left:4px solid var(--color-error)}.error-state p{color:var(--color-error)}@media (max-width:1200px){.log-message{max-width:350px}.log-details{max-width:250px}}@media (max-width:992px){.logs-table-container{overflow-x:auto}.logs-table{min-width:900px}}@media (max-width:768px){.connector-logs-container{padding:12px}.filters-row{flex-direction:column}.filter-group{width:100%}.filter-actions{justify-content:stretch;width:100%}.filter-actions button{flex:1 1}.logs-table{font-size:12px;min-width:800px}.logs-table td,.logs-table th{padding:10px 12px}.log-message{max-width:250px}.log-details{max-width:180px}.stats-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-value{font-size:24px}.pagination{flex-direction:column;gap:12px}}@media (max-width:480px){.stats-cards{grid-template-columns:1fr}.level-badge{font-size:9px;min-width:60px;padding:4px 8px}}.help-center-page{padding:0}.help-center-page .page-header{margin-bottom:1.5rem}.help-center-page .page-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.help-center-page .page-header-text{flex:1 1;min-width:200px}.help-center-page .page-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.75rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.help-center-page .page-title-icon{color:var(--color-primary)}.help-center-page .page-subtitle{color:var(--color-text-secondary);font-size:.9375rem;margin:0}.help-search-section{margin-bottom:1.5rem}.help-search-wrapper{max-width:600px;position:relative}.help-search-wrapper .search-icon{color:var(--color-text-secondary);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.help-search-input{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-size:.9375rem;padding:.875rem 1rem .875rem 2.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.help-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.help-search-input::placeholder{color:var(--color-text-secondary)}.help-layout{grid-gap:1.5rem;align-items:flex-start;display:grid;gap:1.5rem;grid-template-columns:280px 1fr}.help-sidebar{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:1rem;position:sticky;top:1rem}.help-nav{display:flex;flex-direction:column;gap:4px}.help-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:all .2s ease;width:100%}.help-nav-item:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}.help-nav-item.active{background-color:#3b82f61a}.help-nav-item.active,.help-nav-item.active svg{color:var(--color-primary)}.help-nav-item svg{flex-shrink:0}.help-content{min-width:0}.help-section{padding:1.5rem}.section-header{align-items:flex-start;border-bottom:1px solid var(--color-border-primary);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.section-icon{color:var(--color-primary);flex-shrink:0}.section-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.section-header p{color:var(--color-text-secondary);font-size:.9375rem;margin:0}.content-block{margin-bottom:2rem}.content-block:last-child{margin-bottom:0}.content-block h3{font-size:1.125rem;margin:0 0 1rem}.content-block h3,.content-block h4{color:var(--color-text-primary);font-weight:600}.content-block h4{font-size:1rem;margin:1.25rem 0 .75rem}.content-block p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.video-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-background-secondary) 0,var(--color-background-secondary) 100%);border:2px dashed var(--color-border-primary);border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;padding:3rem;text-align:center}.video-placeholder svg{color:var(--color-text-secondary);margin-bottom:1rem}.video-placeholder h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.video-placeholder p{color:var(--color-text-secondary);font-size:.875rem;margin:0 0 1.25rem}.steps-section h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.setup-steps{display:flex;flex-direction:column;gap:1rem}.setup-step{background-color:var(--color-background-secondary);border-left:4px solid var(--color-primary);border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.step-number{background-color:var(--color-primary);color:#fff;flex-shrink:0;font-size:.875rem;height:32px;width:32px}.step-content{flex:1 1}.step-content h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.step-content p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.step-content p:last-child{margin-bottom:0}.feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.feature-item{background-color:var(--color-background-secondary);border-radius:8px;display:flex;gap:.75rem;padding:1rem}.feature-icon{color:var(--color-success);flex-shrink:0}.feature-item strong{color:var(--color-text-primary);display:block;font-size:.9375rem;margin-bottom:.25rem}.feature-item p{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.4;margin:0}.numbered-list{margin:0 0 1rem;padding-left:1.25rem}.numbered-list li{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:.75rem}.numbered-list li:last-child{margin-bottom:0}.numbered-list ul{margin:.5rem 0 0}.bullet-list,.numbered-list ul{list-style:disc;padding-left:1.25rem}.bullet-list{margin:0 0 1rem}.bullet-list li{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:.5rem}.bullet-list li:last-child{margin-bottom:0}.help-table{border-collapse:collapse;font-size:.875rem;margin-top:1rem;width:100%}.help-table td,.help-table th{border-bottom:1px solid var(--color-border-primary);padding:.875rem 1rem;text-align:left}.help-table th{background-color:var(--color-background-secondary);color:var(--color-text-primary);font-weight:600}.help-table td{color:var(--color-text-secondary)}.help-table tbody tr:hover{background-color:var(--color-background-secondary)}.info-box{background-color:#3b82f60d;border:1px solid #3b82f61a;border-radius:8px;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.info-box svg{color:var(--color-info);flex-shrink:0;margin-top:2px}.info-box strong{color:var(--color-text-primary);display:block;font-size:.9375rem;margin-bottom:.25rem}.info-box p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.tip-box{background-color:#f59e0b0d;border:1px solid #f59e0b1a;border-radius:8px;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.tip-box svg{color:var(--color-warning);flex-shrink:0;margin-top:2px}.tip-box strong{color:var(--color-text-primary);display:block;font-size:.9375rem;margin-bottom:.25rem}.tip-box p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.code-block{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1rem}.code-block p{color:var(--color-text-secondary);font-size:.8125rem;margin:0 0 .5rem}.code-block code,.code-block pre{color:var(--color-text-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem}.code-block pre{margin:0;white-space:pre-wrap;word-break:break-word}code{background-color:var(--color-background-secondary);border-radius:4px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;padding:.125rem .375rem}.alert-types-grid{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.alert-type-item{align-items:center;background-color:var(--color-background-secondary);border-radius:8px;display:flex;gap:1rem;padding:1rem}.alert-type-item p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden}.faq-question{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;justify-content:space-between;padding:1rem;text-align:left;transition:background-color .2s ease;width:100%}.faq-question.expanded,.faq-question:hover{background-color:var(--color-background-secondary)}.faq-question svg{color:var(--color-text-secondary);flex-shrink:0}.faq-answer{background-color:var(--color-background-secondary);padding:0 1rem 1rem}.faq-answer pre{color:var(--color-text-secondary);font-family:inherit;font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.settings-categories-grid{display:flex;flex-direction:column;gap:4px}.settings-category-item{align-items:center;background-color:var(--color-background-secondary);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:background-color .2s ease}.settings-category-item:hover{background-color:var(--table-row-hover)}.settings-category-item svg{color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s ease}.settings-category-item svg.rotated{transform:rotate(90deg)}.settings-category-item strong{color:var(--color-text-primary);font-size:.9375rem}.settings-category-item span{color:var(--color-text-secondary);flex:1 1;font-size:.8125rem;margin-left:.5rem}.settings-category-details{background-color:var(--color-background-secondary);border-radius:0 0 8px 8px;margin-bottom:4px;margin-top:-4px;padding:.5rem 1rem 1rem 2.5rem}.settings-category-details ul{list-style:disc;margin:0;padding-left:1.25rem}.settings-category-details li{color:var(--color-text-secondary);font-size:.8125rem;margin-bottom:.25rem}.download-cards{display:flex;flex-direction:column;gap:.75rem}.download-card{align-items:center;background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;display:flex;gap:1rem;padding:1rem}.download-card svg:first-child{color:var(--color-primary);flex-shrink:0}.download-card>div{flex:1 1}.download-card strong{color:var(--color-text-primary);display:block;font-size:.9375rem;margin-bottom:.25rem}.download-card p{color:var(--color-text-secondary);font-size:.8125rem;margin:0}.tools-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.tool-card{align-items:center;background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;display:flex;gap:1rem;padding:1rem}.tool-card svg:first-child{color:var(--color-primary);flex-shrink:0}.tool-card>div{flex:1 1}.tool-card strong{color:var(--color-text-primary);display:block;font-size:.9375rem;margin-bottom:.25rem}.tool-card p{color:var(--color-text-secondary);font-size:.8125rem;margin:0}.support-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.support-option{align-items:flex-start;background-color:var(--color-background-secondary);border-radius:8px;display:flex;gap:.75rem;padding:1rem}.support-option svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.support-option strong{color:var(--color-text-primary);display:block;font-size:.9375rem;margin-bottom:.25rem}.support-option p{color:var(--color-text-secondary);font-size:.875rem;margin:0}@media (max-width:1024px){.help-layout{gap:1rem;grid-template-columns:240px 1fr}.feature-grid,.support-options,.tools-grid{grid-template-columns:1fr}}@media (max-width:768px){.help-layout{grid-template-columns:1fr}.help-sidebar{margin-bottom:1rem;position:static}.help-nav{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.help-section{padding:1rem}.section-header{gap:.75rem}.section-header,.setup-step{flex-direction:column}.step-number{align-self:flex-start}.help-table{font-size:.8125rem}.help-table td,.help-table th{padding:.625rem .75rem}}@media (max-width:480px){.help-center-page .page-title{font-size:1.5rem}.help-nav{grid-template-columns:1fr}.help-nav-item{padding:.75rem}.video-placeholder{padding:2rem}.feature-grid{gap:.75rem}.feature-item{padding:.75rem}.download-card,.support-option,.tool-card{flex-direction:column;text-align:center}.download-card svg:first-child,.support-option svg,.tool-card svg:first-child{margin:0}}.users-page{padding:0}.users-page .page-header{margin-bottom:1.5rem}.users-page .page-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.users-page .page-header-text{flex:1 1;min-width:200px}.users-page .page-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.75rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.users-page .page-title-icon{color:var(--color-primary)}.users-page .page-subtitle{color:var(--color-text-secondary);font-size:.9375rem;margin:0}.users-page .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.users-stats-bar{border:1px solid var(--color-border-primary);border-radius:8px;flex-wrap:wrap;gap:16px;margin-bottom:1.5rem;padding:12px 16px}.users-stats-bar,.users-stats-bar .stat-item{background-color:var(--color-background-secondary);display:flex}.users-stats-bar .stat-item{align-items:center;border:1px solid var(--color-border-primary);border-radius:6px;gap:10px;min-width:120px;padding:10px 16px}.users-stats-bar .stat-item svg{color:var(--color-text-secondary);flex-shrink:0}.users-stats-bar .stat-info{display:flex;flex-direction:column;gap:2px}.users-stats-bar .stat-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;line-height:1}.users-stats-bar .stat-label{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.3px;text-transform:uppercase}.users-stats-bar .stat-primary .stat-value,.users-stats-bar .stat-primary svg{color:var(--color-primary)}.users-stats-bar .stat-success .stat-value,.users-stats-bar .stat-success svg{color:var(--color-success)}.users-stats-bar .stat-warning .stat-value,.users-stats-bar .stat-warning svg{color:var(--color-warning)}.users-stats-bar .stat-info-style .stat-value,.users-stats-bar .stat-info-style svg{color:var(--color-info)}.users-search-section{margin-bottom:1.5rem}.users-search-section .search-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.users-search-section .search-input-wrapper{flex:1 1;max-width:400px;min-width:250px}.users-search-section .role-filter-wrapper{min-width:180px}.pending-invitations-card{margin-bottom:1.5rem}.pending-invitations-card .card-header{align-items:center;display:flex;justify-content:space-between}.invitations-list{display:flex;flex-direction:column;gap:.75rem}.invitation-item{align-items:center;background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.invitation-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:200px}.invitation-email{align-items:center;color:var(--color-text-primary);display:flex;font-weight:500;gap:.5rem}.invitation-email svg{color:var(--color-text-secondary);flex-shrink:0}.invitation-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8125rem;gap:1rem}.invitation-meta svg{flex-shrink:0}.invitation-status{align-items:center}.invitation-actions,.invitation-status{display:flex;gap:.5rem}.users-table-card{margin-bottom:1.5rem}.users-table-card .table-filters{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.users-table-card .filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.user-name-cell{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--color-text-primary);font-weight:500}.user-email{color:var(--color-text-secondary);font-size:.8125rem}.twofa-cell{align-items:center;display:flex;gap:.5rem}.twofa-enabled{color:var(--color-success)}.last-active-cell,.twofa-disabled{color:var(--color-text-secondary)}.last-active-cell{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.last-active-cell svg{flex-shrink:0}.toggle-slider{background-color:#d1d5db;background-color:var(--color-neutral-300,#d1d5db);border-radius:12px;transition:all .2s ease}.toggle-slider:before{background-color:#fff;box-shadow:0 1px 3px #0003;transition:all .2s ease}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}[data-theme=dark] .toggle-slider{background-color:#4b5563;background-color:var(--color-neutral-600,#4b5563)}.table-actions{gap:4px}.invite-form{display:flex;flex-direction:column;gap:1.25rem}.invite-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.invite-form .form-group{display:flex;flex-direction:column;gap:.5rem}.invite-form .form-group.full-width{grid-column:1/-1}.invite-form .form-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.invite-form .required{color:var(--color-error)}.invite-form .form-hint{color:var(--color-text-secondary);font-size:.75rem;margin-top:.25rem}.invite-form .form-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.permissions-content{display:flex;flex-direction:column;gap:1.5rem}.role-header{border-bottom:1px solid var(--color-border-primary);gap:1rem;padding-bottom:1rem}.role-header,.role-icon{align-items:center;display:flex}.role-icon{background-color:var(--color-background-secondary);border-radius:12px;height:48px;justify-content:center;width:48px}.role-icon svg{color:var(--color-primary)}.role-info h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.role-info p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.permissions-section h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.permissions-section h4 svg{color:var(--color-primary)}.permissions-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.permission-item{align-items:center;background-color:var(--color-background-secondary);border-radius:8px;color:var(--color-text-primary);display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.permission-item svg{color:var(--color-success);flex-shrink:0}.activity-content{gap:1rem}.activity-user-info{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;gap:1rem;padding-bottom:1rem}.activity-user-avatar{align-items:center;background-color:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.activity-user-details{display:flex;flex-direction:column;gap:2px}.activity-user-name{color:var(--color-text-primary);font-size:1rem;font-weight:600}.activity-user-email{color:var(--color-text-secondary);font-size:.875rem}.activity-timeline{gap:0;max-height:400px;overflow-y:auto}.activity-item{border-bottom:1px solid var(--color-border-primary);gap:1rem;padding:1rem 0}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:50%}.activity-icon.info{background-color:#3b82f61a;color:var(--color-info)}.activity-icon.success{background-color:#22c55e1a;color:var(--color-success)}.activity-icon.warning{background-color:#f59e0b1a;color:var(--color-warning)}.activity-icon.error{background-color:#ef44441a;color:var(--color-error)}.activity-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.activity-action{color:var(--color-text-primary);font-size:.9375rem;font-weight:500}.activity-meta{align-items:center;font-size:.8125rem;gap:1rem}.activity-meta svg{flex-shrink:0}.password-content{display:flex;flex-direction:column;gap:1.25rem}.password-warning{background-color:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.password-warning svg{color:var(--color-warning);flex-shrink:0}.password-warning-text{display:flex;flex-direction:column;gap:.25rem}.password-warning-text strong{color:var(--color-text-primary);font-size:.9375rem}.password-warning-text span{color:var(--color-text-secondary);font-size:.8125rem}.password-options{display:flex;flex-direction:column;gap:.75rem}.password-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.password-option:hover{background-color:var(--color-background-secondary)}.password-option input[type=checkbox]{accent-color:var(--color-primary);height:18px;width:18px}.password-option-text{display:flex;flex-direction:column;gap:2px}.password-option-text strong{color:var(--color-text-primary);font-size:.9375rem}.password-option-text span{color:var(--color-text-secondary);font-size:.8125rem}.password-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.import-content{gap:1.5rem}.import-content,.import-dropzone{display:flex;flex-direction:column}.import-dropzone{align-items:center;background-color:var(--color-background-secondary);border:2px dashed var(--color-border-primary);border-radius:12px;cursor:pointer;justify-content:center;padding:2.5rem;text-align:center;transition:all .2s ease}.import-dropzone:hover{background-color:#3b82f60d;border-color:var(--color-primary)}.import-dropzone.dragover{background-color:#3b82f61a;border-color:var(--color-primary)}.import-dropzone svg{color:var(--color-text-secondary);margin-bottom:1rem}.import-dropzone p{color:var(--color-text-primary);font-size:.9375rem;margin:0 0 .5rem}.import-dropzone span{color:var(--color-text-secondary);font-size:.8125rem}.import-dropzone input[type=file]{display:none}.import-selected-file{align-items:center;background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.import-file-info{align-items:center;display:flex;gap:.75rem}.import-file-info svg{color:var(--color-success)}.import-file-details{display:flex;flex-direction:column;gap:2px}.import-file-name{color:var(--color-text-primary);font-weight:500}.import-file-size{color:var(--color-text-secondary);font-size:.8125rem}.import-template-hint{align-items:flex-start;background-color:#3b82f60d;border:1px solid #3b82f61a;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.import-template-hint svg{color:var(--color-info);flex-shrink:0;margin-top:2px}.import-template-hint p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.import-template-hint code{background-color:var(--color-background-secondary);border-radius:4px;color:var(--color-text-primary);font-size:.8125rem;padding:.125rem .375rem}.import-preview h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.import-preview-table{border-collapse:collapse;font-size:.875rem;width:100%}.import-preview-table td,.import-preview-table th{padding:.75rem}.import-preview-table th{background-color:var(--color-background-secondary)}.import-preview-table td{color:var(--color-text-primary)}.import-preview-table tr:hover td{background-color:var(--color-background-secondary)}.import-preview-more{color:var(--color-text-secondary);font-size:.8125rem;font-style:italic;padding:.75rem;text-align:center}.import-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.delete-user-content{display:flex;flex-direction:column;gap:1.25rem}.delete-user-warning{background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.delete-user-warning svg{color:var(--color-error);flex-shrink:0}.delete-user-warning p{color:var(--color-text-primary);font-size:.9375rem;line-height:1.5;margin:0}.delete-user-info{background-color:var(--color-background-secondary);border-radius:8px;padding:1rem}.delete-user-name{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.delete-user-email{color:var(--color-text-secondary);font-size:.875rem;margin:0}.delete-user-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.users-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.users-empty-state svg{color:var(--color-text-secondary);margin-bottom:1rem}.users-empty-state h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.users-empty-state p{color:var(--color-text-secondary);font-size:.9375rem;margin:0}@media (max-width:1024px){.invite-form .form-row,.permissions-list{grid-template-columns:1fr}}@media (max-width:768px){.users-page .page-header-content{align-items:stretch;flex-direction:column}.users-page .header-actions{flex-wrap:wrap;justify-content:flex-start}.users-stats-bar{flex-direction:column}.users-stats-bar .stat-item{width:100%}.users-search-section .search-row{align-items:stretch;flex-direction:column}.users-search-section .role-filter-wrapper,.users-search-section .search-input-wrapper{max-width:none;min-width:0}.invitation-item{align-items:stretch;flex-direction:column}.invitation-actions{justify-content:flex-end}.activity-timeline{max-height:300px}.import-dropzone{padding:1.5rem}}@media (max-width:480px){.users-page .page-title{font-size:1.5rem}.users-stats-bar{gap:8px;padding:8px 12px}.users-stats-bar .stat-item{padding:8px 12px}.invitation-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.activity-item{flex-direction:column;gap:.5rem}.activity-icon{height:28px;width:28px}.delete-user-actions,.import-actions,.invite-form .form-actions,.password-actions{flex-direction:column}.delete-user-actions button,.import-actions button,.invite-form .form-actions button,.password-actions button{width:100%}}.settings-page-enhanced{padding:0}.settings-header{margin-bottom:1.5rem}.settings-header-content{display:flex;flex-direction:column;gap:.5rem}.settings-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.settings-title svg{color:var(--color-primary)}.settings-subtitle{color:var(--color-text-secondary);font-size:.9375rem;margin:0}.settings-alert{margin-bottom:1.5rem}.settings-layout{grid-gap:1.5rem;align-items:flex-start;display:grid;gap:1.5rem;grid-template-columns:280px 1fr}.settings-sidebar{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:1rem;position:sticky;top:1rem}.settings-search,.settings-sidebar{background-color:var(--color-background-secondary)}.settings-search{align-items:center;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.settings-search svg{color:var(--color-text-secondary);flex-shrink:0}.settings-search input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-size:.875rem;outline:none}.settings-search input::placeholder{color:var(--color-text-secondary)}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.settings-nav-group{margin-bottom:.75rem}.nav-group-title{color:var(--color-text-secondary);font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem .75rem;text-transform:uppercase}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:all .2s ease;width:100%}.settings-nav-item:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}.settings-nav-item.active{background-color:#3b82f61a}.settings-nav-item.active,.settings-nav-item.active svg{color:var(--color-primary)}.settings-content{min-width:0}.settings-section-card{margin:0}.section-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.form-grid{grid-gap:1.25rem;gap:1.25rem}.form-grid.single-column{grid-template-columns:1fr;max-width:400px}.form-grid .full-width{grid-column:1/-1}.card-actions{border-top:1px solid var(--color-border-primary);gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.settings-group{border-bottom:1px solid var(--color-border-primary);margin-bottom:1.5rem;padding-bottom:1.5rem}.settings-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-group-title{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;margin:0 0 1rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.checkbox-label{border-radius:var(--radius-md);flex-wrap:wrap;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.checkbox-label:hover{background-color:var(--color-background-secondary)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:18px;margin-top:.125rem;width:18px}.checkbox-label>span:first-of-type{color:var(--color-text-primary);font-size:.9375rem;font-weight:500}.checkbox-label .helper-text{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.4;margin-left:calc(18px + .75rem);width:100%}.theme-mode-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.theme-mode-option{align-items:center;background-color:var(--bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.25rem;transition:all .2s ease}.theme-mode-option:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-mode-option.active,.theme-mode-option:hover{background-color:var(--color-background-secondary);border-color:var(--color-primary)}.theme-mode-option.active{box-shadow:0 0 0 3px #3b82f61a}.theme-mode-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.theme-mode-option svg{color:var(--color-text-secondary)}.theme-mode-option.active svg{color:var(--color-primary)}.mode-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.theme-mode-option.active .mode-label{color:var(--color-primary);font-weight:600}.theme-preview{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1.25rem}.theme-preview-label{color:var(--color-text-secondary);font-size:.875rem;margin:0}.theme-preview-label strong{color:var(--color-text-primary);font-weight:600}.theme-preview-colors{align-items:center;display:flex;gap:.75rem}.theme-color-sample{border:2px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:help;height:48px;transition:transform .2s ease,box-shadow .2s ease;width:48px}.theme-color-sample:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-color-sample.primary{background-color:var(--color-primary)}.theme-color-sample.success{background-color:var(--color-success)}.theme-color-sample.warning{background-color:var(--color-warning)}.theme-color-sample.error{background-color:var(--color-error)}.time-range-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.data-actions{display:flex;gap:.75rem;margin:1.5rem 0}.settings-page{max-width:900px;padding:1.5rem}.settings-card-spacing{margin-top:1.5rem}.notification-settings{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (max-width:1024px){.settings-layout{gap:1rem;grid-template-columns:240px 1fr}}@media (max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{margin-bottom:1rem;position:static}.settings-nav{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.settings-nav-group{display:contents}.nav-group-title{display:none}.form-grid{gap:1rem}.form-grid,.theme-mode-options,.time-range-inputs{grid-template-columns:1fr}.card-actions{flex-direction:column}.card-actions button{width:100%}.data-actions{flex-direction:column}}@media (max-width:480px){.settings-page-enhanced{padding:.75rem}.settings-title{font-size:1.5rem}.settings-sidebar{padding:.75rem}.settings-nav{grid-template-columns:1fr}.settings-nav-item{padding:.75rem}.theme-color-sample{height:40px;width:40px}.checkbox-label .helper-text{margin-left:0}}.alerts-page{margin:0 auto;max-width:1400px;padding:0}.alerts-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.alerts-page .page-header-text{flex:1 1;min-width:200px}.alerts-page .page-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:28px;font-weight:600;gap:.5rem;margin:0 0 4px}.alerts-page .page-title-icon{color:var(--primary-color)}.alerts-page .page-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.alerts-page .page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.alerts-page .auto-refresh-control .btn{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:70px}.alert-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.alert-stats-grid .stat-card{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;display:flex;gap:16px;padding:16px 20px}.alert-stats-grid .stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.alert-stats-grid .stat-content{flex:1 1;min-width:0}.alert-stats-grid .stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.alert-stats-grid .stat-label{color:var(--color-text-secondary);font-size:.875rem;margin-top:2px}.alert-stats-grid .stat-critical .stat-icon{background:#ef44441a;color:var(--color-error)}.alert-stats-grid .stat-critical .stat-value{color:var(--color-error)}.alert-stats-grid .stat-active .stat-icon{background:#f59e0b1a;color:var(--color-warning)}.alert-stats-grid .stat-active .stat-value{color:var(--color-warning)}.alert-stats-grid .stat-acknowledged .stat-icon{background:#3b82f61a;color:var(--color-info)}.alert-stats-grid .stat-acknowledged .stat-value{color:var(--color-info)}.alert-stats-grid .stat-resolved .stat-icon{background:#10b9811a;color:var(--color-success)}.alert-stats-grid .stat-resolved .stat-value{color:var(--color-success)}.alerts-page .filters-card{margin-bottom:20px}.alerts-page .filters-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.alerts-page .filters-left{display:flex;flex:1 1;flex-wrap:wrap;gap:16px}.alerts-page .filters-left>*{max-width:200px;min-width:150px}.alerts-page .filters-right{align-items:flex-end;display:flex;gap:16px}.alerts-page .view-toggle{background:var(--color-background-secondary);border-radius:6px;display:flex;padding:2px}.alerts-page .view-toggle .btn{border-radius:4px}.bulk-actions-bar{align-items:center;background:#3b82f61a;background:var(--color-primary-light,#3b82f61a);border:1px solid var(--color-primary);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.bulk-actions-bar .selection-count{color:var(--color-primary);font-weight:500}.bulk-actions-bar .bulk-buttons{display:flex;gap:8px}.alerts-page .alerts-card{margin-bottom:20px}.alerts-page .table-responsive{overflow-x:auto}.alerts-page .alerts-table{border-collapse:collapse;width:100%}.alerts-page .alerts-table thead{background-color:var(--table-header-background);border-bottom:2px solid var(--color-border-primary)}.alerts-page .alerts-table th{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.alerts-page .alerts-table tbody tr{border-bottom:1px solid var(--color-border-primary);transition:background-color .2s}.alerts-page .alerts-table tbody tr:hover{background-color:var(--table-row-hover)}.alerts-page .alerts-table tbody tr.resolved{opacity:.7}.alerts-page .alerts-table td{color:var(--color-text-primary);font-size:14px;padding:16px}.alerts-page .alert-info{max-width:400px}.alerts-page .alert-title{color:var(--color-text-primary);font-weight:500;margin-bottom:4px}.alerts-page .alert-message{color:var(--color-text-secondary);font-size:13px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alerts-page .customer-link,.alerts-page .device-link{color:var(--color-primary);cursor:pointer;font-weight:500}.alerts-page .customer-link:hover,.alerts-page .device-link:hover{text-decoration:underline}.alerts-page .timestamp{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:4px}.alerts-page .action-buttons{display:flex;flex-wrap:wrap;gap:4px}.alerts-page .grouped-alerts{display:flex;flex-direction:column;gap:8px}.alerts-page .alert-group{border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden}.alerts-page .group-header{align-items:center;background:var(--color-background-secondary);border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.alerts-page .group-header:hover{background:var(--table-row-hover)}.alerts-page .group-title{flex:1 1}.alerts-page .group-content{border-top:1px solid var(--color-border-primary)}.alerts-page .group-content .alerts-table thead{display:none}.alerts-page .alerts-timeline{display:flex;flex-direction:column;padding-left:32px;position:relative}.alerts-page .alerts-timeline:before{background:var(--color-border-primary);bottom:0;content:"";left:11px;position:absolute;top:0;width:2px}.alerts-page .timeline-item{border-bottom:1px solid var(--color-border-primary);display:flex;gap:16px;padding:16px 0;position:relative}.alerts-page .timeline-item:last-child{border-bottom:none}.alerts-page .timeline-marker{align-items:center;background:var(--color-background-secondary);border:2px solid var(--color-border-primary);border-radius:50%;display:flex;height:24px;justify-content:center;left:-32px;position:absolute;width:24px;z-index:1}.alerts-page .timeline-item.critical .timeline-marker{border-color:var(--color-error);color:var(--color-error)}.alerts-page .timeline-item.warning .timeline-marker{border-color:var(--color-warning);color:var(--color-warning)}.alerts-page .timeline-item.info .timeline-marker{border-color:var(--color-info);color:var(--color-info)}.alerts-page .timeline-content{flex:1 1;min-width:0}.alerts-page .timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.alerts-page .timeline-time{color:var(--color-text-secondary);font-size:12px;margin-left:auto}.alerts-page .timeline-title{color:var(--color-text-primary);font-size:15px;font-weight:500;margin:0 0 4px}.alerts-page .timeline-message{color:var(--color-text-secondary);font-size:13px;margin:0 0 8px}.alerts-page .timeline-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:8px;margin-bottom:12px}.alerts-page .timeline-meta .separator{color:var(--color-border-primary)}.alerts-page .timeline-actions{display:flex;gap:8px}.alerts-page .pagination{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.alerts-page .pagination-info{color:var(--color-text-secondary);font-size:14px}.bulk-action-modal-content,.snooze-modal-content{display:flex;flex-direction:column;gap:16px}.bulk-action-modal-content p,.snooze-modal-content p{color:var(--color-text-secondary);margin:0}@media (max-width:1200px){.alert-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.alert-stats-grid{grid-template-columns:1fr}.alerts-page .filters-toolbar{align-items:stretch;flex-direction:column}.alerts-page .filters-left{flex-direction:column}.alerts-page .filters-left>*{max-width:100%}.alerts-page .filters-right{justify-content:space-between}.alerts-page .page-header{align-items:stretch;flex-direction:column}.alerts-page .page-header-actions{flex-wrap:wrap;justify-content:flex-start}.alerts-page .alerts-table{font-size:12px}.alerts-page .alerts-table td,.alerts-page .alerts-table th{padding:8px}.alerts-page .pagination,.bulk-actions-bar{flex-direction:column;gap:12px;text-align:center}.bulk-actions-bar .bulk-buttons{flex-wrap:wrap;justify-content:center}.alerts-page .timeline-actions{flex-wrap:wrap}}@media (max-width:480px){.alert-stats-grid .stat-card{padding:12px 16px}.alert-stats-grid .stat-icon{height:40px;width:40px}.alert-stats-grid .stat-value{font-size:1.5rem}}.alert-details-page{margin:0 auto;max-width:1400px}.alert-details-page .page-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.alert-details-page .page-header,.alert-details-page .page-header-left{align-items:flex-start;display:flex;gap:16px}.alert-details-page .page-header-text{flex:1 1}.alert-details-page .page-title{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0 0 4px}.alert-details-page .page-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.alert-details-page .page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.alert-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px}.main-column,.sidebar-column{display:flex;flex-direction:column;gap:20px}.alert-details-page .card-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.alert-details-page .card-title svg{color:var(--color-text-secondary)}.alert-summary-card .alert-badges{display:flex;gap:8px;margin-bottom:16px}.alert-summary-card .alert-title{color:var(--color-text-primary);font-size:22px;font-weight:600;margin:0 0 12px}.alert-summary-card .alert-message{color:var(--color-text-secondary);font-size:15px;line-height:1.6;margin:0 0 16px}.alert-summary-card .alert-meta{display:flex;flex-wrap:wrap;gap:16px}.alert-summary-card .meta-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:6px}.alert-details-page .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.alert-details-page .info-item{display:flex;flex-direction:column;gap:4px}.alert-details-page .info-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.alert-details-page .info-value{color:var(--color-text-primary);font-size:14px;font-weight:500}.alert-details-page .info-value.code{background:var(--color-background-secondary);border-radius:4px;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,monospace;padding:2px 6px}.alert-details-page .info-value .link{color:var(--color-primary);cursor:pointer}.alert-details-page .info-value .link:hover{text-decoration:underline}.alert-details-page .card-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:8px;margin-top:16px;padding-top:16px}.metrics-card .metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metrics-card .metric-item{align-items:center;background:var(--color-background-secondary);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.metrics-card .metric-label{color:var(--color-text-secondary);font-size:13px}.metrics-card .metric-value{color:var(--color-text-primary);font-size:16px;font-weight:600}.metrics-card .metric-value.low{color:var(--color-error)}.metrics-card .metric-value.medium{color:var(--color-warning)}.resolution-card .resolution-content{display:flex;flex-direction:column;gap:12px}.resolution-card .resolution-header{display:flex;flex-wrap:wrap;gap:16px}.resolution-card .resolved-by,.resolution-card .resolved-date{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:6px}.resolution-card .resolution-category{margin-top:4px}.resolution-card .resolution-notes{background:var(--color-background-secondary);border-radius:6px;margin-top:8px;padding:12px}.resolution-card .resolution-notes h4{color:var(--color-text-secondary);font-size:13px;font-weight:600;margin:0 0 8px}.resolution-card .resolution-notes p{color:var(--color-text-primary);font-size:14px;line-height:1.5;margin:0}.timeline-card .audit-timeline{display:flex;flex-direction:column;gap:0}.timeline-card .timeline-item{border-bottom:1px solid var(--color-border-primary);display:flex;gap:12px;padding:12px 0}.timeline-card .timeline-item:last-child{border-bottom:none}.timeline-card .timeline-marker{align-items:center;background:var(--color-background-secondary);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.timeline-card .timeline-item.danger .timeline-marker{background:#ef44441a;color:var(--color-error)}.timeline-card .timeline-item.warning .timeline-marker{background:#f59e0b1a;color:var(--color-warning)}.timeline-card .timeline-item.success .timeline-marker{background:#10b9811a;color:var(--color-success)}.timeline-card .timeline-content{flex:1 1;min-width:0}.timeline-card .timeline-action{color:var(--color-text-primary);font-size:14px;font-weight:500}.timeline-card .timeline-date{color:var(--color-text-secondary);font-size:12px;margin-top:2px}.timeline-card .timeline-user{color:var(--text-tertiary);font-size:12px;font-style:italic}.timeline-card .timeline-notes{background:var(--color-background-secondary);border-radius:4px;color:var(--color-text-secondary);font-size:13px;margin-top:8px;padding:8px}.recurrence-card .recurrence-info{display:flex;gap:24px}.recurrence-card .recurrence-stat{display:flex;flex-direction:column;gap:4px}.recurrence-card .stat-value{color:var(--color-text-primary);font-size:24px;font-weight:700}.recurrence-card .stat-label{color:var(--color-text-secondary);font-size:12px}.related-alerts-card .related-alerts-list{display:flex;flex-direction:column;gap:8px}.related-alerts-card .related-alert-item{background:var(--color-background-secondary);border-radius:6px;cursor:pointer;padding:12px;transition:background-color .2s}.related-alerts-card .related-alert-item:hover{background:var(--table-row-hover)}.related-alerts-card .related-alert-header{display:flex;gap:6px;margin-bottom:6px}.related-alerts-card .related-alert-title{color:var(--color-text-primary);font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-alerts-card .related-alert-date{color:var(--text-tertiary);font-size:11px}.related-alerts-card .no-related-alerts{color:var(--color-text-secondary);font-size:13px;padding:16px;text-align:center}.quick-actions-card .quick-actions-list{display:flex;flex-direction:column;gap:8px}.resolve-modal-content{display:flex;flex-direction:column;gap:16px}.resolve-modal-content .resolve-summary{align-items:center;background:var(--color-background-secondary);border-radius:6px;display:flex;gap:12px;padding:12px}.resolve-modal-content .resolve-title{color:var(--color-text-primary);font-size:14px;font-weight:500}.resolve-modal-content .form-group{display:flex;flex-direction:column;gap:8px}.resolve-modal-content .form-label{color:var(--color-text-primary);font-size:14px;font-weight:500}.resolve-modal-content .form-textarea{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.resolve-modal-content .form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.resolve-modal-content .follow-up-section{display:flex;flex-direction:column;gap:8px}.resolve-modal-content .checkbox-label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px}.resolve-modal-content .form-input{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-primary);font-size:14px;padding:8px 12px}.resolve-modal-content .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media (max-width:1024px){.alert-details-grid{grid-template-columns:1fr}.sidebar-column{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.alert-details-page .page-header{align-items:stretch;flex-direction:column}.alert-details-page .page-header-left{flex-direction:column}.alert-details-page .page-header-actions{flex-wrap:wrap;justify-content:flex-start}.alert-details-page .info-grid,.metrics-card .metrics-grid,.sidebar-column{grid-template-columns:1fr}.alert-details-page .card-actions{flex-direction:column}.alert-details-page .card-actions .btn{width:100%}}@media (max-width:480px){.alert-summary-card .alert-title{font-size:18px}.alert-summary-card .alert-message{font-size:14px}.alert-summary-card .alert-meta{flex-direction:column;gap:8px}}.alert-rules-page{margin:0 auto;max-width:1400px}.alert-rules-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.alert-rules-page .page-header-text{flex:1 1;min-width:200px}.alert-rules-page .page-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:28px;font-weight:600;gap:.5rem;margin:0 0 8px}.alert-rules-page .page-title-icon{color:var(--primary-color)}.alert-rules-page .page-header-actions{display:flex;flex-wrap:wrap;gap:12px}.alert-rules-page .page-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0;max-width:500px}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{background:var(--color-background-secondary);border-radius:12px;box-shadow:var(--card-shadow);cursor:pointer;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-lg)}.stat-icon.total{background:color-mix(in srgb,var(--color-info) 15%,var(--bg-primary))}.stat-icon.active{background:color-mix(in srgb,var(--color-success) 15%,var(--bg-primary));color:var(--color-success)}.stat-icon.inactive{background:color-mix(in srgb,var(--color-neutral-500) 15%,var(--bg-primary));color:var(--color-neutral-500)}.stat-value{font-size:28px}.stat-label{font-size:13px;margin-top:4px}.filters-card{margin-bottom:24px}.filters-row{align-items:center;gap:16px;justify-content:space-between}.search-box{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-tertiary);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:var(--input-background);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-size:14px;padding:10px 40px 10px 42px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,#0000);outline:none}.clear-search,.search-input::placeholder{color:var(--text-tertiary)}.clear-search{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.clear-search:hover{color:var(--color-text-primary)}.filter-tabs{background:var(--color-background-tertiary);border-radius:8px;display:flex;gap:4px;padding:4px}.filter-tab{background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-tab.active,.filter-tab:hover{color:var(--color-text-primary)}.filter-tab.active{background:var(--color-background-secondary);box-shadow:var(--shadow-sm)}.rules-list{gap:32px}.rules-category,.rules-list{display:flex;flex-direction:column}.rules-category{gap:16px}.category-title{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;padding-bottom:8px;text-transform:uppercase}.rules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.rule-card{display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.rule-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.rule-card.inactive{opacity:.7}.rule-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.rule-type-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 15%,var(--bg-primary));border-radius:10px;color:var(--primary-color);display:flex;height:44px;justify-content:center;width:44px}.rule-type-icon.toner_low{background:color-mix(in srgb,#06b6d4 15%,var(--bg-primary));background:color-mix(in srgb,var(--color-toner-cyan,#06b6d4) 15%,var(--bg-primary));color:#06b6d4;color:var(--color-toner-cyan,#06b6d4)}.rule-type-icon.device_offline{background:color-mix(in srgb,var(--color-error) 15%,var(--bg-primary));color:var(--color-error)}.rule-type-icon.device_error{background:color-mix(in srgb,var(--color-warning) 15%,var(--bg-primary));color:var(--color-warning)}.rule-type-icon.page_count_threshold{background:color-mix(in srgb,var(--color-info) 15%,var(--bg-primary));color:var(--color-info)}.rule-type-icon.prediction{background:color-mix(in srgb,#8b5cf6 15%,var(--bg-primary));background:color-mix(in srgb,var(--color-chart-5,#8b5cf6) 15%,var(--bg-primary));color:#8b5cf6;color:var(--color-chart-5,#8b5cf6)}.rule-type-icon.cost_threshold{background:color-mix(in srgb,var(--color-success) 15%,var(--bg-primary));color:var(--color-success)}.rule-type-icon.daily_summary,.rule-type-icon.weekly_summary{background:color-mix(in srgb,#ec4899 15%,var(--bg-primary));background:color-mix(in srgb,var(--color-chart-6,#ec4899) 15%,var(--bg-primary));color:#ec4899;color:var(--color-chart-6,#ec4899)}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-neutral-400);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:var(--color-background-primary);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.rule-card-body{flex:1 1}.rule-name{color:var(--color-text-primary);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.rule-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 16px;overflow:hidden}.rule-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rule-meta-item{align-items:center;background:var(--color-background-tertiary);border-radius:6px;color:var(--color-text-secondary);display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.rule-meta-item svg{opacity:.7}.rule-severity{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.rule-severity.severity-info{background:color-mix(in srgb,var(--color-info) 15%,var(--bg-primary));color:var(--color-info)}.rule-severity.severity-warning{background:color-mix(in srgb,var(--color-warning) 15%,var(--bg-primary));color:var(--color-warning);color:var(--color-warning-dark,var(--color-warning))}.rule-severity.severity-critical{background:color-mix(in srgb,var(--color-error) 15%,var(--bg-primary));color:var(--color-error)}.rule-recipients{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:6px}.rule-card-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:8px;margin-top:16px;padding-top:16px}.rule-card-actions .button{flex:1 1}.rule-card-actions .delete-btn{color:var(--color-error);flex:0 1}.rule-card-actions .delete-btn:hover{background:color-mix(in srgb,var(--color-error) 10%,var(--bg-primary))}.rules-tabs{margin-bottom:24px}.stat-card.active{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.stat-icon.success{background:#10b9811a}.stat-icon.secondary{background:var(--color-background-secondary);color:var(--color-text-secondary)}.stat-icon.total{background:#3b82f61a;color:var(--color-info)}.rule-type-icon.cyan{background:#06b6d41a;color:#06b6d4}.rule-type-icon.danger{background:#ef44441a;color:var(--color-error)}.rule-type-icon.warning{background:#f59e0b1a;color:var(--color-warning)}.rule-type-icon.info{background:#3b82f61a;color:var(--color-info)}.rule-type-icon.purple{background:#8b5cf61a;color:#8b5cf6}.rule-type-icon.success{background:#10b9811a;color:var(--color-success)}.rule-type-icon.pink{background:#ec48991a;color:#ec4899}.rule-type-icon.secondary{background:var(--color-background-secondary);color:var(--color-text-secondary)}.analytics-tab{display:flex;flex-direction:column;gap:24px}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.analytics-card{padding:24px;text-align:center}.analytics-card .analytics-title{color:var(--color-text-secondary);font-size:13px;font-weight:500;margin:0 0 8px}.analytics-card .analytics-value{color:var(--color-text-primary);font-size:28px;font-weight:700}.analytics-card .analytics-sub{color:var(--text-tertiary);font-size:12px;margin-top:4px}.analytics-chart-card{padding:24px}.analytics-chart-card h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.analytics-placeholder{background:var(--color-background-secondary);border:2px dashed var(--color-border-primary);border-radius:8px;color:var(--color-text-secondary);padding:60px 20px;text-align:center}.templates-modal-content{display:flex;flex-direction:column;gap:16px}.templates-description{color:var(--color-text-secondary);font-size:14px;margin:0}.templates-grid{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.template-card{align-items:center;background:var(--color-background-secondary);border-radius:8px;display:flex;gap:16px;padding:16px;transition:background-color .2s}.template-card:hover{background:var(--table-row-hover)}.template-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.template-icon.cyan{background:#06b6d41a;color:#06b6d4}.template-icon.danger{background:#ef44441a;color:var(--color-error)}.template-icon.warning{background:#f59e0b1a;color:var(--color-warning)}.template-icon.info{background:#3b82f61a;color:var(--color-info)}.template-icon.purple{background:#8b5cf61a;color:#8b5cf6}.template-icon.success{background:#10b9811a;color:var(--color-success)}.template-icon.pink{background:#ec48991a;color:#ec4899}.template-content{flex:1 1;min-width:0}.template-name{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.template-description{color:var(--color-text-secondary);font-size:13px;margin:0 0 8px}.template-meta{display:flex;gap:8px}.test-modal-content{display:flex;flex-direction:column;gap:16px}.test-rule-summary{background:var(--color-background-secondary);border-radius:6px;padding:12px}.test-rule-summary strong{color:var(--color-text-primary);display:block;margin-bottom:4px}.test-rule-summary p{color:var(--color-text-secondary);font-size:13px;margin:0}.history-modal-content{display:flex;flex-direction:column;gap:16px}.history-rule-summary{background:var(--color-background-secondary);border-radius:6px;padding:12px}.history-rule-summary strong{color:var(--color-text-primary)}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{border:1px solid var(--color-border-primary);border-radius:6px;padding:12px}.history-date{color:var(--text-tertiary);font-size:12px;margin-bottom:4px}.history-desc{color:var(--color-text-secondary);font-size:13px}.delete-modal-content{display:flex;flex-direction:column;gap:16px}.delete-modal-content p{color:var(--color-text-secondary);margin:0}.modal-actions{gap:12px;margin-top:8px}.empty-state-actions{display:flex;gap:12px;justify-content:center}.empty-state-card{margin-top:24px}.empty-state{padding:60px 20px}.empty-state-icon{align-items:center;background:var(--color-background-tertiary);border-radius:50%;color:var(--text-tertiary);display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.empty-state h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;margin:0 auto 24px;max-width:400px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.rules-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.alert-rules-page{padding:16px}.alert-rules-page .page-header{align-items:stretch;flex-direction:column}.alert-rules-page .page-header .button{width:100%}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.filters-row{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-tabs{justify-content:center}.rules-grid{grid-template-columns:1fr}}@media (max-width:480px){.alert-rules-page .page-header h1{font-size:24px}.stat-icon{height:40px;width:40px}.stat-value{font-size:24px}.filter-tab{font-size:12px;padding:6px 12px}.rule-card-actions{flex-direction:column}.rule-card-actions .delete-btn{flex:1 1}}.alert-rule-form-page{margin:0 auto;max-width:900px;padding:24px}.alert-rule-form-page .page-header{margin-bottom:32px}.alert-rule-form-page .page-header-content{display:flex;flex-direction:column;gap:8px}.alert-rule-form-page .back-button{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:8px;padding:0;transition:color .2s}.alert-rule-form-page .back-button:hover{color:var(--primary-color)}.alert-rule-form-page .page-header h1{color:var(--color-text-primary);font-size:28px;font-weight:600;margin:0}.alert-rule-form-page .page-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.template-applied-alert{align-items:center;display:flex;gap:8px;margin-bottom:20px}.form-progress{justify-content:center;margin-bottom:32px;padding:0 20px}.form-progress,.progress-step{align-items:center;display:flex}.progress-step{flex-direction:column;gap:8px}.step-number{align-items:center;background:var(--color-background-tertiary);border:2px solid var(--color-border-primary);border-radius:50%;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .3s;width:36px}.progress-step.active .step-number{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.progress-step.completed .step-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.progress-step.active .step-label{color:var(--primary-color)}.progress-step.completed .step-label{color:var(--color-success)}.progress-line{background:var(--color-border-primary);flex:1 1;height:2px;margin:0 16px 24px;max-width:120px}.alert-rule-form-page .form-card{background:var(--color-background-secondary);border-radius:12px;box-shadow:var(--card-shadow);padding:32px}.card-section-title{align-items:center;border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 24px;padding-bottom:16px}.card-section-title svg{color:var(--primary-color)}.form-section{border-top:1px solid var(--color-border-primary);margin-top:32px;padding-top:24px}.form-section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 20px}.form-section-title svg{color:var(--primary-color)}.form-group{margin-bottom:24px}.form-label{font-size:14px;margin-bottom:8px}.form-label.required:after{color:var(--color-error);content:" *"}.form-sublabel{color:var(--color-text-secondary);font-weight:500;margin-bottom:6px}.form-hint,.form-sublabel{display:block;font-size:12px}.form-hint{margin-top:6px}.form-control{background-color:var(--input-background);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,#0000);outline:none}.form-control::placeholder{color:var(--text-tertiary)}textarea.form-control{font-family:inherit;min-height:80px;resize:vertical}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.time-input{max-width:200px}.alert-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.alert-type-option{align-items:flex-start;background:var(--color-background-secondary);border:2px solid var(--color-border-primary);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .2s}.alert-type-option:hover{background:var(--color-background-hover);border-color:var(--primary-color)}.alert-type-option.selected{background:color-mix(in srgb,var(--primary-color) 8%,var(--color-background-secondary));border-color:var(--primary-color)}.alert-type-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 15%,var(--color-background-secondary));border-radius:10px;color:var(--primary-color);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.alert-type-option.selected .alert-type-icon{background:var(--primary-color);color:#fff}.alert-type-content{flex:1 1;min-width:0}.alert-type-label{color:var(--color-text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.alert-type-description{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.alert-type-check{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:10px;top:10px;width:20px}.severity-options{display:flex;gap:12px}.severity-option{cursor:pointer}.severity-option input{opacity:0;pointer-events:none;position:absolute}.severity-badge{align-items:center;border:2px solid #0000;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.severity-info{background:color-mix(in srgb,var(--color-info) 15%,var(--bg-primary));color:var(--color-info)}.severity-warning{background:color-mix(in srgb,var(--color-warning) 15%,var(--bg-primary));color:var(--color-warning);color:var(--color-warning-dark,var(--color-warning))}.severity-critical{background:color-mix(in srgb,var(--color-error) 15%,var(--bg-primary));color:var(--color-error)}.severity-option.selected .severity-badge{border-color:currentColor}.scope-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.scope-field{display:flex;flex-direction:column}.toggle-container{align-items:center;cursor:pointer;display:flex;gap:12px}.toggle-container input{opacity:0;pointer-events:none;position:absolute}.toggle-switch-ui{background:var(--color-neutral-400);border-radius:13px;flex-shrink:0;height:26px;position:relative;transition:background-color .3s;width:48px}.toggle-switch-ui:before{background:var(--color-background-primary);border-radius:50%;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .3s;width:20px}.toggle-switch-ui.small{border-radius:11px;height:22px;width:40px}.toggle-switch-ui.small:before{height:16px;width:16px}.toggle-container input:checked+.toggle-switch-ui{background:var(--primary-color)}.toggle-container input:checked+.toggle-switch-ui:before{transform:translateX(22px)}.toggle-container input:checked+.toggle-switch-ui.small:before{transform:translateX(18px)}.toggle-label{color:var(--color-text-primary);font-size:14px}.range-input-group{align-items:center;display:flex;gap:16px}.range-input{-webkit-appearance:none;appearance:none;background:var(--color-border-primary);border-radius:3px;cursor:pointer;flex:1 1;height:6px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border:3px solid var(--color-background-secondary);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.range-input::-moz-range-thumb{background:var(--primary-color);border:3px solid var(--color-background-secondary);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.range-value{background:var(--color-background-tertiary);border-radius:6px;color:var(--color-text-primary);font-size:14px;font-weight:600;min-width:50px;padding:6px 12px;text-align:center}.notification-channels{display:flex;flex-direction:column;gap:12px}.channel-card{background:var(--color-background-secondary);border:2px solid var(--color-border-primary);border-radius:10px;overflow:hidden;transition:all .2s}.channel-card.enabled{border-color:var(--primary-color)}.channel-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px;transition:background-color .2s}.channel-header:hover{background:var(--color-background-hover)}.channel-icon{align-items:center;background:var(--color-background-tertiary);border-radius:10px;color:var(--color-text-secondary);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.channel-card.enabled .channel-icon{background:color-mix(in srgb,var(--primary-color) 15%,var(--color-background-secondary));color:var(--primary-color)}.channel-info{flex:1 1;min-width:0}.channel-label{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.channel-description{color:var(--color-text-secondary);display:block;font-size:12px}.channel-toggle{margin-left:auto}.channel-config{background:var(--color-background-secondary);border-top:1px solid var(--color-border-primary);margin-top:0;padding:0 16px 16px}.config-group{margin-bottom:16px}.config-group:last-child{margin-bottom:0}.config-label{color:var(--color-text-secondary);display:block;font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.add-field-btn{margin-top:8px}.test-btn{margin-top:12px}.email-recipients-list{display:flex;flex-direction:column;gap:10px;margin-bottom:0}.email-input-row{align-items:center;display:flex;gap:8px}.email-input-row .form-control{flex:1 1}.remove-email-btn{color:var(--color-error);flex-shrink:0}.phone-list{display:flex;flex-direction:column;gap:10px}.phone-input-row{align-items:center;display:flex;gap:8px}.phone-input-row .form-control{flex:1 1}.frequency-options{display:flex;flex-direction:column;gap:10px}.frequency-option{align-items:flex-start;background:var(--color-background-secondary);border:2px solid var(--color-border-primary);border-radius:10px;cursor:pointer;display:flex;padding:14px 16px;transition:all .2s}.frequency-option.selected,.frequency-option:hover{border-color:var(--primary-color)}.frequency-option.selected{background:color-mix(in srgb,var(--primary-color) 8%,var(--color-background-secondary))}.frequency-option input{opacity:0;pointer-events:none;position:absolute}.frequency-content{flex:1 1}.frequency-label{color:var(--color-text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.frequency-description{color:var(--color-text-secondary);font-size:12px}.rate-limit-config{background:var(--color-background-secondary);border-radius:8px;margin-top:12px;padding:16px}.rate-limit-row{align-items:center;color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:14px;gap:12px}.rate-limit-input{text-align:center;width:80px}.rate-limit-select{width:120px}.time-range-config{background:var(--color-background-secondary);border-radius:8px;margin-top:12px;padding:16px}.time-range-row{align-items:flex-end;display:flex;gap:16px}.time-field{flex:1 1;max-width:150px}.time-field .form-control{width:100%}.time-separator{color:var(--color-text-secondary);font-size:14px;padding-bottom:12px}.form-actions{gap:12px;justify-content:space-between;margin-top:24px;padding-top:24px}.form-actions .button{min-width:140px}@media (max-width:768px){.alert-rule-form-page{padding:16px}.alert-rule-form-page .form-card{padding:20px}.alert-type-grid,.scope-grid{grid-template-columns:1fr}.severity-options{flex-direction:column}.form-progress{padding:0}.progress-line{margin:0 8px 24px;max-width:60px}.step-label{font-size:10px}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}.frequency-options{gap:8px}.rate-limit-row{align-items:flex-start;flex-direction:column;gap:8px}.rate-limit-input,.rate-limit-select{width:100%}.time-range-row{align-items:stretch;flex-direction:column;gap:12px}.time-field{max-width:100%}.time-separator{display:none}.channel-header{flex-wrap:wrap}.channel-info{flex-basis:calc(100% - 100px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.alert-rule-form-page .page-header h1{font-size:24px}.card-section-title{font-size:18px}.step-number{font-size:12px;height:30px;width:30px}.alert-type-option{padding:12px}.alert-type-icon,.channel-icon{height:32px;width:32px}.notification-channels{gap:8px}}.alert-type-form{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:8px;margin-bottom:1rem;overflow:hidden}.alert-type-header{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);padding:.9rem 1.1rem}.alert-type-title{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.alert-type-title h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.alert-type-content{padding:1.1rem}.form-grid{margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column}.form-field-full{grid-column:1/-1}.form-label{display:flex;flex-direction:column;margin-bottom:.5rem}.form-hint{color:var(--color-text-secondary);font-size:.75rem;font-weight:400;margin-top:.25rem}.segmented{border:0;margin:0;padding:0}.segmented-legend{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.segmented-group{background:var(--color-background-tertiary);border:1px solid var(--color-border-primary);border-radius:10px;padding:2px}.segmented-group,.segmented-option{align-items:center;display:inline-flex}.segmented-option{border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.8125rem;font-weight:600;gap:.375rem;justify-content:center;padding:.4rem .65rem;transition:background .15s ease,color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.segmented-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.segmented-option.active{background:var(--color-background-primary);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.segmented-option.enabled.active{background:var(--color-primary);color:var(--color-primary-contrast)}.segmented-option:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,#0000);outline:none}.email-input-group{align-items:flex-start;display:flex;gap:.5rem}.email-input-group .input-wrapper{flex:1 1}.email-list{flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.email-tag{background:var(--color-primary-light);border-radius:4px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.375rem .75rem}.email-remove,.email-tag{align-items:center;color:var(--color-primary)}.email-remove{background:#0000;border:none;cursor:pointer;display:flex;font-size:1.25rem;height:18px;justify-content:center;line-height:1;padding:0;transition:color .2s;width:18px}.email-remove:hover{color:var(--color-error)}.alert-type-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:1rem;padding-top:1rem}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.alert-type-title{align-items:flex-start;gap:1rem}.alert-type-actions,.alert-type-title{flex-direction:column}.alert-type-actions button{width:100%}}[data-theme=dark] .alert-type-form{background:var(--color-background-primary);border-color:var(--color-border-secondary)}[data-theme=dark] .alert-type-header{background:var(--color-background-secondary);border-color:var(--color-border-secondary)}[data-theme=dark] .toggle-slider{background-color:var(--color-border-secondary)}[data-theme=dark] .email-tag{background:#3b82f626;color:var(--color-primary-light)}.alert-configuration-page{margin:0 auto;max-width:1400px;padding:1.25rem}.page-header{margin-bottom:1.25rem}.loading-container{min-height:400px}.alert-config-tabs{border-bottom:2px solid var(--color-border-primary);display:flex;gap:.5rem;margin-bottom:1.25rem}.alert-config-tab{background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.1rem;position:relative;transition:all .2s}.alert-config-tab:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.alert-config-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.alert-config-content{margin-bottom:2rem}.tab-description{background:#3b82f61a;border-left:4px solid var(--color-info);border-radius:4px;margin-bottom:1.25rem;padding:.85rem .95rem}.tab-description p{color:var(--color-text-primary);font-size:.875rem;line-height:1.5;margin:0}.customer-selector{margin-bottom:1.25rem;max-width:400px}.alert-types-list{display:flex;flex-direction:column;gap:1.5rem}.alert-type-with-status{position:relative}.override-badge{align-items:center;background:#fbbf241a;border:1px solid var(--color-warning);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.badge-text{align-items:center;color:var(--color-warning);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem}.badge-text .icon{font-size:1.125rem}.empty-state{min-height:200px;padding:3rem}.empty-state p{color:var(--color-text-secondary);font-size:1rem;margin:0}@media (max-width:768px){.alert-configuration-page{padding:1rem}.page-title{font-size:1.5rem}.alert-config-tabs{gap:0}.alert-config-tab{flex:1 1;font-size:.875rem;padding:.75rem 1rem}.customer-selector{max-width:100%}.override-badge{align-items:flex-start;flex-direction:column;gap:.75rem}}[data-theme=dark] .alert-config-tab{color:var(--color-text-secondary)}[data-theme=dark] .alert-config-tab:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}[data-theme=dark] .alert-config-tab.active{border-bottom-color:var(--color-primary-light);color:var(--color-primary-light)}[data-theme=dark] .tab-description{background:#3b82f61a;border-left-color:var(--color-primary-light)}[data-theme=dark] .override-badge{background:#fbbf2426;border-color:var(--color-warning)}[data-theme=dark] .badge-text{color:var(--color-warning)}.reports-page{position:relative}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:1rem!important}.stat-icon{border-radius:12px}.stat-icon-primary{background-color:#3b82f626;color:#3b82f6;color:var(--color-primary,#3b82f6)}.stat-icon-success{background-color:#10b98126;color:#10b981;color:var(--color-success,#10b981)}.stat-icon-info{background-color:#3b82f626;color:#3b82f6;color:var(--color-info,#3b82f6)}.stat-icon-warning{background-color:#f59e0b26}.stat-value-small{font-size:1.125rem}.stat-label{font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.reports-tabs{border-bottom:1px solid var(--color-border-primary);margin-bottom:1.5rem}.tab-list{-webkit-overflow-scrolling:touch;display:flex;gap:0;overflow-x:auto}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.875rem 1.25rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background-color:var(--bg-tertiary);background-color:var(--color-background-hover,var(--bg-tertiary));color:var(--color-text-primary)}.tab-button.active{border-bottom-color:#3b82f6;border-bottom-color:var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.tab-content{min-height:400px}.generate-report-tab{position:relative}.section-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.report-types-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:640px){.report-types-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.report-types-grid{grid-template-columns:repeat(4,1fr)}}.report-type-card{background:var(--color-background-secondary);border:2px solid var(--color-border-primary);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1.25rem;position:relative;transition:all .2s ease}.report-type-card:hover{border-color:#60a5fa;border-color:var(--color-primary-light,#60a5fa);box-shadow:0 4px 12px #00000014}.report-type-card.selected{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f633}.report-type-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin-bottom:1rem;width:40px}.report-card-primary .report-type-icon{background-color:#3b82f626;color:#3b82f6;color:var(--color-primary,#3b82f6)}.report-card-info .report-type-icon{background-color:#3b82f626;color:#3b82f6;color:var(--color-info,#3b82f6)}.report-card-warning .report-type-icon{background-color:#f59e0b26;color:#f59e0b;color:var(--color-warning,#f59e0b)}.report-card-error .report-type-icon{background-color:#ef444426;color:#ef4444;color:var(--color-error,#ef4444)}.report-type-content h4{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;margin:0 0 .5rem}.report-type-content p{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5;margin:0}.report-card-success .report-type-icon{background-color:#10b98126;color:#10b981;color:var(--color-success,#10b981)}.report-category-filter{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.category-btn{background:#0000;border:1px solid var(--color-border-primary);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.category-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.delivery-card{margin-top:1rem}.delivery-options{display:flex;flex-direction:column;gap:.75rem}.delivery-option{align-items:flex-start;border:2px solid var(--color-border-primary);border-radius:12px;cursor:pointer;display:flex;padding:1rem;transition:all .2s ease}.delivery-option:hover{border-color:#60a5fa;border-color:var(--color-primary-light,#60a5fa)}.delivery-option.selected{background:#3b82f60d;border-color:var(--color-primary)}.delivery-option input[type=radio]{display:none}.delivery-option-content{align-items:flex-start;display:flex;gap:.75rem;width:100%}.delivery-option-content svg{color:var(--color-text-secondary);flex-shrink:0;margin-top:.125rem}.delivery-option.selected .delivery-option-content svg{color:var(--color-primary)}.delivery-option-content>div{display:flex;flex-direction:column;gap:.25rem}.delivery-label{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.delivery-desc{color:var(--color-text-secondary);font-size:.8125rem}.email-recipients-input{border-top:1px solid var(--color-border-primary);margin-top:1rem;padding-top:1rem}.branding-card,.customization-card{margin-top:1rem}.customization-toggle{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;padding:0;width:100%}.customization-toggle svg:last-child{color:var(--color-text-secondary);margin-left:auto}.branding-options,.customization-options{border-top:1px solid var(--color-border-primary);display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem}.checkbox-option{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem}.checkbox-option input[type=checkbox]{accent-color:var(--color-primary);height:18px;width:18px}.checkbox-option svg{color:var(--color-text-secondary)}.branding-options .form-group.full-width{margin-bottom:.5rem}.preview-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.preview-loading p{color:var(--color-text-secondary);font-size:.875rem}.preview-content{display:flex;flex-direction:column;gap:1.5rem}.preview-summary h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.preview-details{grid-gap:.75rem 1.5rem;display:grid;gap:.75rem 1.5rem;grid-template-columns:repeat(2,1fr)}.preview-item{display:flex;flex-direction:column;gap:.25rem}.preview-label{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.025em;text-transform:uppercase}.preview-value{color:var(--color-text-primary);font-size:.9375rem;font-weight:500}.preview-notice{align-items:center;display:flex;gap:.5rem}.preview-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.date-range-badge{align-items:center;background-color:var(--bg-tertiary);border-radius:4px;color:var(--color-text-secondary);display:inline-flex;font-size:.6875rem;gap:.25rem;margin-top:.75rem;padding:.25rem .5rem}.selected-indicator{color:#3b82f6;color:var(--color-primary,#3b82f6);position:absolute;right:.75rem;top:.75rem}.config-card{margin-top:1rem}.config-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.config-form{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.config-form{grid-template-columns:repeat(4,1fr)}}.generate-actions{border-top:1px solid var(--color-border-primary);margin-top:1.5rem;padding-top:1rem}.generate-btn{align-items:center;display:inline-flex;gap:.5rem}.generating-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.generating-content{background:var(--color-background-secondary);border-radius:12px;box-shadow:var(--shadow-xl);padding:2rem 3rem;text-align:center}.generating-content p{color:var(--color-text-primary);font-weight:600;margin:1rem 0 .25rem}.generating-content span{color:var(--color-text-secondary);font-size:.875rem}.scheduled-reports-tab{position:relative}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.scheduled-reports-list{display:flex;flex-direction:column;gap:1rem}.scheduled-report-card{padding:1.25rem!important}.report-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.report-info{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.report-info h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.status-badge.status-active{background-color:#10b98126;color:#10b981;color:var(--color-success,#10b981)}.status-badge.status-inactive{background-color:var(--bg-tertiary);color:var(--color-text-secondary)}.status-badge.status-error{background-color:#ef444426;color:#ef4444;color:var(--color-error,#ef4444)}.report-actions{align-items:center;display:flex;gap:.5rem}.action-btn{align-items:center;background-color:var(--bg-tertiary);border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-btn:hover{background-color:var(--color-background-secondary);background-color:var(--color-background-hover,var(--color-background-secondary));color:var(--color-text-primary)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn-danger:hover{background-color:#ef444426;color:#ef4444;color:var(--color-error,#ef4444)}.report-details{grid-gap:.75rem 1.5rem;display:grid;gap:.75rem 1.5rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.report-details{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.report-details{grid-template-columns:repeat(6,1fr)}}.detail-label{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem}.detail-value{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.report-description{border-top:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin-top:1rem;padding-top:1rem}.last-error{margin-top:1rem}.report-history-tab{position:relative}.filters-card{margin-bottom:1.5rem;padding:1rem!important}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.filter-item{flex:1 1;max-width:200px;min-width:150px}.filter-actions{align-items:center;display:flex;gap:.5rem}.results-count{color:var(--color-text-secondary);font-size:.8125rem;margin-top:.75rem}.history-table-container{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;overflow-x:auto}.history-table{border-collapse:collapse;font-size:.875rem;width:100%}.history-table td,.history-table th{border-bottom:1px solid var(--color-border-primary);padding:.75rem 1rem;text-align:left}.history-table th{background-color:var(--color-background-secondary);background-color:var(--table-header-background,var(--color-background-secondary));color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.history-table tbody tr:hover{background-color:var(--bg-tertiary);background-color:var(--table-row-hover,var(--bg-tertiary))}.history-table tbody tr:last-child td{border-bottom:none}.history-table td{color:var(--color-text-primary)}.source-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.source-badge.source-manual{background-color:#3b82f626;color:#3b82f6;color:var(--color-info,#3b82f6)}.source-badge.source-scheduled{background-color:#6366f126;color:#6366f1}.status-cell{align-items:center;display:inline-flex;gap:.375rem;text-transform:capitalize}.status-cell.status-completed{color:#10b981;color:var(--color-success,#10b981)}.status-cell.status-failed{color:#ef4444;color:var(--color-error,#ef4444)}.status-cell.status-generating,.status-cell.status-pending{color:#f59e0b;color:var(--color-warning,#f59e0b)}.status-icon{flex-shrink:0}.status-icon.status-success{color:#10b981;color:var(--color-success,#10b981)}.status-icon.status-error{color:#ef4444;color:var(--color-error,#ef4444)}.status-icon.status-pending{color:#f59e0b;color:var(--color-warning,#f59e0b)}.table-actions{align-items:center;gap:.375rem}.pagination{margin-top:1.5rem}.schedule-report-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{border-bottom:1px solid var(--color-border-primary);padding-bottom:1rem}.form-section:last-of-type{border-bottom:none}.form-section h4{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;margin:0 0 1rem}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.form-textarea{background-color:var(--input-background,var(--bg-primary));border-radius:8px;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f633}.email-list{display:flex;flex-direction:column;gap:.75rem}.email-item{align-items:flex-start;display:flex;gap:.5rem}.email-item>div:first-child{flex:1 1}.remove-email-btn{align-items:center;background-color:#ef444426;border:none;border-radius:8px;color:#ef4444;color:var(--color-error,#ef4444);cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-top:1.75rem;padding:0;transition:all .2s ease;width:32px}.remove-email-btn:hover{background-color:#ef4444;background-color:var(--color-error,#ef4444);color:#fff}.add-email-btn{align-items:center;display:inline-flex;gap:.375rem;width:fit-content}.modal-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.loading-container{padding:4rem 2rem;text-align:center}.loading-container p{margin-top:1rem}.mb-2{margin-bottom:.5rem}.text-muted{color:var(--color-text-secondary);font-size:.875rem}[data-mode=dark] .report-type-card:hover{box-shadow:0 4px 12px #0006}[data-mode=dark] .report-type-card.selected{box-shadow:0 0 0 3px #3b82f64d}[data-mode=dark] .generating-overlay{background-color:#000c}.device-health-page{padding:0}.spin{animation:spin 1s linear infinite}.health-alerts-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.health-alert{align-items:center;display:flex;gap:.75rem}.fleet-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr repeat(3,1fr);margin-bottom:1.5rem}.overview-card{padding:1.25rem!important}.overview-stat{align-items:center;display:flex;gap:1rem}.overview-stat.main-stat{gap:1.5rem}.stat-icon-large{align-items:center;background:linear-gradient(135deg,#2563eb1a,#2563eb0d);border-radius:16px;color:#2563eb;color:var(--color-primary,#2563eb);display:flex;height:64px;justify-content:center;width:64px}.stat-icon-success{color:#16a34a;color:var(--color-success,#16a34a)}.stat-icon-warning{color:#f59e0b;color:var(--color-warning,#f59e0b)}.stat-icon-primary{color:#2563eb;color:var(--color-primary,#2563eb)}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value-large{font-size:2.5rem;font-weight:700}.stat-value,.stat-value-large{color:#111827;color:var(--text-primary,#111827);line-height:1}.stat-value{font-size:1.75rem}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280)}.stat-trend{display:flex;font-size:.8125rem;font-weight:500;gap:.25rem}.stat-trend.improving{color:#16a34a;color:var(--color-success,#16a34a)}.stat-trend.stable{color:#6b7280;color:var(--text-secondary,#6b7280)}.stat-trend.declining{color:#dc2626;color:var(--color-error,#dc2626)}.health-distribution-card{margin-bottom:1.5rem}.health-distribution-card h3{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:600;margin:0 0 1rem}.health-distribution-bar{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border-radius:12px;display:flex;height:24px;overflow:hidden}.distribution-segment{height:100%;transition:width .3s ease}.distribution-segment:first-child{border-radius:12px 0 0 12px}.distribution-segment:last-child{border-radius:0 12px 12px 0}.health-distribution-legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8125rem}.legend-count{color:#111827;color:var(--text-primary,#111827);font-size:.8125rem;font-weight:600}.health-explanation{margin-bottom:1.5rem}.health-calculation-info{padding:.5rem 0}.explanation-text{color:#6b7280;color:var(--text-secondary,#6b7280);line-height:1.6;margin-bottom:1.5rem}.health-factors{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.health-factor{align-items:center;background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;gap:1rem;padding:1rem}.factor-score{color:#2563eb;color:var(--primary-color,#2563eb);font-size:1.5rem;font-weight:700;min-width:60px;text-align:center}.factor-icon{align-items:center;background-color:#2563eb1a;border-radius:8px;color:#2563eb;color:var(--color-primary,#2563eb);display:flex;height:40px;justify-content:center;width:40px}.factor-details{flex:1 1}.factor-name{color:#111827;color:var(--text-primary,#111827);font-weight:600;margin-bottom:.25rem}.factor-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8125rem;line-height:1.4}.recommendations-card{margin-bottom:1.5rem}.recommendations-list{display:flex;flex-direction:column;gap:.75rem}.recommendation-item{align-items:center;background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border-left:4px solid #0000;border-radius:8px;display:flex;gap:1rem;padding:1rem}.recommendation-item.priority-high{border-left-color:#dc2626;border-left-color:var(--color-error,#dc2626)}.recommendation-item.priority-medium{border-left-color:#f59e0b;border-left-color:var(--color-warning,#f59e0b)}.recommendation-item.priority-low{border-left-color:#3b82f6;border-left-color:var(--color-info,#3b82f6)}.recommendation-icon{align-items:center;background-color:#2563eb1a;border-radius:8px;color:#2563eb;color:var(--color-primary,#2563eb);display:flex;height:36px;justify-content:center;width:36px}.recommendation-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:1rem}.recommendation-message{color:#111827;color:var(--text-primary,#111827);font-size:.9375rem}.health-summary{margin-bottom:1.5rem}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.summary-stat{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border:2px solid #0000;border-radius:8px;flex-direction:column;gap:.5rem;padding:1.25rem;text-align:center;transition:all .2s ease}.summary-stat:hover{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.summary-stat.active{background-color:#2563eb0d;border-color:#2563eb;border-color:var(--color-primary,#2563eb)}.summary-stat.excellent{border-color:#16a34a}.summary-stat.good{border-color:#2563eb}.summary-stat.fair{border-color:#f59e0b}.summary-stat.poor{border-color:#dc2626}.summary-stat.critical{border-color:#991b1b}.summary-stat .stat-label{font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-stat .stat-value{font-size:2rem;line-height:1}.stat-range{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.health-filters{margin-bottom:1.5rem}.filters-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem}.filter-group{max-width:250px;min-width:200px}.filter-label{color:#111827;color:var(--text-primary,#111827);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.filter-info{color:#6b7280;color:var(--text-secondary,#6b7280);margin-left:auto;padding:.5rem 0}.health-devices-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.device-health-wrapper{position:relative}.view-breakdown-btn{align-items:center;background-color:#2563eb1a;border:none;border-radius:6px;bottom:.75rem;color:#2563eb;color:var(--color-primary,#2563eb);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;position:absolute;right:.75rem;transition:all .2s ease}.view-breakdown-btn:hover{background-color:#2563eb33}.health-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.health-loading p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.breakdown-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.breakdown-modal{background-color:#fff;background-color:var(--card-background,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.breakdown-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.breakdown-header h3{color:#111827;color:var(--text-primary,#111827);font-size:1.125rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{color:#111827;color:var(--text-primary,#111827)}.breakdown-device-info,.close-btn:hover{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb)}.breakdown-device-info{align-items:center;display:flex;gap:1rem;padding:1.25rem 1.5rem}.breakdown-device-info svg{color:#6b7280;color:var(--text-secondary,#6b7280)}.breakdown-device-info>div:first-of-type{flex:1 1}.breakdown-device-info h4{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:600;margin:0 0 .25rem}.breakdown-device-info span{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.overall-score{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.breakdown-components{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.breakdown-component{display:flex;flex-direction:column;gap:.5rem}.component-header{align-items:center;display:flex;gap:.5rem}.component-header svg{color:#6b7280;color:var(--text-secondary,#6b7280)}.component-name{color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:.9375rem;font-weight:500}.component-weight{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8125rem}.component-bar-container{background-color:#f3f4f6;background-color:var(--bg-secondary,#f3f4f6);border-radius:4px;height:8px;overflow:hidden}.component-bar{border-radius:4px;height:100%;transition:width .5s ease}.component-stats{display:flex;font-size:.8125rem;justify-content:space-between}.component-score{color:#111827;color:var(--text-primary,#111827);font-weight:500}.component-contribution{color:#16a34a;color:var(--color-success,#16a34a)}.breakdown-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}@media (max-width:1200px){.fleet-overview{grid-template-columns:repeat(2,1fr)}.summary-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.health-factors{grid-template-columns:repeat(2,1fr)}.health-devices-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.device-health-page{padding:1rem}.fleet-overview,.health-factors{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.filters-container{align-items:stretch;flex-direction:column}.filter-group{max-width:none;width:100%}.filter-info{margin-left:0;text-align:center}.health-devices-grid{grid-template-columns:1fr}.health-distribution-legend{justify-content:center}}@media (max-width:480px){.device-health-page{padding:.75rem}.health-factor{flex-direction:column;text-align:center}.factor-score{font-size:1.25rem}.summary-stats{grid-template-columns:1fr}.summary-stat .stat-value{font-size:1.5rem}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.recommendation-content{align-items:flex-start;flex-direction:column;gap:.5rem}}.inventory-dashboard-page,.part-form-page,.parts-management-page,.stock-in-page,.stock-levels-page,.stock-out-page,.transaction-history-page{padding:1.5rem}.spinning{animation:spin 1s linear infinite}.page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.page-subtitle{color:var(--color-text-secondary);font-size:1rem;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;display:flex;gap:1rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon svg{height:24px;width:24px}.stat-icon.primary{background:var(--color-primary-bg);color:var(--color-primary)}.stat-icon.success{background:var(--color-success-bg);color:var(--color-success)}.stat-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.stat-icon.info{background:var(--color-info-bg);color:var(--color-info)}.stat-icon.error{background:var(--color-error-bg);color:var(--color-error)}.stat-content{flex:1 1}.stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.stat-label{color:var(--color-text-secondary);font-size:.875rem;margin:.25rem 0 0}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:1.25rem}.dashboard-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.dashboard-card .card-header h2{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.dashboard-card .card-content{min-height:200px}.empty-state{color:var(--color-text-secondary);padding:2rem}.empty-state svg{height:48px;margin-bottom:1rem;opacity:.5;width:48px}.empty-state svg.success{color:var(--color-success);opacity:1}.low-stock-list{display:flex;flex-direction:column;gap:.75rem}.low-stock-item{align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;padding:.75rem}.low-stock-item .item-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.low-stock-item .item-name{color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.low-stock-item .item-number{color:var(--color-text-secondary);font-size:.75rem}.low-stock-item .item-stock{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.low-stock-item .reorder-qty{color:var(--color-warning);font-size:.75rem;font-weight:500}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{background:var(--color-background-secondary);border-radius:var(--radius-md);gap:.75rem;padding:.75rem}.activity-icon,.activity-item{align-items:center;display:flex}.activity-icon{border-radius:var(--radius-full);flex-shrink:0;height:36px;justify-content:center;width:36px}.activity-icon svg{height:18px;width:18px}.activity-icon.receipt{background:var(--color-success-bg);color:var(--color-success)}.activity-icon.issue{background:var(--color-warning-bg);color:var(--color-warning)}.activity-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.activity-ref{color:var(--color-text-primary);font-weight:500}.activity-date{color:var(--color-text-secondary);font-size:.75rem}.activity-meta{align-items:flex-end;flex-direction:column;gap:.25rem}.activity-qty{color:var(--color-text-secondary);font-size:.75rem}.category-list{display:flex;flex-direction:column;gap:.75rem}.category-item{align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem}.category-info{display:flex;flex-direction:column;gap:.125rem}.category-name{color:var(--color-text-primary);font-weight:500}.category-count{color:var(--color-text-secondary);font-size:.75rem}.category-value{color:var(--color-primary);font-weight:600}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.action-button{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:auto;padding:1.25rem 1rem}.action-button svg{height:24px;width:24px}.action-button span{font-size:.875rem}.page-title-icon{color:var(--color-primary);margin-right:.5rem;vertical-align:middle}.auto-refresh-control{display:inline-flex}.stats-grid.enhanced{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-trend{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;margin-top:4px}.stat-trend.positive{color:var(--color-success)}.stat-trend.negative{color:var(--color-error)}.movement-summary-bar{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);gap:1rem;margin-bottom:1.5rem;padding:1rem}.movement-item,.movement-summary-bar{background:var(--color-background-secondary);display:flex}.movement-item{align-items:center;border-radius:var(--radius-md);flex:1 1;gap:12px;padding:.75rem 1rem}.movement-item svg{flex-shrink:0}.movement-item.receipts svg{color:var(--color-success)}.movement-item.issues svg{color:var(--color-warning)}.movement-item.net svg{color:var(--color-info)}.movement-info{display:flex;flex-direction:column;gap:2px}.movement-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.movement-value.positive{color:var(--color-success)}.movement-value.negative{color:var(--color-error)}.movement-label{color:var(--color-text-secondary);font-size:.75rem}.dashboard-grid.three-column{grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.dashboard-grid.two-column{grid-template-columns:repeat(2,1fr)}.card-header h2{align-items:center;display:flex;gap:8px}.card-icon{color:var(--color-text-secondary)}.card-icon.warning{color:var(--color-warning)}.card-icon.primary{color:var(--color-primary)}.empty-state.success-state svg{color:var(--color-success);opacity:1}.low-stock-item.clickable{cursor:pointer;transition:background-color .2s,transform .2s}.low-stock-item.clickable:hover{background:var(--bg-tertiary);transform:translateX(4px)}.item-stock{align-items:flex-end;display:flex;flex-direction:column;gap:4px;min-width:100px}.stock-progress{background:var(--color-border-primary);border-radius:2px;height:4px;overflow:hidden;width:100%}.stock-progress-bar{border-radius:2px;height:100%;transition:width .3s ease}.stock-numbers{align-items:center;display:flex;font-size:.75rem;gap:4px}.stock-numbers .danger{color:var(--color-error);font-weight:600}.stock-numbers .warning{color:var(--color-warning);font-weight:600}.stock-numbers .divider,.stock-numbers .minimum{color:var(--color-text-secondary)}.reorder-list{display:flex;flex-direction:column;gap:.75rem}.reorder-item{align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem}.reorder-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.reorder-name{color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reorder-number{color:var(--color-text-secondary);font-size:.75rem}.reorder-details{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.reorder-cost{font-size:.75rem}.reorder-cost,.reorder-total{color:var(--color-text-secondary)}.reorder-total{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;font-size:.875rem;justify-content:space-between;margin-top:.5rem;padding:.75rem}.reorder-total strong{color:var(--color-primary);font-size:1rem}.activity-timeline{display:flex;flex-direction:column;gap:.5rem}.activity-item.timeline-item{background:var(--color-background-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:.75rem;transition:background-color .2s}.activity-item.timeline-item:hover{background:var(--bg-tertiary)}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.activity-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.activity-meta{color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:12px}.category-breakdown{display:flex;flex-direction:column;gap:1rem}.category-chart{background:var(--color-border-primary);border-radius:6px;display:flex;height:12px;overflow:hidden}.category-segment{background-color:var(--segment-color);cursor:pointer;transition:opacity .2s,transform .2s;width:var(--segment-width)}.category-segment:hover{opacity:.8}.category-segment.selected{transform:scaleY(1.5);z-index:1}.category-legend{display:flex;flex-direction:column;gap:.5rem}.category-legend-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:.5rem .75rem;transition:background-color .2s}.category-legend-item.selected,.category-legend-item:hover{background:var(--color-background-secondary)}.legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.legend-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.legend-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.legend-count{color:var(--color-text-secondary);font-size:.75rem}.legend-value{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.legend-amount{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.legend-percent{color:var(--color-text-secondary);font-size:.75rem}.quick-actions.enhanced{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.action-tile{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;text-align:center;transition:all .2s}.action-tile:hover{background:var(--bg-tertiary);border-color:var(--color-primary);transform:translateY(-2px)}.action-tile .action-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;width:48px}.action-tile .action-icon.primary{background:var(--color-primary-bg);color:var(--color-primary)}.action-tile .action-icon.success{background:var(--color-success-bg);color:var(--color-success)}.action-tile .action-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.action-tile .action-icon.info{background:var(--color-info-bg);color:var(--color-info)}.action-tile .action-icon.secondary{background:var(--bg-tertiary);color:var(--color-text-secondary)}.action-label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.action-desc{color:var(--color-text-secondary);font-size:.75rem}.parts-summary-bar{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);gap:1rem;margin-bottom:1.5rem;padding:1rem}.parts-summary-bar,.summary-stat{background:var(--color-background-secondary);display:flex}.summary-stat{align-items:center;border-radius:var(--radius-md);gap:8px;padding:.5rem 1rem}.summary-stat.warning{background:var(--color-warning-bg)}.summary-stat.warning .summary-value,.summary-stat.warning svg{color:var(--color-warning)}.summary-stat.danger{background:var(--color-error-bg)}.summary-stat.danger .summary-value,.summary-stat.danger svg{color:var(--color-error)}.summary-stat .summary-value{color:var(--color-text-primary);font-size:1.125rem;font-weight:700}.summary-stat .summary-label{color:var(--color-text-secondary);font-size:.75rem}.filters-toolbar{border-bottom:1px solid var(--color-border-primary);justify-content:space-between;padding:1rem}.filter-left,.filters-toolbar{flex-wrap:wrap}.filter-left,.filter-right,.filters-toolbar{align-items:center;display:flex;gap:1rem}.search-input-wrapper{min-width:250px;position:relative}.search-input-wrapper .search-icon{color:var(--color-text-secondary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrapper .search-input{padding-left:36px}.view-toggle{background:var(--color-background-secondary);border-radius:var(--radius-md);display:flex;padding:2px}.stock-level-cell{align-items:center;display:flex;gap:8px;min-width:100px}.stock-level-bar{background:var(--color-border-primary);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.stock-level-fill{border-radius:3px;height:100%;transition:width .3s ease}.stock-level-text{color:var(--color-text-primary);font-size:.875rem;font-weight:600;min-width:30px;text-align:right}.part-name-cell{display:flex;flex-direction:column;gap:2px}.part-name{color:var(--color-text-primary);font-weight:500}.part-desc{color:var(--color-text-secondary);font-size:.75rem}.part-code{background:var(--color-background-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8125rem;padding:2px 6px}.parts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.part-card{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;padding:1rem;transition:all .2s}.part-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.part-card-header{align-items:center;display:flex;justify-content:space-between}.part-card-body,.part-card-header{margin-bottom:.75rem}.part-card-name{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.part-card-footer{border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding-top:.75rem}.part-card-stat{display:flex;flex-direction:column;gap:2px}.part-card-stat .stat-label{color:var(--color-text-secondary);font-size:.75rem}.part-card-stat .stat-value{color:var(--color-text-primary);font-weight:600}.import-preview{display:flex;flex-direction:column;gap:1rem}.import-info{align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-md);display:flex;gap:8px;padding:.75rem}.import-preview h4{color:var(--color-text-secondary);font-size:.875rem;margin:.5rem 0}.import-preview-table{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow-x:auto}.import-preview-table table{border-collapse:collapse;font-size:.8125rem;width:100%}.import-preview-table td,.import-preview-table th{border-bottom:1px solid var(--color-border-primary);padding:.5rem .75rem;text-align:left}.import-preview-table th{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:600}.import-preview-table td{color:var(--color-text-secondary)}.import-preview-table tr:last-child td{border-bottom:none}.modal-alert{margin-top:1rem}.table-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.filter-group{display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem}.filter-group input[type=search],.filter-group input[type=text]{max-width:300px;min-width:200px}.filter-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:.875rem;padding:.5rem 2rem .5rem .75rem}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.filter-checkbox{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;white-space:nowrap}.filter-checkbox input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.filter-info{color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap}.date-filter{align-items:center;display:flex;gap:.5rem}.date-filter label{color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap}.date-filter input[type=date]{width:150px}.stock-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.summary-card{gap:1rem;padding:1rem}.summary-card,.summary-icon{align-items:center;display:flex}.summary-icon{border-radius:var(--radius-md);flex-shrink:0;height:40px;justify-content:center;width:40px}.summary-icon svg{height:20px;width:20px}.summary-icon.total{background:var(--color-primary-bg);color:var(--color-primary)}.summary-icon.success{background:var(--color-success-bg);color:var(--color-success)}.summary-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.summary-icon.error{background:var(--color-error-bg);color:var(--color-error)}.summary-content{flex:1 1}.summary-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.summary-label{color:var(--color-text-secondary);font-size:.75rem;margin:.125rem 0 0}.table-actions{display:flex;gap:.25rem}.stock-cell{align-items:center;display:flex;gap:.5rem}.stock-quantity{border-radius:var(--radius-sm);font-weight:600;padding:.25rem .5rem}.stock-quantity.in-stock{background:var(--color-success-bg);color:var(--color-success)}.stock-quantity.low-stock{background:var(--color-warning-bg);color:var(--color-warning)}.stock-quantity.out-of-stock{background:var(--color-error-bg);color:var(--color-error)}.quantity-positive{color:var(--color-success);font-weight:600}.quantity-negative{color:var(--color-error);font-weight:600}.pagination{border-top:1px solid var(--color-border-primary);gap:1rem;margin-top:1rem;padding-top:1rem}.page-info{color:var(--color-text-secondary);font-size:.875rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-card{padding:1.5rem}.form-card .card-title{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem}.form-fields{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.flex-grow{flex:1 1}.form-group label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.form-group .form-hint{color:var(--color-text-secondary);font-size:.75rem}.form-textarea{background-color:var(--bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:.875rem;min-height:80px;padding:.75rem;resize:vertical}.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.form-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:.875rem;padding:.625rem 2rem .625rem .75rem}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.form-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.compatible-models-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.compatible-model-tag{align-items:center;background:var(--color-primary-bg);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.compatible-model-tag .remove-tag{align-items:center;background:#0000;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:background-color .2s ease;width:16px}.compatible-model-tag .remove-tag:hover{background:var(--color-primary);color:#fff}.compatible-model-tag .remove-tag svg{height:12px;width:12px}.issue-grid,.receipt-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.issue-list-card,.receipt-list-card{padding:1.5rem}.issue-list-card h2,.receipt-list-card h2{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.issue-list,.receipt-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto}.issue-item,.receipt-item{align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s ease}.issue-item:hover,.receipt-item:hover{background:var(--bg-tertiary)}.issue-info,.receipt-info{display:flex;flex-direction:column;gap:.25rem}.issue-ref,.receipt-ref{color:var(--color-text-primary);font-weight:600}.issue-date,.issue-reason,.receipt-date,.receipt-supplier{color:var(--color-text-secondary);font-size:.75rem}.issue-meta,.receipt-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.issue-qty,.receipt-qty{color:var(--color-text-secondary);font-size:.875rem}.line-items-section{border-top:1px solid var(--color-border-primary);margin-top:1rem;padding-top:1rem}.line-items-section h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.line-items-list{display:flex;flex-direction:column;gap:.75rem}.line-item{align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem}.line-item-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.line-item-part{color:var(--color-text-primary);font-weight:500}.line-item-number{color:var(--color-text-secondary);font-size:.75rem}.line-item-details{align-items:center;display:flex;gap:1rem}.line-item-cost,.line-item-qty{color:var(--color-text-primary);font-size:.875rem}.line-item-actions{margin-left:.5rem}.part-search{position:relative}.part-search-input{width:100%}.part-search-results{background:var(--bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.part-search-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s ease}.part-search-item:hover{background:var(--color-background-secondary)}.part-search-name{color:var(--color-text-primary);font-weight:500}.part-search-number,.part-search-stock{color:var(--color-text-secondary);font-size:.75rem}.form-totals{border-top:1px solid var(--color-border-primary);margin-top:1rem;padding-top:1rem}.total-row{display:flex;justify-content:space-between;padding:.5rem 0}.total-row.grand-total{border-top:2px solid var(--color-border-primary);font-size:1.125rem;font-weight:600;margin-top:.5rem;padding-top:.75rem}.total-label{color:var(--color-text-secondary)}.total-value{color:var(--color-text-primary);font-weight:600}.transaction-details{display:flex;flex-direction:column;gap:1.5rem}.detail-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding-bottom:1rem}.detail-ref .label{color:var(--color-text-secondary);display:block;font-size:.75rem;margin-bottom:.25rem}.detail-ref .value{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{color:var(--color-text-secondary);font-size:.75rem}.detail-item .value{color:var(--color-text-primary);font-weight:500}.detail-notes{background:var(--color-background-secondary);border-radius:var(--radius-md);padding:1rem}.detail-notes .label{color:var(--color-text-secondary);display:block;font-size:.75rem;margin-bottom:.5rem}.detail-notes .value{color:var(--color-text-primary);line-height:1.5}.detail-source{border-top:1px solid var(--color-border-primary);padding-top:1rem}.adjustment-form{display:flex;flex-direction:column;gap:1rem}.adjustment-part-info{background:var(--color-background-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;padding:1rem}.adjustment-part-info strong{color:var(--color-text-primary);font-size:1rem}.adjustment-part-info .part-number{color:var(--color-text-secondary);font-size:.75rem}.form-hint .positive{color:var(--color-success)}.form-hint .negative{color:var(--color-error)}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-line-items{max-height:300px;overflow-y:auto}.modal-totals{border-top:1px solid var(--color-border-primary);padding-top:1rem}@media (max-width:1200px){.dashboard-grid,.dashboard-grid.three-column,.dashboard-grid.two-column,.form-grid,.issue-grid,.receipt-grid{grid-template-columns:1fr}.quick-actions.enhanced,.stats-grid.enhanced{grid-template-columns:repeat(2,1fr)}.movement-summary-bar{flex-wrap:wrap}.movement-item{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1}}@media (max-width:768px){.inventory-dashboard-page,.part-form-page,.parts-management-page,.stock-in-page,.stock-levels-page,.stock-out-page,.transaction-history-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column}.page-title{font-size:1.5rem}.header-actions{justify-content:flex-start;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-filters{align-items:flex-start;flex-direction:column}.filter-group{flex-direction:column;width:100%}.filter-group input[type=search],.filter-group input[type=text]{max-width:none;width:100%}.form-row,.quick-actions{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.inventory-dashboard-page,.part-form-page,.parts-management-page,.stock-in-page,.stock-levels-page,.stock-out-page,.transaction-history-page{padding:.75rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:.875rem}.stats-grid,.stock-summary-grid{grid-template-columns:1fr}.stat-card,.summary-card{padding:1rem}.stat-value{font-size:1.25rem}.detail-grid{grid-template-columns:1fr}}[data-theme=dark] .filter-select,[data-theme=dark] .form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}[data-theme=dark] .activity-item,[data-theme=dark] .category-item,[data-theme=dark] .issue-item,[data-theme=dark] .line-item,[data-theme=dark] .low-stock-item,[data-theme=dark] .receipt-item{background:var(--bg-tertiary)}[data-theme=dark] .issue-item:hover,[data-theme=dark] .receipt-item:hover{background:var(--color-border-primary)}[data-theme=dark] .part-search-results{background:var(--color-background-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .adjustment-part-info,[data-theme=dark] .detail-notes,[data-theme=dark] .part-search-item:hover{background:var(--bg-tertiary)}@media print{.form-actions,.page-header .header-actions,.pagination,.table-actions{display:none}.inventory-dashboard-page,.parts-management-page,.stock-levels-page,.transaction-history-page{padding:0}.dashboard-grid,.stats-grid{break-inside:avoid;page-break-inside:avoid}}.feedback-page{margin:0 auto;max-width:1400px;padding:0}.feedback-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.feedback-page .page-header-text{flex:1 1;min-width:200px}.feedback-page .page-title{color:var(--color-text-primary);font-size:28px;font-weight:600;margin:0 0 4px}.feedback-page .page-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.feedback-page .page-header-actions{align-items:center;display:flex;gap:12px}.feedback-page .filters-card{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;margin-bottom:20px;padding:16px 20px}.feedback-page .filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.feedback-page .filter-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px}.feedback-page .filter-label svg{color:var(--text-tertiary)}.feedback-page .feedback-card{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden}.feedback-page .table-responsive{overflow-x:auto}.feedback-page .feedback-table{border-collapse:collapse;width:100%}.feedback-page .feedback-table thead{background-color:var(--table-header-background)}.feedback-page .feedback-table th{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.feedback-page .feedback-table tbody tr{border-bottom:1px solid var(--color-border-primary);transition:background-color .2s}.feedback-page .feedback-table tbody tr:last-child{border-bottom:none}.feedback-page .feedback-table tbody tr.clickable-row{cursor:pointer}.feedback-page .feedback-table tbody tr.clickable-row:hover{background-color:var(--table-row-hover)}.feedback-page .feedback-table td{color:var(--color-text-primary);font-size:14px;padding:16px;vertical-align:middle}.feedback-page .subject-cell{align-items:center;display:flex;gap:8px}.feedback-page .subject-text{color:var(--color-text-primary);font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-page .subject-meta{align-items:center;display:flex;gap:12px;margin-top:4px}.feedback-page .meta-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:4px}.feedback-page .date-cell{color:var(--text-tertiary);white-space:nowrap}.feedback-page .response-cell{white-space:nowrap}.feedback-page .response-date{color:var(--color-success)}.feedback-page .response-pending{color:var(--text-tertiary)}.feedback-page .pagination{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:16px 20px}.feedback-page .pagination-info{color:var(--color-text-secondary);font-size:14px}.feedback-page .pagination-controls{align-items:center;display:flex;gap:8px}.feedback-page .pagination-pages{color:var(--color-text-secondary);font-size:14px;padding:0 8px}.feedback-page .alert{margin-bottom:20px}@media (max-width:768px){.feedback-page .page-header{align-items:stretch;flex-direction:column}.feedback-page .page-header-actions{justify-content:flex-start}.feedback-page .filters-row{align-items:stretch;flex-direction:column}.feedback-page .pagination{flex-direction:column;gap:12px;text-align:center}.feedback-page .subject-text{max-width:150px}}:root{--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-family-heading:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"Consolas","Monaco","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--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;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--size-button-sm:2rem;--size-button-md:2.5rem;--size-button-lg:3rem;--size-input-sm:2rem;--size-input-md:2.5rem;--size-input-lg:3rem;--width-sidebar:16rem;--width-sidebar-collapsed:4rem;--width-container-sm:640px;--width-container-md:768px;--width-container-lg:1024px;--width-container-xl:1280px;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}[data-mode=light]{--color-neutral-100:#f9fafb;--color-neutral-200:#f3f4f6;--color-neutral-300:#e5e7eb;--color-neutral-400:#d1d5db;--color-neutral-500:#9ca3af;--color-neutral-600:#6b7280;--color-neutral-700:#4b5563;--color-neutral-800:#374151;--color-neutral-900:#111827;--color-background-primary:#fff;--color-background-secondary:#f9fafb;--color-background-tertiary:#f3f4f6;--color-background-hover:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-disabled:#9ca3af;--color-text-inverse:#fff;--color-border-primary:#e5e7eb;--color-border-secondary:#d1d5db;--color-chart-grid:#e5e7eb;--color-chart-axis:#6b7280;--color-chart-tooltip-bg:#fff;--color-chart-tooltip-border:#e5e7eb;--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-disabled);--bg-primary:var(--color-background-primary);--bg-secondary:var(--color-background-secondary);--bg-tertiary:var(--color-background-tertiary);--border-color:var(--color-border-primary);--card-background:var(--color-background-primary);--card-shadow:var(--shadow-md);--table-header-background:var(--color-background-secondary);--table-row-hover:var(--color-background-hover);--input-background:var(--color-background-primary);--code-background:var(--color-neutral-200);--code-text:var(--color-text-primary);--secondary-color:var(--color-background-secondary);--secondary-hover:var(--color-background-tertiary)}[data-mode=dark]{--color-neutral-100:#27272a;--color-neutral-200:#3f3f46;--color-neutral-300:#52525b;--color-neutral-400:#71717a;--color-neutral-500:#a1a1aa;--color-neutral-600:#d4d4d8;--color-neutral-700:#e4e4e7;--color-neutral-800:#f4f4f5;--color-neutral-900:#fafafa;--color-background-primary:#000;--color-background-secondary:#0a0a0a;--color-background-tertiary:#18181b;--color-background-quaternary:#27272a;--color-background-hover:#18181b;--color-background-elevated:#0f0f0f;--color-card-background:#0f0f0f;--color-panel-background:#18181b;--color-text-primary:#fafafa;--color-text-secondary:#e4e4e7;--color-text-tertiary:#a1a1aa;--color-text-disabled:#52525b;--color-text-inverse:#000;--color-text-muted:#71717a;--color-border-primary:#27272a;--color-border-secondary:#3f3f46;--color-border-tertiary:#52525b;--color-border-hover:#3f3f46;--color-chart-grid:#3f3f46;--color-chart-axis:#a1a1aa;--color-chart-tooltip-bg:#18181b;--color-chart-tooltip-border:#3f3f46;--shadow-sm:0 1px 3px 0 #000c,0 1px 2px -1px #0009;--shadow-md:0 4px 6px -1px #000c,0 2px 4px -2px #0009,inset 0 1px 0 #ffffff0d;--shadow-lg:0 10px 15px -3px #000000e6,0 4px 6px -4px #000000b3,inset 0 1px 0 #ffffff0d;--shadow-xl:0 20px 25px -5px #000000e6,0 8px 10px -6px #000000b3,inset 0 1px 0 #ffffff12;--shadow-2xl:0 25px 50px -12px #000,inset 0 2px 0 #ffffff14;--shadow-glossy:inset 0 1px 0 #ffffff1a,0 1px 3px #000c;--shadow-glossy-lg:inset 0 2px 0 #ffffff1f,0 4px 12px #000000e6;--color-overlay-light:#ffffff0d;--color-overlay-medium:#ffffff1a;--color-overlay-dark:#00000080;--color-overlay-backdrop:#000000bf;--gradient-glossy:linear-gradient(180deg,#ffffff14,#fff0);--gradient-glossy-reverse:linear-gradient(0deg,#ffffff0f,#fff0);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-disabled);--bg-primary:var(--color-background-primary);--bg-secondary:var(--color-background-secondary);--bg-tertiary:var(--color-background-tertiary);--border-color:var(--color-border-primary);--card-background:var(--color-card-background);--card-shadow:var(--shadow-glossy-lg);--table-header-background:var(--color-background-tertiary);--table-row-hover:var(--color-background-hover);--input-background:var(--color-background-tertiary);--code-background:var(--color-neutral-300);--code-text:var(--color-text-primary);--secondary-color:var(--color-background-tertiary);--secondary-hover:var(--color-background-quaternary)}[data-palette=default-blue]{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-primary-contrast:#fff;--color-secondary:#6b7280;--color-secondary-light:#9ca3af;--color-secondary-dark:#4b5563;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-border-focus:#3b82f6;--color-status-online:#10b981;--color-status-offline:#6b7280;--color-status-error:#ef4444;--color-status-warning:#f59e0b;--color-chart-1:#2563eb;--color-chart-2:#16a34a;--color-chart-3:#dc2626;--color-chart-4:#f59e0b;--color-chart-5:#8b5cf6;--color-chart-6:#ec4899;--color-chart-7:#06b6d4;--color-chart-8:#84cc16;--color-chart-9:#f97316;--color-chart-10:#6366f1;--color-toner-black:#374151;--color-toner-cyan:#06b6d4;--color-toner-magenta:#ec4899;--color-toner-yellow:#fbbf24;--color-health-excellent:#16a34a;--color-health-good:#2563eb;--color-health-fair:#f59e0b;--color-health-poor:#dc2626;--color-health-critical:#991b1b;--primary-color:var(--color-primary);--primary-hover:var(--color-primary-dark)}[data-palette=blue-sky]{--color-primary:#0ea5e9;--color-primary-light:#38bdf8;--color-primary-dark:#0284c7;--color-primary-contrast:#fff;--color-secondary:#64748b;--color-secondary-light:#94a3b8;--color-secondary-dark:#475569;--color-success:#14b8a6;--color-success-light:#2dd4bf;--color-success-dark:#0d9488;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#06b6d4;--color-info-light:#22d3ee;--color-info-dark:#0891b2;--color-border-focus:#0ea5e9;--color-status-online:#14b8a6;--color-status-offline:#64748b;--color-status-error:#ef4444;--color-status-warning:#f59e0b;--color-chart-1:#0ea5e9;--color-chart-2:#14b8a6;--color-chart-3:#f59e0b;--color-chart-4:#8b5cf6;--color-chart-5:#ec4899;--color-chart-6:#06b6d4;--color-chart-7:#84cc16;--color-chart-8:#f97316;--color-chart-9:#6366f1;--color-chart-10:#10b981;--color-toner-black:#334155;--color-toner-cyan:#06b6d4;--color-toner-magenta:#ec4899;--color-toner-yellow:#fbbf24;--color-health-excellent:#14b8a6;--color-health-good:#0ea5e9;--color-health-fair:#f59e0b;--color-health-poor:#f97316;--color-health-critical:#dc2626;--primary-color:var(--color-primary);--primary-hover:var(--color-primary-dark)}[data-palette=lime-green]{--color-primary:#84cc16;--color-primary-light:#a3e635;--color-primary-dark:#65a30d;--color-primary-contrast:#fff;--color-secondary:#71717a;--color-secondary-light:#a1a1aa;--color-secondary-dark:#52525b;--color-success:#22c55e;--color-success-light:#4ade80;--color-success-dark:#16a34a;--color-warning:#facc15;--color-warning-light:#fde047;--color-warning-dark:#eab308;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#14b8a6;--color-info-light:#2dd4bf;--color-info-dark:#0d9488;--color-border-focus:#84cc16;--color-status-online:#22c55e;--color-status-offline:#71717a;--color-status-error:#ef4444;--color-status-warning:#facc15;--color-chart-1:#84cc16;--color-chart-2:#22c55e;--color-chart-3:#ef4444;--color-chart-4:#facc15;--color-chart-5:#8b5cf6;--color-chart-6:#ec4899;--color-chart-7:#14b8a6;--color-chart-8:#f97316;--color-chart-9:#6366f1;--color-chart-10:#10b981;--color-toner-black:#3f3f46;--color-toner-cyan:#14b8a6;--color-toner-magenta:#ec4899;--color-toner-yellow:#fde047;--color-health-excellent:#22c55e;--color-health-good:#84cc16;--color-health-fair:#facc15;--color-health-poor:#f97316;--color-health-critical:#dc2626;--primary-color:var(--color-primary);--primary-hover:var(--color-primary-dark)}[data-palette=sunset-orange]{--color-primary:#f97316;--color-primary-light:#fb923c;--color-primary-dark:#ea580c;--color-primary-contrast:#fff;--color-secondary:#737373;--color-secondary-light:#a3a3a3;--color-secondary-dark:#525252;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#fbbf24;--color-warning-light:#fcd34d;--color-warning-dark:#f59e0b;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#06b6d4;--color-info-light:#22d3ee;--color-info-dark:#0891b2;--color-border-focus:#f97316;--color-status-online:#10b981;--color-status-offline:#737373;--color-status-error:#ef4444;--color-status-warning:#fbbf24;--color-chart-1:#f97316;--color-chart-2:#10b981;--color-chart-3:#ef4444;--color-chart-4:#fbbf24;--color-chart-5:#8b5cf6;--color-chart-6:#ec4899;--color-chart-7:#06b6d4;--color-chart-8:#84cc16;--color-chart-9:#fb923c;--color-chart-10:#6366f1;--color-toner-black:#404040;--color-toner-cyan:#06b6d4;--color-toner-magenta:#ec4899;--color-toner-yellow:#fcd34d;--color-health-excellent:#10b981;--color-health-good:#f97316;--color-health-fair:#fbbf24;--color-health-poor:#ef4444;--color-health-critical:#dc2626;--primary-color:var(--color-primary);--primary-hover:var(--color-primary-dark)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}ol,ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{background:none;border:none;cursor:pointer;padding:0}img{display:block;height:auto;max-width:100%}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-family-heading);line-height:var(--line-height-tight);margin-top:0;transition:color var(--transition-fast)}.h1,h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em;margin-bottom:var(--spacing-6)}.h2,h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin-bottom:var(--spacing-4)}.h3,h3{font-size:var(--font-size-xl)}.h3,.h4,h3,h4{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.h4,h4{font-size:var(--font-size-lg)}.h5,h5{font-size:var(--font-size-base)}.h5,.h6,h5,h6{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.h6,h6{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}p{color:var(--color-text-primary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-4)}p:last-child{margin-bottom:0}.lead{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.small,small{font-size:var(--font-size-sm)}a{color:var(--color-primary);cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-no-wrap{white-space:nowrap}code{border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875em;padding:var(--spacing-1) var(--spacing-2)}code,pre{background-color:var(--color-background-tertiary);font-family:var(--font-family-mono)}pre{border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4);overflow-x:auto;padding:var(--spacing-4)}pre code{background-color:initial;border-radius:0;padding:0}.list-styled{list-style:disc;margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.list-styled li{line-height:var(--line-height-normal);margin-bottom:var(--spacing-2)}.list-numbered{list-style:decimal;margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.list-numbered li{line-height:var(--line-height-normal);margin-bottom:var(--spacing-2)}blockquote{border-left:4px solid var(--color-border-primary);color:var(--color-text-secondary);font-style:italic;margin:var(--spacing-4) 0;padding-left:var(--spacing-4)}hr{border:none;border-top:1px solid var(--color-border-primary);margin:var(--spacing-6) 0}@media (max-width:767px){.h1,h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.h2,h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.h3,h3{font-size:var(--font-size-lg)}.lead{font-size:var(--font-size-base)}}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.ml-0{margin-left:var(--spacing-0)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.mr-0{margin-right:var(--spacing-0)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:var(--spacing-0);margin-top:var(--spacing-0)}.my-1{margin-bottom:var(--spacing-1);margin-top:var(--spacing-1)}.my-2{margin-bottom:var(--spacing-2);margin-top:var(--spacing-2)}.my-3{margin-bottom:var(--spacing-3);margin-top:var(--spacing-3)}.my-4{margin-bottom:var(--spacing-4);margin-top:var(--spacing-4)}.my-5{margin-bottom:var(--spacing-5);margin-top:var(--spacing-5)}.my-6{margin-bottom:var(--spacing-6);margin-top:var(--spacing-6)}.pt-0{padding-top:var(--spacing-0)}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pb-0{padding-bottom:var(--spacing-0)}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.pb-6{padding-bottom:var(--spacing-6)}.pl-0{padding-left:var(--spacing-0)}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.pr-0{padding-right:var(--spacing-0)}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-5{padding-right:var(--spacing-5)}.pr-6{padding-right:var(--spacing-6)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-0{padding-bottom:var(--spacing-0);padding-top:var(--spacing-0)}.py-1{padding-bottom:var(--spacing-1);padding-top:var(--spacing-1)}.py-2{padding-bottom:var(--spacing-2);padding-top:var(--spacing-2)}.py-3{padding-bottom:var(--spacing-3);padding-top:var(--spacing-3)}.py-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.py-5{padding-bottom:var(--spacing-5);padding-top:var(--spacing-5)}.py-6{padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.max-w-xs{max-width:var(--width-container-sm)}.max-w-sm{max-width:var(--width-container-md)}.max-w-md{max-width:var(--width-container-lg)}.max-w-lg{max-width:var(--width-container-xl)}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.empty-state,.error-state,.loading-state{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);justify-content:center;padding:var(--spacing-8);text-align:center}.loading-state{flex-direction:column;gap:var(--spacing-4)}.loading-container{gap:var(--spacing-4);min-height:200px;padding:var(--spacing-8)}.loading-container,.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}.error-state{color:var(--color-error)}.border{border:1px solid var(--color-border-primary)}.border-t{border-top:1px solid var(--color-border-primary)}.border-b{border-bottom:1px solid var(--color-border-primary)}.border-l{border-left:1px solid var(--color-border-primary)}.border-r{border-right:1px solid var(--color-border-primary)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-none{box-shadow:none}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.not-sr-only{clip:auto;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.card-spacing{padding:var(--spacing-5)}.card-spacing-compact{padding:var(--spacing-4)}.card-spacing-spacious{padding:var(--spacing-6)}.section-spacing{margin-bottom:var(--spacing-8)}.section-spacing-sm{margin-bottom:var(--spacing-6)}.section-spacing-lg{margin-bottom:var(--spacing-12)}.stack-1>*+*{margin-top:var(--spacing-1)}.stack-2>*+*{margin-top:var(--spacing-2)}.stack-3>*+*{margin-top:var(--spacing-3)}.stack-4>*+*{margin-top:var(--spacing-4)}.stack-6>*+*{margin-top:var(--spacing-6)}.stack-8>*+*{margin-top:var(--spacing-8)}.inline-1>*+*{margin-left:var(--spacing-1)}.inline-2>*+*{margin-left:var(--spacing-2)}.inline-3>*+*{margin-left:var(--spacing-3)}.inline-4>*+*{margin-left:var(--spacing-4)}.form-field-spacing{margin-bottom:var(--spacing-4)}.form-label-spacing{margin-bottom:var(--spacing-2)}.form-group-spacing{margin-bottom:var(--spacing-6)}.form-actions-spacing{border-top:1px solid var(--color-border-primary);margin-top:var(--spacing-6);padding-top:var(--spacing-4)}.table-cell-spacing-compact{padding:var(--spacing-2) var(--spacing-3)}.table-cell-spacing-default{padding:var(--spacing-3) var(--spacing-4)}.table-cell-spacing-spacious{padding:var(--spacing-4) var(--spacing-5)}.list-item-spacing>li{margin-bottom:var(--spacing-2)}.list-item-spacing>li:last-child{margin-bottom:0}.list-item-spacing-lg>li{margin-bottom:var(--spacing-4)}.list-item-spacing-lg>li:last-child{margin-bottom:0}.content-spacing>*+*{margin-top:var(--spacing-4)}.content-spacing>h1+*,.content-spacing>h2+*,.content-spacing>h3+*,.content-spacing>h4+*,.content-spacing>h5+*,.content-spacing>h6+*{margin-top:var(--spacing-3)}@media (max-width:767px){.card-spacing{padding:var(--spacing-4)}.card-spacing-spacious{padding:var(--spacing-5)}.section-spacing{margin-bottom:var(--spacing-6)}.section-spacing-lg{margin-bottom:var(--spacing-8)}}.skip-link{background-color:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-primary-contrast);font-weight:var(--font-weight-semibold);left:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);position:absolute;text-decoration:none;top:-100%;transition:top var(--transition-fast);z-index:9999}.skip-link:focus{outline:3px solid var(--color-primary-dark);outline-offset:2px;top:var(--spacing-4)}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.focus-ring-high-contrast:focus-visible{box-shadow:0 0 0 6px rgba(var(--color-primary-rgb),.25);outline:3px solid var(--color-primary);outline-offset:3px}[role=button]:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}input[type=checkbox]:focus-visible+.checkbox-custom,input[type=radio]:focus-visible+.radio-custom{outline:2px solid var(--color-primary);outline-offset:2px}[role=tab]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}[role=menuitem]:focus-visible,[role=option]:focus-visible{background-color:var(--color-background-tertiary);outline:2px solid var(--color-primary);outline-offset:-2px}.aria-live-assertive,.aria-live-polite,.sr-announcer{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--color-border-primary:#000;--color-border-focus:#000}[data-theme=dark]{--color-border-primary:#fff;--color-border-focus:#fff}:focus-visible{outline:3px solid currentColor;outline-offset:3px}.button{border:2px solid}.badge{border:1px solid}.table-row:hover{outline:2px solid currentColor;outline-offset:-2px}}.status-indicator{align-items:center;display:inline-flex;gap:var(--spacing-2)}.status-indicator-icon{flex-shrink:0;height:16px;width:16px}.status-indicator-text{font-weight:var(--font-weight-medium)}.status-pattern-success{position:relative}.status-pattern-success:before{background-color:var(--color-success);border-radius:var(--radius-full);content:"";display:inline-block;height:8px;margin-right:var(--spacing-2);width:8px}.status-pattern-warning{position:relative}.status-pattern-warning:before{border-bottom:9px solid var(--color-warning);border-left:5px solid #0000;border-right:5px solid #0000;content:"";display:inline-block;height:0;margin-right:var(--spacing-2);width:0}.status-pattern-error{position:relative}.status-pattern-error:before{background-color:var(--color-error);content:"";display:inline-block;height:8px;margin-right:var(--spacing-2);transform:rotate(45deg);width:8px}.status-pattern-info{position:relative}.status-pattern-info:before{background-clip:content-box;background-color:var(--color-info);border:2px solid var(--color-info);border-radius:var(--radius-full);content:"";display:inline-block;height:8px;margin-right:var(--spacing-2);padding:1px;width:8px}[data-keyboard-nav=true] :focus{outline:2px solid var(--color-primary);outline-offset:2px}.kbd{align-items:center;background-color:var(--color-background-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);box-shadow:inset 0 -1px 0 var(--color-border-primary);display:inline-flex;font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:center;min-width:24px;padding:var(--spacing-1) var(--spacing-2)}.focus-trap-active{position:relative}.focus-trap-active:after{background-color:#00000080;content:"";inset:0;pointer-events:none;position:fixed;z-index:var(--z-index-modal-backdrop)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visually-hidden-focusable:active,.visually-hidden-focusable:focus{clip:auto;height:auto;margin:inherit;overflow:visible;padding:inherit;position:static;white-space:normal;width:auto}.icon-button,.touch-target{min-height:44px;min-width:44px}.icon-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--spacing-2);transition:background-color var(--transition-fast)}.icon-button:hover{background-color:var(--color-background-tertiary)}.icon-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.required-indicator{color:var(--color-error);margin-left:var(--spacing-1)}.required-indicator:after{clip:rect(0,0,0,0);border:0;content:" (required)";height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.field-error{align-items:center;color:var(--color-error);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1);margin-top:var(--spacing-1)}.field-error-icon{flex-shrink:0;height:16px;width:16px}.field-success{align-items:center;color:var(--color-success);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1);margin-top:var(--spacing-1)}.field-success-icon{flex-shrink:0;height:16px;width:16px}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}[aria-busy=true]{cursor:wait}[aria-expanded=true] .expand-icon{transform:rotate(180deg)}[aria-selected=true]{background-color:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}[aria-current=page]{color:var(--color-primary);font-weight:var(--font-weight-semibold)}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}body{background:#fff;color:#000;font-size:12pt;line-height:1.5}.action-buttons,.breadcrumbs,.button,.footer,.header,.modal-overlay,.navigation,.page-header-actions,.search-bar,.sidebar,.table-actions,.theme-toggle,.toast-container,button,form,input,nav,select,textarea{display:none!important}.page-layout{display:block!important}.page-content,.page-layout{margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{color:#000;page-break-after:avoid;page-break-inside:avoid}h1{font-size:24pt;margin-bottom:12pt}h2{font-size:18pt;margin-bottom:10pt}h3{font-size:14pt;margin-bottom:8pt}p{orphans:3;widows:3}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:10pt}a[href^="#"]:after,a[href^="/"]:after{content:""}table{border-collapse:collapse;page-break-inside:auto;width:100%}thead{display:table-header-group}tbody{display:table-row-group}tr{page-break-after:auto;page-break-inside:avoid}td,th{border:1px solid #ddd;padding:8pt;text-align:left}th{background-color:#f0f0f0!important;color:#000!important;font-weight:700}.table-cell:hover,.table-row:hover{background-color:initial!important}.card{border:1px solid #ddd!important;box-shadow:none!important;margin-bottom:12pt;page-break-inside:avoid}.card-header{background-color:#f9f9f9!important;border-bottom:1px solid #ddd!important}.card-body,.card-header{padding:8pt!important}.badge{background:#0000!important;border:1px solid #000!important;color:#000!important;padding:2pt 4pt!important}img{max-width:100%!important;page-break-inside:avoid}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.page-break-inside-avoid{page-break-inside:avoid}.print-only{display:block!important}.dashboard-stats{grid-gap:12pt!important;display:grid!important;gap:12pt!important;grid-template-columns:repeat(2,1fr)!important;page-break-inside:avoid}.stat-card{border:1px solid #ddd!important;padding:8pt!important;page-break-inside:avoid}.health-item,.log-entry{margin-bottom:8pt;page-break-inside:avoid}@page{margin:2cm}.customer-details,.customers-list,.dashboard,.dealer-details,.dealers-list,.user-details,.users-list{padding:0!important}.no-print{display:none!important}.print-break-before{page-break-before:always!important}.print-break-after{page-break-after:always!important}}.alert{align-items:flex-start;border-left:4px solid;border-radius:var(--radius-md);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.alert-info{background-color:#3b82f61a;border-color:var(--color-info)}.alert-info,.alert-success{color:var(--color-text-primary)}.alert-success{background-color:#10b9811a;border-color:var(--color-success)}.alert-warning{background-color:#f59e0b1a;border-color:var(--color-warning)}.alert-error,.alert-warning{color:var(--color-text-primary)}.alert-error{background-color:#ef44441a;border-color:var(--color-error)}.alert-icon{flex-shrink:0;font-size:20px}.alert-content{flex:1 1;font-size:var(--font-size-sm)}.alert-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;padding:0;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:.7}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;white-space:nowrap}.badge-sm{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.badge-md{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3)}.badge-lg{font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-4)}.badge-default{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.badge-success{background-color:#10b9811a;color:var(--color-success)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning)}.badge-error{background-color:#ef44441a;color:var(--color-error)}.badge-info{background-color:#3b82f61a;color:var(--color-info)}.badge-primary{background-color:var(--color-primary);color:var(--color-primary-contrast)}.badge-danger{background-color:#ef44441a;color:var(--color-error)}.badge-secondary{background-color:var(--color-background-tertiary);color:var(--color-text-secondary)}.badge-with-icon{gap:var(--spacing-1)}.badge-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.badge-icon svg{display:block}.badge-text{line-height:1}@media (prefers-contrast:high){.badge{border:1px solid}}.badge:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.breadcrumbs{margin-bottom:1rem}.breadcrumbs-list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs-item,.breadcrumbs-list{align-items:center;display:flex;gap:.5rem}.breadcrumbs-item{font-size:.875rem}.breadcrumbs-link{align-items:center;color:var(--color-text-secondary);display:flex;gap:.25rem;text-decoration:none;transition:color .2s ease}.breadcrumbs-link:hover{color:var(--color-primary)}.breadcrumbs-current{align-items:center;color:var(--color-text-primary);display:flex;font-weight:500;gap:.25rem}.breadcrumbs-separator{color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.breadcrumbs-icon{font-size:1rem;line-height:1}@media (max-width:768px){.breadcrumbs-item{font-size:.8125rem}.breadcrumbs-icon{font-size:.875rem}}[data-theme=dark] .breadcrumbs-link{color:var(--color-text-secondary)}[data-theme=dark] .breadcrumbs-link:hover{color:var(--color-primary)}[data-theme=dark] .breadcrumbs-current{color:var(--color-text-primary)}.button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary-contrast)}.button-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-secondary{background-color:var(--color-background-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.button-secondary:hover:not(:disabled){background-color:var(--color-background-secondary);border-color:var(--color-border-focus)}.button-danger{background-color:var(--color-error);box-shadow:var(--shadow-sm);color:#fff}.button-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-outline{background-color:initial;border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.button-outline:hover:not(:disabled){background-color:var(--color-background-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.button-ghost{background-color:initial;color:var(--color-text-primary)}.button-ghost:hover:not(:disabled){background-color:var(--color-background-tertiary)}.button-success{background-color:var(--color-success);box-shadow:var(--shadow-sm);color:#fff}.button-success:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(.9);transform:translateY(-1px)}.button-warning{background-color:var(--color-warning);box-shadow:var(--shadow-sm);color:#fff}.button-warning:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(.9);transform:translateY(-1px)}.button-info{background-color:var(--color-info);box-shadow:var(--shadow-sm);color:#fff}.button-info:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(.9);transform:translateY(-1px)}.button-sm{font-size:var(--font-size-sm);height:var(--size-button-sm);padding:0 var(--spacing-3)}.button-md{font-size:var(--font-size-base);height:var(--size-button-md);padding:0 var(--spacing-4)}.button-lg{font-size:var(--font-size-lg);height:var(--size-button-lg);padding:0 var(--spacing-6)}.button-full-width{width:100%}.button-loading{pointer-events:none}.button-spinner{align-items:center;display:inline-flex;justify-content:center}.spinner{height:16px;width:16px}.spinner-circle{stroke:currentColor;stroke-dasharray:60;stroke-dashoffset:0;animation:spinner-dash 1.5s ease-in-out infinite}@keyframes spinner-dash{0%{stroke-dashoffset:60}50%{stroke-dashoffset:15}to{stroke-dashoffset:60}}@media (max-width:767px){.button{min-height:44px;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.button-sm{min-height:40px}.button-lg{min-height:48px}.button-group{flex-direction:column;width:100%}.button-group .button{width:100%}}@media (hover:none){.button-danger:hover:not(:disabled),.button-primary:hover:not(:disabled){transform:none}}.card{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{align-items:flex-start;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;gap:var(--spacing-2);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);transition:background-color var(--transition-fast)}.widget-drag-handle{align-items:center;background:var(--color-background-tertiary);border:none;border-radius:4px;color:var(--color-text-secondary);cursor:grab;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;opacity:0;padding:0;transition:all .2s ease;width:24px}.card:hover .widget-drag-handle{opacity:1}.widget-drag-handle:hover{background:var(--color-primary);color:#fff}.widget-drag-handle:active{cursor:grabbing}.widget-delete-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;padding:0;transition:all .2s ease;width:24px}.card:hover .widget-delete-btn{opacity:1}.widget-delete-btn:hover{background:var(--color-error);color:#fff;opacity:1}.card-header-content{flex:1 1;min-width:0}.card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-subtitle,.card-title{transition:color var(--transition-fast)}.card-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0}.card-actions{display:flex;flex-shrink:0;gap:var(--spacing-2);margin-left:var(--spacing-3)}.card-body{overflow:auto;padding:var(--spacing-5)}.card-body-no-padding{padding:0}.card-footer{background-color:var(--color-background-tertiary);border-top:1px solid var(--color-border-primary);padding:var(--spacing-4) var(--spacing-5)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-compact .card-header{padding:var(--spacing-3) var(--spacing-4)}.card-compact .card-body{padding:var(--spacing-4)}@media (max-width:767px){.card-header{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.card-actions{margin-left:0;width:100%}.card-body{padding:var(--spacing-4)}.card-footer{padding:var(--spacing-3) var(--spacing-4)}}.checkbox-wrapper{margin-bottom:var(--spacing-4)}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:var(--spacing-2);-webkit-user-select:none;user-select:none}.checkbox-label-disabled{cursor:not-allowed;opacity:.5}.checkbox-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.checkbox-custom{background-color:var(--color-background-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);flex-shrink:0;height:20px;margin-top:2px;min-width:20px;position:relative;transition:all var(--transition-fast);width:20px}.checkbox-input:checked+.checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-input:focus-visible+.checkbox-custom{box-shadow:0 0 0 4px #3b82f633;outline:2px solid var(--color-primary);outline-offset:2px}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px #3b82f633}.checkbox-label:hover .checkbox-custom{border-color:var(--color-primary)}.checkbox-label-disabled:hover .checkbox-custom{border-color:var(--color-border-primary)}.checkbox-text{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.5}.checkbox-required{color:var(--color-error);margin-left:var(--spacing-1)}.checkbox-error{align-items:center;color:var(--color-error);display:flex;gap:var(--spacing-1)}.checkbox-error,.checkbox-helper{font-size:var(--font-size-sm);margin-left:28px;margin-top:var(--spacing-1)}.checkbox-helper{color:var(--color-text-secondary);display:block}.checkbox-input[aria-invalid=true]+.checkbox-custom{border-color:var(--color-error)}@media (prefers-contrast:high){.checkbox-custom{border-width:3px}.checkbox-input:focus-visible+.checkbox-custom{outline-width:3px}}@media (max-width:767px){.checkbox-custom{height:24px;min-width:24px;width:24px}.checkbox-input:checked+.checkbox-custom:after{height:10px;left:7px;top:3px;width:5px}.checkbox-error,.checkbox-helper{margin-left:32px}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-12);text-align:center}.empty-state-icon{color:var(--color-text-secondary);font-size:64px;margin-bottom:var(--spacing-4);opacity:.5}.empty-state-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;margin-bottom:var(--spacing-2)}.empty-state-description{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;margin-bottom:var(--spacing-5);max-width:400px}.empty-state-action{margin-top:var(--spacing-2)}@media (max-width:768px){.empty-state{padding:var(--spacing-8)}.empty-state-icon{font-size:48px}.empty-state-title{font-size:var(--font-size-lg)}.empty-state-description{font-size:var(--font-size-sm)}}.form-field{margin-bottom:var(--spacing-4)}.form-field-label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.form-field-required{color:var(--color-error);margin-left:2px}.form-field-input{position:relative}.form-field-error{color:var(--color-error)}.form-field-error,.form-field-helper{display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.form-field-helper{color:var(--color-text-secondary)}.form-group{margin-bottom:var(--spacing-6)}.form-group-header{border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.form-group-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.form-group-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0}.form-group-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:1}.icon,.icon-svg{vertical-align:middle}.icon-svg{color:currentColor;display:inline-block}.icon-xs{font-size:.75rem;height:12px;width:12px}.icon-sm{font-size:.875rem;height:16px;width:16px}.icon-md{font-size:1rem;height:20px;width:20px}.icon-lg{font-size:1.25rem;height:24px;width:24px}.icon-xl{font-size:1.5rem;height:32px;width:32px}.btn .icon,button .icon{margin-right:.375rem}.btn .icon:only-child,button .icon:only-child{margin-right:0}.icon-success{color:#10b981;color:var(--color-success,#10b981)}.icon-error{color:#ef4444;color:var(--color-error,#ef4444)}.icon-warning{color:#f59e0b;color:var(--color-warning,#f59e0b)}.icon-info{color:#3b82f6;color:var(--color-primary,#3b82f6)}.icon-muted{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.input-wrapper{margin-bottom:var(--spacing-4)}.input-label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);transition:color var(--transition-fast)}.input-required{color:var(--color-error);margin-left:2px}.input-container{align-items:center;display:flex;position:relative}.input{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);height:var(--size-input-md);padding:0 var(--spacing-3);transition:all var(--transition-fast);width:100%}.input:hover:not(:disabled){border-color:var(--color-border-focus)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.input:disabled{background-color:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.input-container-error .input{border-color:var(--color-error)}.input-container-error .input:focus{box-shadow:0 0 0 3px #ef44441a}.input-icon{color:var(--color-text-secondary);left:var(--spacing-3);position:absolute}.input-with-icon{padding-left:calc(var(--spacing-3) + 24px)}.input-error{color:var(--color-error)}.input-error,.input-helper{display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.input-helper{color:var(--color-text-secondary)}.input-sm{font-size:var(--font-size-sm);height:var(--size-input-sm);padding:0 var(--spacing-2)}.input-lg{font-size:var(--font-size-lg);height:var(--size-input-lg);padding:0 var(--spacing-4)}@media (max-width:767px){.input{font-size:16px;min-height:44px}.input-sm{min-height:40px}.input-lg{min-height:48px}}.pg-modal-backdrop{align-items:center;animation:backdropFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:var(--z-index-modal-backdrop)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.pg-modal{animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1);background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;position:relative;width:100%;z-index:var(--z-index-modal)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pg-modal-sm{max-width:400px}.pg-modal-md{max-width:600px}.pg-modal-lg{max-width:800px}.pg-modal-xl{max-width:1200px}.pg-modal-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:var(--spacing-5)}.pg-modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.pg-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:32px}.pg-modal-close:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary);transform:rotate(90deg)}.pg-modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pg-modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-5)}.pg-modal-footer{background-color:var(--color-background-tertiary);border-top:1px solid var(--color-border-primary);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4) var(--spacing-5)}@media (max-width:767px){.pg-modal-backdrop{align-items:flex-end;padding:0}.pg-modal{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pg-modal-lg,.pg-modal-md,.pg-modal-sm,.pg-modal-xl{max-width:100%}.pg-modal-body,.pg-modal-footer,.pg-modal-header{padding:var(--spacing-4)}.pg-modal-footer{flex-direction:column-reverse}.pg-modal-footer .button{width:100%}}@media (min-width:768px) and (max-width:1023px){.pg-modal-lg,.pg-modal-xl{max-width:90%}}.pagination{gap:var(--spacing-2);margin-top:var(--spacing-4)}.pagination,.pagination-button,.pagination-number{align-items:center;display:flex;justify-content:center}.pagination-button,.pagination-number{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:36px;min-width:36px;padding:0 var(--spacing-2);transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled),.pagination-number:hover:not(.pagination-number-active){background-color:var(--color-background-tertiary);border-color:var(--color-primary)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-number-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast);cursor:default}.pagination-ellipsis{color:var(--color-text-secondary);padding:0 var(--spacing-2)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--primary-color);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:var(--color-text-secondary);font-size:14px}.unauthorized-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.unauthorized-container h1{color:var(--error-color);font-size:48px;margin-bottom:16px}.unauthorized-container p{color:var(--color-text-secondary);font-size:18px}.radio-wrapper{margin-bottom:var(--spacing-4)}.radio-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.radio-label-disabled{cursor:not-allowed;opacity:.5}.radio-input{height:0;opacity:0;position:absolute;width:0}.radio-custom{background-color:var(--color-background-primary);border:2px solid var(--color-border-primary);border-radius:50%;flex-shrink:0;height:20px;margin-right:var(--spacing-2);position:relative;transition:all var(--transition-fast);width:20px}.radio-input:checked+.radio-custom{border-color:var(--color-primary)}.radio-input:checked+.radio-custom:after{background-color:var(--color-primary);border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.radio-input:focus+.radio-custom{box-shadow:0 0 0 3px #3b82f633}.radio-text{color:var(--color-text-primary);font-size:var(--font-size-base)}.radio-error{color:var(--color-error);display:block;font-size:var(--font-size-xs);margin-left:28px;margin-top:var(--spacing-1)}.searchbar-wrapper{width:100%}.searchbar-container{align-items:center;display:flex;position:relative}.searchbar-icon{align-items:center;color:var(--color-text-secondary);display:flex;left:var(--spacing-3);pointer-events:none;position:absolute}.searchbar-input{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);height:var(--size-input-md);padding:0 var(--spacing-3) 0 calc(var(--spacing-3) + 32px);transition:all var(--transition-fast);width:100%}.searchbar-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.searchbar-input:disabled{background-color:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed}.searchbar-clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;line-height:1;position:absolute;right:var(--spacing-2);transition:all var(--transition-fast);width:24px}.searchbar-clear:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.select-wrapper{margin-bottom:var(--spacing-4)}.select-label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.select-required{color:var(--color-error);margin-left:var(--spacing-1)}.select-container{position:relative}.select{-webkit-appearance:none;appearance:none;background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-base);height:var(--size-input-md);padding:0 calc(var(--spacing-3) + 24px) 0 var(--spacing-3);transition:all var(--transition-fast);width:100%}.select:hover:not(:disabled){border-color:var(--color-border-focus)}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.select:disabled{background-color:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed}.select-container-error .select{border-color:var(--color-error)}.select-container-error .select:focus{box-shadow:0 0 0 3px #ef44441a}.select-arrow{align-items:center;color:var(--color-text-secondary);display:flex;pointer-events:none;position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%)}.select-error,.select-helper{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1);margin-top:var(--spacing-1)}.select-error{color:var(--color-error)}.select-helper{color:var(--color-text-secondary)}@media (prefers-contrast:high){.select{border-width:2px}.select:focus-visible{outline-width:3px}}@media (max-width:767px){.select{font-size:16px;min-height:44px}}.spinner-wrapper{align-items:center;display:inline-flex;justify-content:center}.spinner-gif{height:100%;object-fit:contain;width:100%}.spinner-sm{height:24px;width:24px}.spinner-md{height:48px;width:48px}.spinner-lg{height:80px;width:80px}.spinner-xl{height:120px;width:120px}.table-wrapper{width:100%}.table-toolbar{align-items:center;background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3);padding:var(--spacing-3)}.table-column-toggle{position:relative}.table-column-toggle-btn{align-items:center;background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast)}.table-column-toggle-btn:hover{background-color:var(--color-background-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.table-column-menu-backdrop{inset:0;position:fixed;z-index:99}.table-column-menu{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--spacing-1);min-width:200px;position:absolute;top:100%;z-index:100}.table-column-menu-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;padding:var(--spacing-3)}.table-column-menu-reset{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);transition:background-color var(--transition-fast)}.table-column-menu-reset:hover{background-color:var(--color-primary-light)}.table-column-menu-items{max-height:300px;overflow-y:auto;padding:var(--spacing-2)}.table-column-menu-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:background-color var(--transition-fast)}.table-column-menu-item:hover{background-color:var(--color-background-tertiary)}.table-column-menu-item input{accent-color:var(--color-primary);height:16px;width:16px}.table-selection-info{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.table-container{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow-x:auto;width:100%}.table-toolbar+.table-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.table-sticky-header .table-head{position:sticky;top:0;z-index:10}.table{border-collapse:collapse;font-size:var(--font-size-sm);min-width:600px;width:100%}.table-head{background-color:var(--color-background-tertiary);border-bottom:2px solid var(--color-border-primary)}.table-header{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:background-color var(--transition-fast);white-space:nowrap}.table-header-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-sortable:hover{background-color:var(--color-background-secondary)}.table-header-sortable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.table-header-checkbox{text-align:center;width:48px}.table-cell-center,.table-header-center{text-align:center}.table-cell-right,.table-header-right{text-align:right}.table-header-content{align-items:center;display:flex;gap:var(--spacing-2)}.table-header-label{flex:1 1}.table-sort-icons{display:flex;flex-direction:column;gap:-4px;opacity:.3;transition:opacity var(--transition-fast)}.table-sort-active{opacity:1}.table-sort-down,.table-sort-up{color:var(--color-text-tertiary);transition:color var(--transition-fast)}.table-sort-down.active,.table-sort-up.active{color:var(--color-primary)}.table-body{background-color:var(--color-background-primary)}.table-row{border-bottom:1px solid var(--color-border-primary);transition:background-color var(--transition-fast)}.table-row:hover{background-color:var(--color-background-secondary)}.table-row:last-child{border-bottom:none}.table-row-clickable{cursor:pointer}.table-row-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.table-row-selected{background-color:rgba(var(--color-primary-rgb),.08)!important}.table-row-selected:hover{background-color:rgba(var(--color-primary-rgb),.12)!important}.table-cell{color:var(--color-text-primary);padding:var(--spacing-3) var(--spacing-4);transition:color var(--transition-fast)}.table-cell-checkbox{text-align:center;width:48px}.table-cell-checkbox input{accent-color:var(--color-primary);height:16px;width:16px}.table-cell-actions{text-align:right;white-space:nowrap}.table-compact .table-cell,.table-compact .table-header{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.table-compact .table-cell-checkbox,.table-compact .table-header-checkbox{width:40px}.table-comfortable .table-cell,.table-comfortable .table-header{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4)}.table-spacious .table-cell,.table-spacious .table-header{font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-5)}.table-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;padding:var(--spacing-12)}.table-loading-gif{height:80px;object-fit:contain;width:80px}.table-empty{flex-direction:column;padding:var(--spacing-12) var(--spacing-6);text-align:center}.table-empty,.table-empty-icon{align-items:center;display:flex;justify-content:center}.table-empty-icon{background-color:var(--color-background-tertiary);border-radius:var(--radius-full);color:var(--color-text-tertiary);height:80px;margin-bottom:var(--spacing-4);width:80px}.table-empty-message{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0 0 var(--spacing-4);max-width:300px}.table-empty-action{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-primary-contrast);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.table-empty-action:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.table-empty-action:active{transform:translateY(0)}@media (max-width:767px){.table-container{background-color:initial;border:none;overflow-x:visible}.table{display:block;min-width:auto}.table-head{display:none}.table-body,.table-row{display:block}.table-row{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.table-row:last-child{margin-bottom:0}.table-cell{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:var(--spacing-2) 0}.table-cell:last-child{border-bottom:none}.table-cell:before{color:var(--color-text-secondary);content:attr(data-label);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-3)}.table-cell-checkbox{display:none}.table-cell-actions{justify-content:flex-start;text-align:left}.table-cell-actions:before{content:"Actions"}.table-toolbar{align-items:stretch;flex-direction:column;gap:var(--spacing-3)}.table-column-toggle{width:100%}.table-column-toggle-btn{justify-content:center;width:100%}}@media (min-width:768px) and (max-width:1023px){.table{font-size:var(--font-size-xs)}.table-cell,.table-header{padding:var(--spacing-2) var(--spacing-3)}}[data-theme=dark] .table-column-menu{background-color:var(--color-background-secondary);box-shadow:0 10px 30px #00000080}[data-theme=dark] .table-empty-icon{background-color:var(--color-background-tertiary)}[data-theme=dark] .table-row-selected{background-color:rgba(var(--color-primary-rgb),.15)!important}[data-theme=dark] .table-row-selected:hover{background-color:rgba(var(--color-primary-rgb),.2)!important}.textarea-wrapper{margin-bottom:var(--spacing-4)}.textarea-label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.textarea-required{color:var(--color-error);margin-left:2px}.textarea{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);min-height:100px;padding:var(--spacing-3);resize:vertical;transition:all var(--transition-fast);width:100%}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.textarea:disabled{background-color:var(--color-background-tertiary);color:var(--color-text-disabled);cursor:not-allowed;resize:none}.textarea-error{border-color:var(--color-error)}.textarea-error-text{color:var(--color-error)}.textarea-error-text,.textarea-helper{display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.textarea-helper{color:var(--color-text-secondary)}.theme-toggle{align-items:center;background-color:var(--color-background-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.theme-toggle:hover{background-color:var(--color-background-secondary);border-color:var(--color-primary)}.theme-icon{height:20px;width:20px}.header{align-items:center;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;height:64px;justify-content:space-between;padding:0 var(--spacing-6);position:sticky;top:0;z-index:var(--z-index-sticky)}.header-left{flex:0 0 auto}.header-right{flex:0 0 auto;gap:var(--spacing-4)}.header-right,.logo{align-items:center;display:flex}.logo{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-3)}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:none;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast)}.user-menu-trigger:hover{background-color:var(--color-background-tertiary)}.user-avatar{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-primary-contrast);display:flex;font-weight:var(--font-weight-semibold);height:32px;justify-content:center;width:32px}.user-avatar,.user-name{font-size:var(--font-size-sm)}.user-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:240px;padding:var(--spacing-2);position:absolute;right:0;top:calc(100% + var(--spacing-2));z-index:var(--z-index-dropdown)}.user-menu-info{padding:var(--spacing-3)}.user-menu-email{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.user-menu-role{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:var(--spacing-1) 0 0;text-transform:capitalize}.user-menu-divider{background-color:var(--color-border-primary);height:1px;margin:var(--spacing-2) 0}.user-menu-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:all var(--transition-fast);width:100%}.user-menu-item:hover{background-color:var(--color-background-tertiary)}.user-menu-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-index-dropdown) - 1)}@media (max-width:768px){.logo-text,.user-name{display:none}}.footer{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border-primary);margin-top:auto;padding:var(--spacing-4) var(--spacing-6)}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px}.footer-text,.footer-version{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}@media (max-width:768px){.footer-content{flex-direction:column;gap:var(--spacing-2);text-align:center}}.page-layout{background-color:var(--color-background-primary);display:flex;flex-direction:column;min-height:100vh}.page-layout-body,.page-layout-main{display:flex;flex:1 1}.page-layout-main{flex-direction:column;overflow-x:hidden}.page-layout-content{flex:1 1;padding:var(--spacing-6)}@media (max-width:768px){.page-layout-content{padding:var(--spacing-4)}}.page-header{background-color:var(--color-background-primary);margin-bottom:var(--spacing-6);padding:var(--spacing-4) 0;transition:box-shadow var(--transition-fast),padding var(--transition-fast)}.page-header-sticky{margin-left:calc(var(--spacing-6)*-1);margin-right:calc(var(--spacing-6)*-1);margin-top:calc(var(--spacing-4)*-1);padding-left:var(--spacing-6);padding-right:var(--spacing-6);position:sticky;top:64px;z-index:var(--z-index-sticky)}.page-header-scrolled{box-shadow:0 2px 8px #00000014;padding-bottom:var(--spacing-3);padding-top:var(--spacing-3)}.page-header-breadcrumbs{margin-bottom:var(--spacing-2)}.page-header-content{align-items:flex-start;display:flex;gap:var(--spacing-4);justify-content:space-between}.page-header-title-section{flex:1 1;min-width:0}.page-header-title-row{align-items:center;display:flex;gap:var(--spacing-3)}.page-header-titles{min-width:0}.page-header-back-button{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.page-header-back-button:hover{background:var(--color-background-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary);transform:translateX(-2px)}.page-header-back-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page-header-back-button:active{transform:translateX(-1px)}.page-header-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:var(--spacing-1) 0 0}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-2)}.page-header-toolbar{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.page-header-search{flex:1 1;max-width:400px;min-width:200px;position:relative}.page-header-search-icon{color:var(--color-text-tertiary);left:var(--spacing-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.page-header-search-input{background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);height:40px;padding:0 var(--spacing-10) 0 calc(var(--spacing-3) + 24px);transition:all var(--transition-fast);width:100%}.page-header-search-input::placeholder{color:var(--color-text-tertiary)}.page-header-search-input:hover{border-color:var(--color-border-secondary)}.page-header-search-input:focus{background-color:var(--color-background-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.page-header-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:24px}.page-header-search-clear:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.page-header-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}@media (max-width:768px){.page-header-sticky{margin-left:calc(var(--spacing-4)*-1);margin-right:calc(var(--spacing-4)*-1);padding-left:var(--spacing-4);padding-right:var(--spacing-4);top:56px}.page-header-content{align-items:stretch;flex-direction:column;gap:var(--spacing-3)}.page-header-title{font-size:var(--font-size-xl)}.page-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.page-header-back-button{height:36px;width:36px}.page-header-toolbar{align-items:stretch;flex-direction:column}.page-header-search{max-width:none;min-width:0}.page-header-filters{width:100%}}@media (min-width:769px) and (max-width:1024px){.page-header-title{font-size:var(--font-size-xl)}.page-header-search{max-width:300px}}[data-theme=dark] .page-header{background-color:var(--color-background-primary)}[data-theme=dark] .page-header-scrolled{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .page-header-back-button{background:var(--color-background-secondary)}[data-theme=dark] .page-header-back-button:hover{background:var(--color-background-tertiary)}[data-theme=dark] .page-header-search-input{background-color:var(--color-background-secondary)}[data-theme=dark] .page-header-search-input:focus{background-color:var(--color-background-primary)}.page-header-sticky{will-change:box-shadow,padding}.page-header.animate .page-header-title{animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.container{margin:0 auto;padding:0 var(--spacing-4);width:100%}.container-sm{max-width:640px}.container-default{max-width:1024px}.container-lg{max-width:1280px}.container-xl{max-width:1536px}.container-full{max-width:100%}@media (max-width:768px){.container{padding:0 var(--spacing-3)}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border:2px solid var(--color-background-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}*{scrollbar-color:var(--color-neutral-400) var(--color-background-secondary);scrollbar-width:thin}::selection{background-color:var(--color-primary);color:#fff}::-moz-selection{background-color:var(--color-primary);color:#fff}.app{display:flex;flex-direction:column;min-height:100vh}.app-container{display:flex;flex:1 1}.app-main{background-color:var(--color-background-primary);flex:1 1;overflow-y:auto}
/*# sourceMappingURL=main.fdda5f00.css.map*/