.freshness-tooltip{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);z-index:1000;min-width:220px;padding:.75rem;background-color:#1f2937;border-radius:.5rem;box-shadow:0 4px 12px #0003;font-size:.75rem;color:#f3f4f6}.freshness-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#1f2937}.freshness-tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.freshness-tooltip-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.freshness-tooltip-label{color:#9ca3af;font-weight:500}.freshness-tooltip-value{color:#f3f4f6;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.6875rem}.freshness-tooltip-url{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-connected{color:#4ade80}.ws-disconnected{color:#facc15}.ws-reconnecting{color:#f87171}.data-freshness-indicator{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1;cursor:default;transition:background-color .2s ease,color .2s ease}.data-freshness-icon{font-size:.625rem;line-height:1}.data-freshness-label{text-transform:uppercase;letter-spacing:.025em}.data-freshness-elapsed{font-weight:400;opacity:.8;text-transform:none;letter-spacing:normal}.freshness-fresh{background-color:#22c55e26;color:#16a34a}.freshness-fresh .data-freshness-icon{color:#22c55e}.freshness-stale{background-color:#eab30826;color:#ca8a04}.freshness-stale .data-freshness-icon{color:#eab308}.freshness-very-stale{background-color:#ef444426;color:#dc2626}.freshness-very-stale .data-freshness-icon{color:#ef4444;animation:freshness-pulse 1.5s ease-in-out infinite}@keyframes freshness-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-color-scheme:dark){.freshness-fresh{background-color:#22c55e33;color:#4ade80}.freshness-fresh .data-freshness-icon{color:#22c55e}.freshness-stale{background-color:#eab30833;color:#facc15}.freshness-stale .data-freshness-icon{color:#eab308}.freshness-very-stale{background-color:#ef444433;color:#f87171}.freshness-very-stale .data-freshness-icon{color:#ef4444}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:var(--header-height, 60px);background-color:var(--color-bg-header, #0f3460);color:var(--color-text-primary, #e4e4e4);box-shadow:0 2px 4px #0003}.header-logo h1{font-size:1.25rem;font-weight:600;margin:0}.header-info{display:flex;align-items:center;gap:1rem}.header-center{display:flex;align-items:center;justify-content:center;flex:1}.header-notice{font-size:.85rem;opacity:.7;font-style:italic}.header-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.user-name{font-weight:500;font-size:.9rem}.user-email{font-size:.75rem;opacity:.75}.header-logout-button{padding:.4rem .75rem;font-size:.85rem;font-weight:500;color:var(--color-bg-header, #0f3460);background-color:var(--color-text-primary, #e4e4e4);border:none;border-radius:4px;cursor:pointer;transition:background-color .15s,opacity .15s}.header-logout-button:hover{opacity:.9}.header-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;background:transparent;border:none;cursor:pointer;margin-right:.75rem}.header-hamburger__line{display:block;width:24px;height:2px;background-color:var(--color-text-primary, #e4e4e4);border-radius:1px;transition:transform .2s ease,opacity .2s ease}.header-hamburger--open .header-hamburger__line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header-hamburger--open .header-hamburger__line:nth-child(2){opacity:0}.header-hamburger--open .header-hamburger__line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.header-hamburger{display:flex}.header-logo h1{font-size:1rem}.header-center,.header-info,.user-info{display:none}.header-user{gap:.5rem}.header-logout-button{padding:.35rem .5rem;font-size:.75rem}}.sidebar{width:var(--sidebar-width, 224px);height:100%;background-color:var(--color-bg-sidebar, #163e21);display:flex;flex-direction:column;padding:1rem 0}.sidebar__nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.sidebar__item{margin:0;padding:0}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:var(--color-text-primary, #e4e4e4);text-decoration:none;font-size:.95rem;font-weight:500;border-left:3px solid transparent;transition:background-color .15s ease,border-color .15s ease}.sidebar__link:hover{background-color:#ffffff0d;color:var(--color-accent-hover, #00b4d8)}.sidebar__link--active{background-color:#0077b626;border-left-color:var(--color-accent, #0077b6);color:var(--color-accent-hover, #00b4d8)}.sidebar__icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:1.5rem}.sidebar__label{flex:1}.app-layout{display:grid;grid-template-areas:"header header" "sidebar main";grid-template-rows:var(--header-height, 60px) 1fr;grid-template-columns:var(--sidebar-width, 224px) 1fr;min-height:100vh;background-color:var(--color-bg-primary, #1a2e1a)}.app-layout__header{grid-area:header;z-index:10}.app-layout__sidebar{grid-area:sidebar;overflow-y:auto}.app-layout__main{grid-area:main;overflow-y:auto;padding:1.5rem;background-color:var(--color-bg-primary, #1a2e1a)}.app-layout__main>*{max-width:100%}.app-layout__overlay{display:none}@media(max-width:768px){.app-layout{grid-template-areas:"header" "main";grid-template-columns:1fr}.app-layout__sidebar{position:fixed;top:var(--header-height, 60px);left:0;bottom:0;width:var(--sidebar-width, 224px);z-index:40;transform:translate(-100%);transition:transform .25s ease-out}.app-layout__sidebar--open{transform:translate(0)}.app-layout__overlay{display:block;position:fixed;top:var(--header-height, 60px);left:0;right:0;bottom:0;background-color:#00000080;z-index:35}.app-layout__main{padding:1rem}}body.mobile-menu-open{overflow:hidden}body.screenshot-mode .app-layout{grid-template-areas:"header" "main";grid-template-columns:1fr}body.screenshot-mode .app-layout__sidebar{display:none}body.screenshot-mode .app-layout__main{width:100%}.copy-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background-color:var(--color-accent, #0077b6);border:none;border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.copy-button:hover{background-color:var(--color-accent-hover, #005f8a)}.copy-button:active{transform:scale(.98)}.copy-button--copied,.copy-button--copied:hover{background-color:var(--color-healthy, #10b981)}.copy-button--failed,.copy-button--failed:hover{background-color:var(--color-critical, #ef4444)}.copy-button__icon{width:1rem;height:1rem;flex-shrink:0}.add-agent-dialog__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:add-agent-dialog-fade-in .15s ease-out}@keyframes add-agent-dialog-fade-in{0%{opacity:0}to{opacity:1}}.add-agent-dialog{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;background-color:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2a3f5f);border-radius:8px;box-shadow:0 8px 32px #0006;animation:add-agent-dialog-slide-up .15s ease-out}@keyframes add-agent-dialog-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.add-agent-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border, #2a3f5f)}.add-agent-dialog__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #e4e4e4)}.add-agent-dialog__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary, #a0a0a0);cursor:pointer;transition:background-color .2s ease,color .2s ease}.add-agent-dialog__close:hover{background-color:var(--color-bg-hover, #1a2744);color:var(--color-text-primary, #e4e4e4)}.add-agent-dialog__close svg{width:1.25rem;height:1.25rem}.add-agent-dialog__content{padding:1.5rem}.add-agent-dialog__label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #e4e4e4)}.add-agent-dialog__input{width:100%;padding:.625rem .75rem;background-color:var(--color-bg, #0a0f1c);border:1px solid var(--color-border, #2a3f5f);border-radius:4px;color:var(--color-text-primary, #e4e4e4);font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s ease}.add-agent-dialog__input:focus{border-color:var(--color-accent, #0077b6)}.add-agent-dialog__input:disabled{opacity:.6;cursor:not-allowed}.add-agent-dialog__hint{margin:.5rem 0 0;font-size:.8125rem;color:var(--color-text-secondary, #a0a0a0);line-height:1.4}.add-agent-dialog__error{margin:.75rem 0 0;padding:.625rem .75rem;background-color:#ef44441a;border:1px solid var(--color-critical, #ef4444);border-radius:4px;font-size:.8125rem;color:var(--color-critical, #ef4444)}.add-agent-dialog__warning{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:1.25rem;padding:.75rem;background-color:#f59e0b1a;border:1px solid var(--color-warning, #f59e0b);border-radius:4px;font-size:.8125rem;color:var(--color-warning, #f59e0b);line-height:1.4}.add-agent-dialog__warning-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.add-agent-dialog__section{margin-bottom:1.25rem}.add-agent-dialog__section:last-child{margin-bottom:0}.add-agent-dialog__api-key{display:flex;align-items:center;gap:.75rem}.add-agent-dialog__code{display:block;padding:.625rem .75rem;background-color:var(--color-bg, #0a0f1c);border:1px solid var(--color-border, #2a3f5f);border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8125rem;color:var(--color-text-primary, #e4e4e4);word-break:break-all}.add-agent-dialog__code--key{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-agent-dialog__command-wrapper{max-height:150px;overflow-y:auto;margin-bottom:.75rem}.add-agent-dialog__code--command{white-space:pre-wrap;line-height:1.5}.add-agent-dialog__copy-btn{flex-shrink:0}.add-agent-dialog__copy-btn--full{width:100%;justify-content:center}.add-agent-dialog__actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border, #2a3f5f)}.add-agent-dialog__btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.add-agent-dialog__btn:disabled{opacity:.6;cursor:not-allowed}.add-agent-dialog__btn--cancel{background-color:transparent;border:1px solid var(--color-border, #2a3f5f);color:var(--color-text-secondary, #a0a0a0)}.add-agent-dialog__btn--cancel:hover:not(:disabled){background-color:var(--color-bg-hover, #1a2744);color:var(--color-text-primary, #e4e4e4)}.add-agent-dialog__btn--primary{background-color:var(--color-accent, #0077b6);border:none;color:#fff}.add-agent-dialog__btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover, #005f8a)}.rotate-key-dialog__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:rotate-key-dialog-fade-in .15s ease-out}@keyframes rotate-key-dialog-fade-in{0%{opacity:0}to{opacity:1}}.rotate-key-dialog{width:90%;max-width:520px;max-height:90vh;overflow-y:auto;background-color:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2a3f5f);border-radius:8px;box-shadow:0 8px 32px #0006;animation:rotate-key-dialog-slide-up .15s ease-out}@keyframes rotate-key-dialog-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.rotate-key-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border, #2a3f5f)}.rotate-key-dialog__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #e4e4e4)}.rotate-key-dialog__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary, #a0a0a0);cursor:pointer;transition:background-color .2s ease,color .2s ease}.rotate-key-dialog__close:hover{background-color:var(--color-bg-hover, #1a2744);color:var(--color-text-primary, #e4e4e4)}.rotate-key-dialog__close svg{width:1.25rem;height:1.25rem}.rotate-key-dialog__content{padding:1.5rem}.rotate-key-dialog__warning{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:1.25rem;padding:.75rem;background-color:#f59e0b1a;border:1px solid var(--color-warning, #f59e0b);border-radius:4px;font-size:.8125rem;color:var(--color-warning, #f59e0b);line-height:1.4}.rotate-key-dialog__warning-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.rotate-key-dialog__error{margin:.75rem 0 0;padding:.625rem .75rem;background-color:#ef44441a;border:1px solid var(--color-critical, #ef4444);border-radius:4px;font-size:.8125rem;color:var(--color-critical, #ef4444)}.rotate-key-dialog__section{margin-bottom:1.25rem}.rotate-key-dialog__section:last-child{margin-bottom:0}.rotate-key-dialog__label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #e4e4e4)}.rotate-key-dialog__api-key{display:flex;align-items:center;gap:.75rem}.rotate-key-dialog__code{display:block;flex:1;min-width:0;padding:.625rem .75rem;background-color:var(--color-bg, #0a0f1c);border:1px solid var(--color-border, #2a3f5f);border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8125rem;color:var(--color-text-primary, #e4e4e4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rotate-key-dialog__copy-btn{flex-shrink:0}.rotate-key-dialog__actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border, #2a3f5f)}.rotate-key-dialog__btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.rotate-key-dialog__btn:disabled{opacity:.6;cursor:not-allowed}.rotate-key-dialog__btn--cancel{background-color:transparent;border:1px solid var(--color-border, #2a3f5f);color:var(--color-text-secondary, #a0a0a0)}.rotate-key-dialog__btn--cancel:hover:not(:disabled){background-color:var(--color-bg-hover, #1a2744);color:var(--color-text-primary, #e4e4e4)}.rotate-key-dialog__btn--primary{background-color:var(--color-accent, #0077b6);border:none;color:#fff}.rotate-key-dialog__btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover, #005f8a)}.status-tooltip{position:absolute;z-index:1000;min-width:200px;max-width:300px;padding:.75rem;background:var(--color-background-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:6px;box-shadow:0 4px 12px #00000026;pointer-events:none}.status-tooltip__content{display:flex;flex-direction:column;gap:.25rem}.status-tooltip__status{font-size:.875rem;font-weight:600;color:var(--color-text-primary, #1e293b)}.status-tooltip__explanation{font-size:.75rem;color:var(--color-text-secondary, #64748b);line-height:1.4}.status-tooltip--healthy .status-tooltip__status{color:var(--color-success, #22c55e)}.status-tooltip--warning .status-tooltip__status{color:var(--color-warning, #f59e0b)}.status-tooltip--critical .status-tooltip__status{color:var(--color-error, #ef4444)}.status-tooltip--offline .status-tooltip__status,.status-tooltip--unknown .status-tooltip__status{color:var(--color-text-tertiary, #94a3b8)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.status-badge--medium{font-size:.875rem}.status-badge--small{font-size:.75rem;gap:.375rem}.status-badge__dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.status-badge--small .status-badge__dot{width:.375rem;height:.375rem}.status-badge--healthy .status-badge__dot{background-color:var(--color-healthy)}.status-badge--healthy .status-badge__label{color:var(--color-healthy)}.status-badge--warning .status-badge__dot{background-color:var(--color-warning)}.status-badge--warning .status-badge__label{color:var(--color-warning)}.status-badge--critical .status-badge__dot{background-color:var(--color-critical)}.status-badge--critical .status-badge__label{color:var(--color-critical)}.status-badge--offline .status-badge__dot,.status-badge--unknown .status-badge__dot{background-color:var(--color-offline)}.status-badge--offline .status-badge__label,.status-badge--unknown .status-badge__label{color:var(--color-offline)}.status-badge--interactive{position:relative;cursor:pointer}.status-badge--interactive .status-tooltip{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.confirm-dialog__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:confirm-dialog-fade-in .15s ease-out}@keyframes confirm-dialog-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{width:90%;max-width:400px;padding:1.5rem;background-color:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2a3f5f);border-radius:8px;box-shadow:0 8px 32px #0006;animation:confirm-dialog-slide-up .15s ease-out}@keyframes confirm-dialog-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog__title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #e4e4e4)}.confirm-dialog__message{margin:0 0 1.5rem;font-size:.875rem;line-height:1.5;color:var(--color-text-secondary, #a0a0a0)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:.75rem}.confirm-dialog__btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.confirm-dialog__btn:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog__btn--cancel{background-color:transparent;border:1px solid var(--color-border, #2a3f5f);color:var(--color-text-secondary, #a0a0a0)}.confirm-dialog__btn--cancel:hover:not(:disabled){background-color:var(--color-bg-hover, #1a2744);color:var(--color-text-primary, #e4e4e4)}.confirm-dialog__btn--confirm{background-color:var(--color-accent, #0077b6);border:none;color:#fff}.confirm-dialog__btn--confirm:hover:not(:disabled){background-color:var(--color-accent-hover, #005f8a)}.confirm-dialog__btn--destructive{background-color:var(--color-critical, #ef4444)}.confirm-dialog__btn--destructive:hover:not(:disabled){background-color:#dc2626}.agents-page{padding:1.5rem}.agents-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.agents-page__title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #e4e4e4)}.agents-page__add-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background-color:var(--color-accent, #0077b6);border:none;border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.agents-page__add-btn:hover{background-color:var(--color-accent-hover, #005f8a)}.agents-page__description{margin:0 0 1.5rem;font-size:.875rem;color:var(--color-text-secondary, #a0a0a0);line-height:1.5}.agents-page__loading{display:flex;justify-content:center;padding:3rem;font-size:.875rem;color:var(--color-text-secondary, #a0a0a0)}.agents-page__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;background-color:#ef44441a;border:1px solid var(--color-critical, #ef4444);border-radius:8px;text-align:center}.agents-page__error p{margin:0;color:var(--color-critical, #ef4444)}.agents-page__error button{padding:.5rem 1rem;background-color:var(--color-accent, #0077b6);border:none;border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer}.agents-page__error button:hover{background-color:var(--color-accent-hover, #005f8a)}.agents-page__empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;background-color:var(--color-bg-card, #163e21);border:1px dashed var(--color-border, #2a3f5f);border-radius:8px;text-align:center}.agents-page__empty p{margin:0;color:var(--color-text-secondary, #a0a0a0);font-size:.875rem}.agents-page__table-container{overflow-x:auto}.agents-table{width:100%;border-collapse:collapse;background-color:var(--color-bg-card, #163e21);border-radius:8px;overflow:hidden}.agents-table th{padding:.875rem 1rem;background-color:var(--color-bg, #0a0f1c);border-bottom:1px solid var(--color-border, #2a3f5f);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #a0a0a0);text-align:left}.agents-table td{padding:.875rem 1rem;border-bottom:1px solid var(--color-border, #2a3f5f);font-size:.875rem;color:var(--color-text-primary, #e4e4e4)}.agents-table__row{cursor:pointer;transition:background-color .15s ease}.agents-table__row:hover{background-color:var(--color-bg-hover, #1a2744)}.agents-table__row:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:-2px}.agents-table__hostname{font-weight:500}.agents-table__os{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agents-table tbody tr:last-child td{border-bottom:none}.agents-table__actions-header{width:160px;text-align:center}.agents-table__actions{text-align:center;display:flex;gap:.5rem;justify-content:center}.agents-table__delete-btn{padding:.375rem .75rem;background-color:transparent;border:1px solid var(--color-critical, #ef4444);border-radius:4px;color:var(--color-critical, #ef4444);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.agents-table__delete-btn:hover{background-color:var(--color-critical, #ef4444);color:#fff}.agents-table__delete-btn:focus{outline:2px solid var(--color-critical, #ef4444);outline-offset:2px}.agents-table__rotate-btn{padding:.375rem .75rem;background-color:transparent;border:1px solid var(--color-accent, #0077b6);border-radius:4px;color:var(--color-accent, #0077b6);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.agents-table__rotate-btn:hover{background-color:var(--color-accent, #0077b6);color:#fff}.agents-table__rotate-btn:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px}.alert-table__container{overflow-x:auto;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:transparent}.alert-table{width:100%;border-collapse:collapse;font-size:.875rem}.alert-table__header{padding:12px 16px;text-align:left;font-weight:600;color:var(--color-text-secondary, #666666);background:var(--color-surface-alt, #f5f5f5);border-bottom:2px solid var(--color-border, #e0e0e0);white-space:nowrap}.alert-table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.alert-table__header--sortable:hover{background:var(--color-surface-hover, #eeeeee)}.alert-table__header--active{color:var(--color-primary, #1976d2);background:var(--color-primary-light, #e3f2fd)}.alert-table__header-content{display:inline-flex;align-items:center;gap:6px}.alert-table__sort-icon{font-size:.65rem;opacity:.8;min-width:10px}.alert-table__row{border-bottom:1px solid var(--color-border-light, #f0f0f0);cursor:pointer;transition:background-color .15s ease}.alert-table__row:hover{background:var(--color-surface-hover, #f5f5f5)}.alert-table__row:focus{outline:2px solid var(--color-primary, #1976d2);outline-offset:-2px}.alert-table__row--active{background:var(--color-warning-light, #fff8e1)}.alert-table__row--active:hover{background:var(--color-warning-lighter, #fff3cd)}.alert-table__cell{padding:12px 16px;vertical-align:middle}.alert-table__timestamp{color:var(--color-text-secondary, #666666);font-size:.8125rem}.alert-table__hostname{font-weight:500;color:var(--color-text-primary, #333333)}.alert-table__metric{text-transform:capitalize;color:var(--color-text-secondary, #666666)}.alert-table__value{font-weight:600;font-family:monospace}.alert-table__threshold{color:var(--color-text-tertiary, #999999);font-family:monospace}.alert-table__severity{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.alert-table__severity--critical{background:var(--color-error-light, #ffebee);color:var(--color-error, #d32f2f)}.alert-table__severity--warning{background:var(--color-warning-light, #fff8e1);color:var(--color-warning-dark, #f57c00)}.alert-table__severity--info{background:var(--color-info-light, #e3f2fd);color:var(--color-info, #1976d2)}.alert-table__status{font-weight:500}.alert-table__status--active{color:var(--color-error, #d32f2f)}.alert-table__status--resolved{color:var(--color-success, #2e7d32)}.alert-table__duration{color:var(--color-text-secondary, #666666);font-family:monospace;font-size:.8125rem}.alert-table__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--color-text-secondary, #666666)}.alert-table__loading-spinner{width:32px;height:32px;border:3px solid var(--color-border, #e0e0e0);border-top-color:var(--color-primary, #1976d2);border-radius:50%;animation:alert-table-spin 1s linear infinite}@keyframes alert-table-spin{to{transform:rotate(360deg)}}.alert-table__empty{padding:48px;text-align:center;color:var(--color-text-secondary, #666666)}@media(max-width:768px){.alert-table__header,.alert-table__cell{padding:8px 12px;font-size:.8125rem}.alert-table__severity{padding:2px 6px;font-size:.6875rem}}.alert-filters{padding:16px;background:transparent;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;margin-bottom:16px}.alert-filters__row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.alert-filters__group{display:flex;flex-direction:column;gap:4px;min-width:120px}.alert-filters__group--search{flex:1;min-width:180px;max-width:300px}.alert-filters__label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #666666);text-transform:uppercase;letter-spacing:.5px}.alert-filters__select,.alert-filters__input{height:36px;padding:0 12px;font-size:.875rem;border:1px solid var(--color-border, #e0e0e0);border-radius:4px;background:var(--color-surface, #ffffff);color:var(--color-text-primary, #333333);transition:border-color .15s ease,box-shadow .15s ease}.alert-filters__select:hover,.alert-filters__input:hover{border-color:var(--color-border-hover, #bdbdbd)}.alert-filters__select:focus,.alert-filters__input:focus{outline:none;border-color:var(--color-primary, #1976d2);box-shadow:0 0 0 3px var(--color-primary-light, rgba(25, 118, 210, .2))}.alert-filters__input--date{width:140px}.alert-filters__reset{height:36px;padding:0 16px;font-size:.875rem;font-weight:500;color:var(--color-error, #d32f2f);background:transparent;border:1px solid var(--color-error-light, #ffcdd2);border-radius:4px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.alert-filters__reset:hover{background:var(--color-error-light, #ffebee);border-color:var(--color-error, #d32f2f)}.alert-filters__reset:focus{outline:none;box-shadow:0 0 0 3px var(--color-error-light, rgba(211, 47, 47, .2))}@media(max-width:768px){.alert-filters__row{flex-direction:column;gap:12px}.alert-filters__group{width:100%;min-width:unset}.alert-filters__group--search{max-width:unset}.alert-filters__input--date,.alert-filters__reset{width:100%}}.pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;margin-top:16px}.pagination__info{display:flex;align-items:center;gap:16px}.pagination__count{font-size:.875rem;color:var(--color-text-secondary, #666666)}.pagination__page-size{display:flex;align-items:center;gap:8px}.pagination__label{font-size:.875rem;color:var(--color-text-secondary, #666666)}.pagination__select{height:32px;padding:0 8px;font-size:.875rem;border:1px solid var(--color-border, #e0e0e0);border-radius:4px;background:var(--color-surface, #ffffff);color:var(--color-text-primary, #333333);cursor:pointer;transition:border-color .15s ease}.pagination__select:hover{border-color:var(--color-border-hover, #bdbdbd)}.pagination__select:focus{outline:none;border-color:var(--color-primary, #1976d2);box-shadow:0 0 0 2px var(--color-primary-light, rgba(25, 118, 210, .2))}.pagination__controls{display:flex;align-items:center;gap:4px}.pagination__pages{display:flex;align-items:center;gap:2px}.pagination__button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #666666);background:transparent;border:1px solid var(--color-border, #e0e0e0);border-radius:4px;cursor:pointer;transition:all .15s ease}.pagination__button:hover:not(:disabled){color:var(--color-primary, #1976d2);border-color:var(--color-primary, #1976d2);background:var(--color-primary-light, #e3f2fd)}.pagination__button:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light, rgba(25, 118, 210, .2))}.pagination__button:disabled{opacity:.5;cursor:not-allowed}.pagination__button--nav{padding:0 12px}.pagination__button--page{min-width:36px}.pagination__button--active{color:var(--color-on-primary, #ffffff);background:var(--color-primary, #1976d2);border-color:var(--color-primary, #1976d2)}.pagination__button--active:hover:not(:disabled){color:var(--color-on-primary, #ffffff);background:var(--color-primary-dark, #1565c0);border-color:var(--color-primary-dark, #1565c0)}.pagination__ellipsis{padding:0 8px;color:var(--color-text-tertiary, #999999)}@media(max-width:768px){.pagination{flex-direction:column;align-items:stretch;gap:12px}.pagination__info{justify-content:space-between}.pagination__controls{justify-content:center}.pagination__button--nav{padding:0 8px;font-size:.8125rem}}@media(max-width:480px){.pagination__pages{gap:1px}.pagination__button--page{min-width:32px;padding:0 4px}}.alerts-page{padding:24px;max-width:1400px;margin:0 auto}.alerts-page__header{margin-bottom:24px}.alerts-page__title-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.alerts-page__title{font-size:1.75rem;font-weight:600;color:var(--color-text-primary, #333333);margin:0}.alerts-page__stats{display:flex;gap:16px}.alerts-page__stat{font-size:.875rem;padding:6px 12px;border-radius:16px;font-weight:500}.alerts-page__stat--total{background:var(--color-surface-alt, #f5f5f5);color:var(--color-text-secondary, #666666)}.alerts-page__stat--active{background:var(--color-error-light, #ffebee);color:var(--color-error, #d32f2f)}.alerts-page__stat--resolved{background:var(--color-success-light, #e8f5e9);color:var(--color-success, #2e7d32)}.alerts-page__error{padding:48px;text-align:center;background:var(--color-error-light, #ffebee);border:1px solid var(--color-error-border, #ffcdd2);border-radius:8px}.alerts-page__error-title{font-size:1.125rem;font-weight:600;color:var(--color-error, #d32f2f);margin:0 0 8px}.alerts-page__error-message{font-size:.875rem;color:var(--color-error-dark, #b71c1c);margin:0 0 16px}.alerts-page__retry-button{padding:8px 24px;font-size:.875rem;font-weight:500;color:var(--color-on-primary, #ffffff);background:var(--color-error, #d32f2f);border:none;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.alerts-page__retry-button:hover{background:var(--color-error-dark, #b71c1c)}.alerts-page__retry-button:focus{outline:none;box-shadow:0 0 0 3px var(--color-error-light, rgba(211, 47, 47, .3))}.alerts-page__empty{padding:64px 24px;text-align:center;background:transparent;border:1px solid var(--color-border, #e0e0e0);border-radius:8px}.alerts-page__empty-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #333333);margin:0 0 8px}.alerts-page__empty-message{font-size:.875rem;color:var(--color-text-secondary, #666666);margin:0}.alerts-page__empty-link{font-size:.875rem;color:var(--color-primary, #1976d2);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;transition:color .15s ease}.alerts-page__empty-link:hover{color:var(--color-primary-dark, #1565c0)}.alerts-page__empty-link:focus{outline:2px solid var(--color-primary, #1976d2);outline-offset:2px}@media(max-width:768px){.alerts-page{padding:16px}.alerts-page__title-row{flex-direction:column;align-items:flex-start}.alerts-page__title{font-size:1.5rem}.alerts-page__stats{flex-wrap:wrap;gap:8px}.alerts-page__stat{font-size:.8125rem;padding:4px 10px}}.alert-rule-list{width:100%}.alert-rule-list--loading,.alert-rule-list--empty{padding:2rem;background-color:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2a3f5f);border-radius:8px}.alert-rule-list__skeleton{height:3rem;background:linear-gradient(90deg,var(--color-bg-sidebar, #163e21) 25%,var(--color-border, #2a3f5f) 50%,var(--color-bg-sidebar, #163e21) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.alert-rule-list__empty-message{text-align:center;color:var(--color-text-secondary, #a0a0a0);font-size:.875rem}.alert-rule-list__table{width:100%;border-collapse:collapse;background-color:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2a3f5f);border-radius:8px;overflow:hidden}.alert-rule-list__table th,.alert-rule-list__table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border, #2a3f5f)}.alert-rule-list__table th{background-color:var(--color-bg-sidebar, #0f172a);color:var(--color-text-secondary, #a0a0a0);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.alert-rule-list__table tbody tr:last-child td{border-bottom:none}.alert-rule-list__row{transition:background-color .2s ease}.alert-rule-list__row:hover{background-color:var(--color-bg-hover, #1a2744)}.alert-rule-list__row--disabled{opacity:.6}.alert-rule-list__name{font-weight:500;color:var(--color-text-primary, #e4e4e4)}.alert-rule-list__condition{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--color-text-secondary, #a0a0a0)}.alert-rule-list__severity{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.alert-rule-list__severity--warning{background-color:#f59e0b26;color:var(--color-warning, #f59e0b)}.alert-rule-list__severity--critical{background-color:#ef444426;color:var(--color-critical, #ef4444)}.alert-rule-list__scope{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary, #a0a0a0);font-size:.875rem}.alert-rule-list__toggle{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;background:none;border:none;padding:0;cursor:pointer}.alert-rule-list__toggle:disabled{opacity:.5;cursor:not-allowed}.alert-rule-list__toggle-track{display:block;width:44px;height:24px;background-color:var(--color-border, #2a3f5f);border-radius:12px;transition:background-color .2s ease}.alert-rule-list__toggle--on .alert-rule-list__toggle-track{background-color:var(--color-accent, #0077b6)}.alert-rule-list__toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.alert-rule-list__toggle--on .alert-rule-list__toggle-thumb{transform:translate(20px)}.alert-rule-list__actions{display:flex;gap:.5rem}.alert-rule-list__action-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.alert-rule-list__action-btn--edit{background-color:transparent;border:1px solid var(--color-border, #2a3f5f);color:var(--color-text-secondary, #a0a0a0)}.alert-rule-list__action-btn--edit:hover{background-color:var(--color-bg-hover, #1a2744);color:var(--color-text-primary, #e4e4e4)}.alert-rule-list__action-btn--delete{background-color:transparent;border:1px solid rgba(239,68,68,.3);color:var(--color-critical, #ef4444)}.alert-rule-list__action-btn--delete:hover{background-color:#ef44441a}@media(max-width:768px){.alert-rule-list__table{font-size:.875rem}.alert-rule-list__table th,.alert-rule-list__table td{padding:.5rem}.alert-rule-list__scope{max-width:100px}}.alert-rule-form{width:100%;max-width:600px;padding:1.5rem;background-color:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2a3f5f);border-radius:8px}.alert-rule-form__title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #e4e4e4)}.alert-rule-form__error-banner{margin-bottom:1rem;padding:.75rem 1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:var(--color-critical, #ef4444);font-size:.875rem}.alert-rule-form__field{margin-bottom:1.25rem}.alert-rule-form__row{display:flex;gap:1rem}.alert-rule-form__row .alert-rule-form__field{flex:1}.alert-rule-form__label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #a0a0a0)}.alert-rule-form__input,.alert-rule-form__select{width:100%;padding:.625rem .75rem;font-size:.875rem;font-family:inherit;color:var(--color-text-primary, #e4e4e4);background-color:var(--color-bg-sidebar, #0f172a);border:1px solid var(--color-border, #2a3f5f);border-radius:4px;transition:border-color .2s ease,box-shadow .2s ease}.alert-rule-form__input:focus,.alert-rule-form__select:focus{outline:none;border-color:var(--color-accent, #0077b6);box-shadow:0 0 0 2px #0077b633}.alert-rule-form__input--error{border-color:var(--color-critical, #ef4444)}.alert-rule-form__input--error:focus{box-shadow:0 0 0 2px #ef444433}.alert-rule-form__input:disabled,.alert-rule-form__select:disabled{opacity:.6;cursor:not-allowed}.alert-rule-form__hint{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-text-secondary, #a0a0a0)}.alert-rule-form__error{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-critical, #ef4444)}.alert-rule-form__severity-options{display:flex;gap:1rem}.alert-rule-form__severity-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--color-border, #2a3f5f);border-radius:4px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.alert-rule-form__severity-option input{display:none}.alert-rule-form__severity-option--warning{color:var(--color-warning, #f59e0b)}.alert-rule-form__severity-option--critical{color:var(--color-critical, #ef4444)}.alert-rule-form__severity-option--selected.alert-rule-form__severity-option--warning{background-color:#f59e0b26;border-color:var(--color-warning, #f59e0b)}.alert-rule-form__severity-option--selected.alert-rule-form__severity-option--critical{background-color:#ef444426;border-color:var(--color-critical, #ef4444)}.alert-rule-form__severity-option:hover:not(.alert-rule-form__severity-option--selected){background-color:var(--color-bg-hover, #1a2744)}.alert-rule-form__checkbox-list{max-height:200px;overflow-y:auto;padding:.5rem;background-color:var(--color-bg-sidebar, #0f172a);border:1px solid var(--color-border, #2a3f5f);border-radius:4px}.alert-rule-form__checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;color:var(--color-text-primary, #e4e4e4);border-radius:4px;cursor:pointer;transition:background-color .2s ease}.alert-rule-form__checkbox-item:hover{background-color:var(--color-bg-hover, #1a2744)}.alert-rule-form__checkbox-item--selected{background-color:#0077b61a}.alert-rule-form__checkbox-item input{accent-color:var(--color-accent, #0077b6)}.alert-rule-form__tag-dot{width:8px;height:8px;border-radius:50%}.alert-rule-form__empty{padding:.5rem;font-size:.875rem;color:var(--color-text-secondary, #a0a0a0);font-style:italic}.alert-rule-form__toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.alert-rule-form__toggle-label input{width:18px;height:18px;accent-color:var(--color-accent, #0077b6)}.alert-rule-form__toggle-text{font-size:.875rem;color:var(--color-text-primary, #e4e4e4)}.alert-rule-form__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #2a3f5f)}.alert-rule-form__btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.alert-rule-form__btn:disabled{opacity:.6;cursor:not-allowed}.alert-rule-form__btn--cancel{background-color:transparent;border:1px solid var(--color-border, #2a3f5f);color:var(--color-text-secondary, #a0a0a0)}.alert-rule-form__btn--cancel:hover:not(:disabled){background-color:var(--color-bg-hover, #1a2744);color:var(--color-text-primary, #e4e4e4)}.alert-rule-form__btn--submit{background-color:var(--color-accent, #0077b6);border:none;color:#fff}.alert-rule-form__btn--submit:hover:not(:disabled){background-color:var(--color-accent-hover, #005f8a)}@media(max-width:480px){.alert-rule-form{padding:1rem}.alert-rule-form__row{flex-direction:column;gap:0}.alert-rule-form__severity-options{flex-direction:column;gap:.5rem}.alert-rule-form__severity-option{justify-content:center}}.alert-settings-page{padding:1.5rem;max-width:1200px;margin:0 auto}.alert-settings-page__header{margin-bottom:1.5rem}.alert-settings-page__title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.alert-settings-page__title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #e4e4e4)}.alert-settings-page__description{margin:0;font-size:.875rem;color:var(--color-text-secondary, #a0a0a0);line-height:1.5}.alert-settings-page__add-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:var(--color-accent, #0077b6);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.alert-settings-page__add-btn:hover{background-color:var(--color-accent-hover, #005f8a)}.alert-settings-page__back-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:transparent;border:1px solid var(--color-border, #2a3f5f);border-radius:4px;color:var(--color-text-secondary, #a0a0a0);cursor:pointer;transition:background-color .2s ease,color .2s ease}.alert-settings-page__back-btn:hover{background-color:var(--color-bg-hover, #1a2744);color:var(--color-text-primary, #e4e4e4)}.alert-settings-page__form-container{display:flex;justify-content:center;padding-top:1rem}.alert-settings-page__error{padding:2rem;text-align:center;background-color:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2a3f5f);border-radius:8px}.alert-settings-page__error p{margin:0 0 1rem;color:var(--color-critical, #ef4444)}.alert-settings-page__retry-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:var(--color-accent, #0077b6);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s ease}.alert-settings-page__retry-btn:hover{background-color:var(--color-accent-hover, #005f8a)}@media(max-width:768px){.alert-settings-page{padding:1rem}.alert-settings-page__title-row{flex-direction:column;align-items:flex-start}.alert-settings-page__title{font-size:1.25rem}.alert-settings-page__add-btn{width:100%;text-align:center}}.comparison-chart{background:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2d4832);border-radius:.5rem;padding:1rem}.comparison-chart--empty{display:flex;align-items:center;justify-content:center}.comparison-chart__no-data{font-size:.875rem;color:var(--color-text-secondary, #a0aec0)}.comparison-chart__title{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary, #f0f4f8)}.comparison-chart .recharts-legend-wrapper{padding-top:.5rem!important}.comparison-chart .recharts-legend-item-text{color:var(--color-text-secondary, #a0aec0)!important;font-size:.75rem!important}.comparison-chart .recharts-tooltip-wrapper{z-index:100}.comparison-page{padding:1.5rem;max-width:1600px;margin:0 auto}.comparison-page__header{margin-bottom:1.5rem}.comparison-page__title{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #f0f4f8)}.comparison-page__subtitle{margin:0;font-size:.875rem;color:var(--color-text-secondary, #a0aec0)}.comparison-page__loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary, #a0aec0)}.comparison-page__controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.comparison-page__section{background:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2d4832);border-radius:.5rem;padding:1rem}.comparison-page__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.comparison-page__section-title{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text-primary, #f0f4f8)}.comparison-page__section-actions{display:flex;gap:.5rem}.comparison-page__action-btn{padding:.25rem .75rem;font-size:.75rem;background:var(--color-bg-secondary, #1a4d28);border:1px solid var(--color-border, #2d4832);border-radius:.25rem;color:var(--color-text-secondary, #a0aec0);cursor:pointer;transition:all .15s ease}.comparison-page__action-btn:hover:not(:disabled){background:var(--color-bg-hover, #205530);color:var(--color-text-primary, #f0f4f8)}.comparison-page__action-btn:disabled{opacity:.5;cursor:not-allowed}.comparison-page__server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.comparison-page__server-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-secondary, #1a4d28);border:1px solid var(--color-border, #2d4832);border-radius:.375rem;cursor:pointer;transition:all .15s ease}.comparison-page__server-item:hover{background:var(--color-bg-hover, #205530)}.comparison-page__server-item--selected{background:var(--color-primary-dark, #065f46);border-color:var(--color-primary, #10b981)}.comparison-page__server-item input[type=checkbox]{accent-color:var(--color-primary, #10b981)}.comparison-page__server-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.comparison-page__server-status--online{background:var(--color-success, #10b981);box-shadow:0 0 4px var(--color-success, #10b981)}.comparison-page__server-status--offline{background:var(--color-error, #ef4444)}.comparison-page__server-status--warning{background:var(--color-warning, #f59e0b)}.comparison-page__server-hostname{font-size:.8125rem;color:var(--color-text-primary, #f0f4f8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-page__filters{display:flex;flex-wrap:wrap;gap:1.5rem}.comparison-page__filter-group{display:flex;flex-direction:column;gap:.5rem}.comparison-page__filter-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #a0aec0);text-transform:uppercase;letter-spacing:.05em}.comparison-page__metric-buttons{display:flex;flex-wrap:wrap;gap:.375rem}.comparison-page__metric-btn{padding:.375rem .75rem;font-size:.8125rem;background:var(--color-bg-secondary, #1a4d28);border:1px solid var(--color-border, #2d4832);border-radius:.375rem;color:var(--color-text-secondary, #a0aec0);cursor:pointer;transition:all .15s ease}.comparison-page__metric-btn:hover{background:var(--color-bg-hover, #205530);color:var(--color-text-primary, #f0f4f8)}.comparison-page__metric-btn--active{background:var(--color-primary-dark, #065f46);border-color:var(--color-primary, #10b981);color:var(--color-text-primary, #f0f4f8)}.comparison-page__select{padding:.375rem .75rem;font-size:.8125rem;background:var(--color-bg-secondary, #1a4d28);border:1px solid var(--color-border, #2d4832);border-radius:.375rem;color:var(--color-text-primary, #f0f4f8);cursor:pointer;min-width:140px}.comparison-page__select:focus{outline:none;border-color:var(--color-primary, #10b981)}.comparison-page__charts{display:flex;flex-direction:column;gap:1rem}.comparison-page__empty,.comparison-page__loading-charts{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2d4832);border-radius:.5rem;color:var(--color-text-secondary, #a0aec0)}@media(max-width:768px){.comparison-page{padding:1rem}.comparison-page__server-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.comparison-page__filters{flex-direction:column;gap:1rem}.comparison-page__section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.widget{display:flex;flex-direction:column;height:100%;background:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2d4832);border-radius:.5rem;overflow:hidden}.widget--editing{border-color:var(--color-primary, #667eea);border-style:dashed}.widget__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-primary, #1a2e1a);border-bottom:1px solid var(--color-border, #2d4832);min-height:44px}.widget__drag-handle{cursor:grab;padding:.25rem;color:var(--color-text-secondary, #a0aec0);-webkit-user-select:none;user-select:none}.widget__drag-handle:active{cursor:grabbing}.widget__drag-icon{font-size:1rem;letter-spacing:2px}.widget__title{flex:1;margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #f0f4f8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget__controls{display:flex;gap:.25rem}.widget__control-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary, #a0aec0);font-size:1.25rem;cursor:pointer;transition:background-color .15s,color .15s}.widget__control-btn:hover{background:#ffffff1a;color:var(--color-text-primary, #f0f4f8)}.widget__control-btn--remove:hover{background:#ef444433;color:#ef4444}.widget__content{flex:1;padding:1rem;overflow:auto}.widget__loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:100px}.widget__loading-spinner{width:32px;height:32px;border:3px solid var(--color-border, #2d4832);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:widget-spin .8s linear infinite}@keyframes widget-spin{to{transform:rotate(360deg)}}.widget__error{display:flex;align-items:center;justify-content:center;height:100%;min-height:100px;color:var(--color-critical, #e74c3c);text-align:center;padding:1rem}@media(max-width:768px){.widget__header{padding:.5rem .75rem}.widget__title{font-size:.875rem}.widget__content{padding:.75rem}}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.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{left:50%;margin-left:-10px;cursor:ns-resize}.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)}.dashboard-grid{width:100%;min-height:400px}.dashboard-grid__layout{min-height:inherit}.dashboard-grid__item{background:var(--color-bg-card, #163e21);border-radius:.5rem;overflow:hidden}.dashboard-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-secondary, #a0aec0);text-align:center;padding:2rem}.dashboard-grid__empty p{margin:.5rem 0}.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.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:var(--color-primary, #667eea);opacity:.2;border-radius:.5rem;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-resizable-handle{position:absolute;width:20px;height:20px}.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--color-text-secondary, #a0aec0);border-bottom:2px solid var(--color-text-secondary, #a0aec0);opacity:.5;transition:opacity .2s}.react-grid-item:hover .react-resizable-handle:after{opacity:1}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.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{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.widget-palette{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:100;background:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2d4832);border-left:none;border-radius:0 .5rem .5rem 0;box-shadow:2px 0 8px #0003;transition:width .2s ease;width:48px}.widget-palette--expanded{width:200px}.widget-palette__toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:transparent;border:none;border-bottom:1px solid var(--color-border, #2d4832);color:var(--color-text-primary, #f0f4f8);cursor:pointer;text-align:left;transition:background-color .15s}.widget-palette__toggle:hover{background:#667eea1a}.widget-palette__toggle-icon{font-size:.75rem;opacity:.7}.widget-palette__toggle-text{font-size:.8125rem;font-weight:500}.widget-palette__content{padding:.75rem}.widget-palette__title{margin:0 0 .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary, #a0aec0);letter-spacing:.05em}.widget-palette__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.widget-palette__item{margin:0}.widget-palette__widget-btn{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem;background:var(--color-bg-primary, #1a2e1a);border:1px solid var(--color-border, #2d4832);border-radius:.375rem;color:var(--color-text-primary, #f0f4f8);cursor:pointer;text-align:left;transition:background-color .15s,border-color .15s}.widget-palette__widget-btn:hover{background:#667eea26;border-color:var(--color-primary, #667eea)}.widget-palette__widget-icon{font-size:1rem}.widget-palette__widget-label{font-size:.8125rem;font-weight:500}@media(max-width:768px){.widget-palette{bottom:0;left:50%;top:auto;transform:translate(-50%) translateY(0);border-radius:.5rem .5rem 0 0;border-left:1px solid var(--color-border, #2d4832);border-bottom:none;width:auto;min-width:48px}.widget-palette--expanded{width:calc(100% - 2rem);max-width:320px}.widget-palette__toggle{justify-content:center}.widget-palette__list{flex-direction:row;flex-wrap:wrap;gap:.5rem}.widget-palette__item{flex:1 1 45%;min-width:120px}}.custom-dashboard-page{padding:1rem;min-height:100%}.custom-dashboard-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #2d4832)}.custom-dashboard-page__selector{display:flex;align-items:center;gap:.5rem}.custom-dashboard-page__select{padding:.5rem 1rem;font-size:1rem;background:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2d4832);border-radius:.375rem;color:var(--color-text-primary, #f0f4f8);cursor:pointer;min-width:200px}.custom-dashboard-page__select:focus{outline:2px solid var(--color-primary, #10b981);outline-offset:2px}.custom-dashboard-page__add-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary, #10b981);border:none;border-radius:.375rem;color:#fff;font-size:1.25rem;font-weight:600;cursor:pointer;transition:background-color .15s}.custom-dashboard-page__add-btn:hover{background:var(--color-primary-dark, #059669)}.custom-dashboard-page__actions{display:flex;gap:.5rem}.custom-dashboard-page__btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:background-color .15s,border-color .15s}.custom-dashboard-page__btn--primary{background:var(--color-primary, #10b981);border:1px solid var(--color-primary, #10b981);color:#fff}.custom-dashboard-page__btn--primary:hover:not(:disabled){background:var(--color-primary-dark, #059669);border-color:var(--color-primary-dark, #059669)}.custom-dashboard-page__btn--secondary{background:transparent;border:1px solid var(--color-border, #2d4832);color:var(--color-text-primary, #f0f4f8)}.custom-dashboard-page__btn--secondary:hover:not(:disabled){background:#ffffff0d;border-color:var(--color-text-secondary, #a0aec0)}.custom-dashboard-page__btn--danger{background:transparent;border:1px solid var(--color-error, #ef4444);color:var(--color-error, #ef4444)}.custom-dashboard-page__btn--danger:hover:not(:disabled){background:#ef44441a}.custom-dashboard-page__btn:disabled{opacity:.5;cursor:not-allowed}.custom-dashboard-page__empty,.custom-dashboard-page__loading,.custom-dashboard-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.custom-dashboard-page__empty h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--color-text-primary, #f0f4f8)}.custom-dashboard-page__empty p{margin:0 0 1.5rem;color:var(--color-text-secondary, #a0aec0)}.custom-dashboard-page__create-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--color-primary, #10b981);border:none;border-radius:.375rem;color:#fff;cursor:pointer;transition:background-color .15s}.custom-dashboard-page__create-btn:hover{background:var(--color-primary-dark, #059669)}.custom-dashboard-page__error{color:var(--color-error, #ef4444)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2d4832);border-radius:.5rem;padding:1.5rem;min-width:320px;max-width:90vw;box-shadow:0 4px 20px #0000004d}.modal h3{margin:0 0 1rem;font-size:1.125rem;color:var(--color-text-primary, #f0f4f8)}.modal__input{width:100%;padding:.625rem .75rem;font-size:1rem;background:var(--color-bg-primary, #1a2e1a);border:1px solid var(--color-border, #2d4832);border-radius:.375rem;color:var(--color-text-primary, #f0f4f8);margin-bottom:1rem}.modal__input:focus{outline:2px solid var(--color-primary, #10b981);outline-offset:-2px}.modal__input::placeholder{color:var(--color-text-secondary, #a0aec0)}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem}.modal__btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:background-color .15s}.modal__btn--primary{background:var(--color-primary, #10b981);border:1px solid var(--color-primary, #10b981);color:#fff}.modal__btn--primary:hover:not(:disabled){background:var(--color-primary-dark, #059669)}.modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.modal__btn--secondary{background:transparent;border:1px solid var(--color-border, #2d4832);color:var(--color-text-primary, #f0f4f8)}.modal__btn--secondary:hover{background:#ffffff0d}@media(max-width:768px){.custom-dashboard-page__header{flex-direction:column;gap:1rem;align-items:stretch}.custom-dashboard-page__selector{justify-content:space-between}.custom-dashboard-page__select{flex:1;min-width:0}.custom-dashboard-page__actions{justify-content:flex-end}}.status-summary-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.status-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;border-radius:8px;background-color:var(--color-bg-sidebar, #163e21);border:2px solid transparent;transition:transform .2s ease,border-color .2s ease}.status-card:hover{transform:translateY(-2px)}.status-card__count{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.status-card__label{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.status-card--healthy{border-color:var(--color-healthy, #2ecc71)}.status-card--healthy .status-card__count{color:var(--color-healthy, #2ecc71)}.status-card--warning{border-color:var(--color-warning, #f39c12)}.status-card--warning .status-card__count{color:var(--color-warning, #f39c12)}.status-card--critical{border-color:var(--color-critical, #e74c3c)}.status-card--critical .status-card__count{color:var(--color-critical, #e74c3c)}.status-card--offline{border-color:var(--color-offline, #95a5a6)}.status-card--offline .status-card__count{color:var(--color-offline, #95a5a6)}.status-card--skeleton{background:linear-gradient(90deg,var(--color-bg-sidebar, #163e21) 25%,rgba(255,255,255,.05) 50%,var(--color-bg-sidebar, #163e21) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite;min-height:100px}@media(max-width:1024px){.status-summary-panel{grid-template-columns:repeat(2,1fr)}}.server-problem-card{display:flex;flex-direction:column;padding:1rem;border-radius:6px;background-color:var(--color-bg-sidebar, #163e21);border-left:4px solid transparent;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.server-problem-card:hover{transform:translate(4px);background-color:#ffffff0d}.server-problem-card:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px}.server-problem-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.server-problem-card__hostname{font-size:1rem;font-weight:600;color:var(--color-text-primary, #e4e4e4)}.server-problem-card__badge{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:4px;letter-spacing:.03em}.server-problem-card__issue{font-size:.875rem;color:#e4e4e4b3}.server-problem-card--critical{border-left-color:var(--color-critical, #e74c3c)}.server-problem-card__badge--critical{background-color:var(--color-critical, #e74c3c);color:#fff}.server-problem-card--warning{border-left-color:var(--color-warning, #f39c12)}.server-problem-card__badge--warning{background-color:var(--color-warning, #f39c12);color:#000}.server-problem-card--offline{border-left-color:var(--color-offline, #95a5a6)}.server-problem-card__badge--offline{background-color:var(--color-offline, #95a5a6);color:#000}.server-problem-card--healthy{border-left-color:var(--color-healthy, #2ecc71)}.server-problem-card__badge--healthy{background-color:var(--color-healthy, #2ecc71);color:#000}.server-problem-card--unknown{border-left-color:var(--color-offline, #95a5a6)}.server-problem-card__badge--unknown{background-color:var(--color-offline, #95a5a6);color:#000}.problem-server-list{margin-bottom:1.5rem}.problem-server-list__title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary, #e4e4e4)}.problem-server-list__items{display:flex;flex-direction:column;gap:.75rem}.problem-server-list__all-clear{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background-color:#2ecc711a;border:1px solid var(--color-healthy, #2ecc71);border-radius:6px}.problem-server-list__all-clear-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--color-healthy, #2ecc71);color:#000;border-radius:50%;font-size:1rem;font-weight:700}.problem-server-list__all-clear-text{font-size:1rem;font-weight:500;color:var(--color-healthy, #2ecc71)}.problem-server-list__skeleton{height:70px;background:linear-gradient(90deg,var(--color-bg-sidebar, #163e21) 25%,rgba(255,255,255,.05) 50%,var(--color-bg-sidebar, #163e21) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite;border-radius:6px;margin-bottom:.75rem}.healthy-server-section{margin-top:1rem}.healthy-server-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background-color:var(--color-bg-sidebar, #163e21);border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:background-color .2s ease;color:var(--color-text-primary, #e4e4e4);font-family:inherit;font-size:1rem}.healthy-server-section__header:hover{background-color:#ffffff0d}.healthy-server-section__header:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px}.healthy-server-section__title{font-weight:500;color:var(--color-healthy, #2ecc71)}.healthy-server-section__chevron{font-size:.75rem;transition:transform .2s ease}.healthy-server-section__chevron--expanded{transform:rotate(180deg)}.healthy-server-section__list{margin-top:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.healthy-server-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--color-bg-sidebar, #163e21);border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background-color .2s ease}.healthy-server-row:last-child{border-bottom:none}.healthy-server-row:hover{background-color:#ffffff0d}.healthy-server-row:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:-2px;z-index:1;position:relative}.healthy-server-row__hostname{font-weight:500;color:var(--color-text-primary, #e4e4e4)}.healthy-server-row__status{font-size:.75rem;text-transform:uppercase;color:var(--color-healthy, #2ecc71);font-weight:600;letter-spacing:.03em}.dashboard-page{max-width:1200px}.dashboard-page h1{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-text-primary, #e4e4e4)}.dashboard-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-sidebar, #163e21);border:1px solid var(--color-critical, #e74c3c);border-radius:8px;text-align:center}.dashboard-page__error-message{font-size:1rem;color:var(--color-critical, #e74c3c);margin-bottom:1rem}.dashboard-page__retry-button{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background-color:var(--color-accent, #0077b6);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.dashboard-page__retry-button:hover{background-color:var(--color-accent-hover, #00b4d8)}.dashboard-page__retry-button:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.login-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;width:100%;text-align:center}.login-header{margin-bottom:2rem}.login-header h1{color:#333;font-size:1.75rem;margin-bottom:.5rem}.login-header p{color:#666;font-size:.95rem}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#5e5e5e;background-color:#fff;border:1px solid #8c8c8c;border-radius:4px;cursor:pointer;transition:background-color .15s,border-color .15s}.login-button:hover:not(:disabled){background-color:#f8f8f8;border-color:#505050}.login-button:disabled{opacity:.6;cursor:not-allowed}.microsoft-icon{flex-shrink:0}.login-loading{color:#666}.login-warning{text-align:left;padding:1rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px}.login-warning h2{color:#856404;font-size:1rem;margin-bottom:.5rem}.login-warning p{color:#856404;font-size:.875rem;margin-bottom:.5rem}.login-warning ul{margin:.5rem 0;padding-left:1.5rem}.login-warning li{color:#856404;font-size:.875rem;margin-bottom:.25rem}.login-warning code{background-color:#0000001a;padding:.125rem .25rem;border-radius:3px;font-size:.8rem}.auth-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:1rem}.auth-loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #0078d4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-loading p{color:#666;font-size:.95rem}.retention-status{background-color:var(--color-bg-secondary, #1a2e1a);border-radius:8px;padding:1.5rem;margin-top:2rem}.retention-status--loading,.retention-status--error,.retention-status--empty{text-align:center;color:var(--color-text-secondary, #a0a0a0);padding:2rem}.retention-status--error{color:var(--color-error, #ef4444)}.retention-status__retry-btn{margin-top:1rem;padding:.5rem 1rem;background-color:var(--color-bg-tertiary, #0f0f1a);color:var(--color-text-primary, #ffffff);border:1px solid var(--color-border, #2d2d44);border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.retention-status__retry-btn:hover{background-color:var(--color-bg-hover, #252538)}.retention-status__header{margin-bottom:1.5rem}.retention-status__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #ffffff);margin:0 0 .5rem}.retention-status__description{font-size:.875rem;color:var(--color-text-secondary, #a0a0a0);margin:0}.retention-status__table{width:100%;border-collapse:collapse;margin-bottom:1rem}.retention-status__table th,.retention-status__table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border, #2d2d44)}.retention-status__table th{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #a0a0a0);background-color:var(--color-bg-tertiary, #0f0f1a)}.retention-status__table tbody tr:hover{background-color:var(--color-bg-hover, #252538)}.retention-status__table-name{font-weight:500;color:var(--color-text-primary, #ffffff)}.retention-status__retention-period{color:var(--color-success, #22c55e);font-family:monospace}.retention-status__next-run{color:var(--color-text-secondary, #a0a0a0);font-size:.875rem}.retention-status__size{font-family:monospace;color:var(--color-text-primary, #ffffff)}.retention-status__table tfoot{border-top:2px solid var(--color-border, #2d2d44)}.retention-status__total-label{font-weight:600;text-align:right;color:var(--color-text-primary, #ffffff)}.retention-status__total-size{font-weight:600;font-family:monospace;color:var(--color-text-primary, #ffffff)}.retention-status__note{font-size:.8125rem;color:var(--color-text-secondary, #a0a0a0);margin:0;padding:.75rem;background-color:var(--color-bg-tertiary, #0f0f1a);border-radius:4px}.retention-status__note code{font-family:monospace;font-size:.75rem;background-color:var(--color-bg-code, #2d2d44);padding:.125rem .375rem;border-radius:3px;color:var(--color-accent, #60a5fa)}.notification-settings-page{padding:1.5rem;max-width:900px}.notification-settings-page__header{margin-bottom:2rem}.notification-settings-page__title{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.notification-settings-page__description{font-size:.9375rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.notification-settings-page__loading{padding:2rem;text-align:center;color:var(--color-text-secondary)}.notification-settings-page__error{padding:2rem;text-align:center;background:var(--color-bg-error);border-radius:8px;color:var(--color-text-error)}.notification-settings-page__retry-btn{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:4px;background:var(--color-primary);color:#fff;cursor:pointer;font-size:.875rem}.notification-settings-page__retry-btn:hover{background:var(--color-primary-hover)}.notification-settings-page__channels{display:flex;flex-direction:column;gap:1rem}.channel-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.channel-card--coming-soon{opacity:.6}.channel-card__header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-card-header);border-bottom:1px solid var(--color-border)}.channel-card--coming-soon .channel-card__header{border-bottom:none}.channel-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#5865f2;color:#fff;flex-shrink:0}.channel-card:nth-child(1) .channel-card__icon{background:#5865f2}.channel-card:nth-child(2) .channel-card__icon{background:#4a154b}.channel-card:nth-child(3) .channel-card__icon{background:#6264a7}.channel-card:nth-child(4) .channel-card__icon{background:#10b981}.channel-card:nth-child(5) .channel-card__icon{background:#f59e0b}.channel-card:nth-child(6) .channel-card__icon{background:#3b82f6}.channel-card__icon--disabled{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.channel-card__title{flex:1}.channel-card__title h2{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.channel-card__title p{font-size:.8125rem;color:var(--color-text-secondary);margin:0}.channel-card__badge{padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:9999px}.channel-card__toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.channel-card__toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:44px;height:24px;background:var(--color-bg-secondary);border-radius:12px;transition:background-color .2s}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.channel-card__toggle input:checked+.toggle-slider{background:var(--color-success)}.channel-card__toggle input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{font-size:.8125rem;color:var(--color-text-secondary);min-width:60px}.channel-card__body{padding:1.25rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group{margin-bottom:1rem}.form-group--small{flex:0 0 120px!important}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 3px var(--color-error-alpha)}.form-hint{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.5rem}.form-error{font-size:.8125rem;color:var(--color-error);margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-primary);cursor:pointer;margin-bottom:1rem}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.test-result{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.test-result--success{background:var(--color-bg-success);color:var(--color-success);border:1px solid var(--color-success-border)}.test-result--error{background:var(--color-bg-error);color:var(--color-error);border:1px solid var(--color-error-border)}.channel-card__actions{display:flex;justify-content:flex-end;gap:.75rem}.btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s,opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover)}:root{--color-bg-success: rgba(34, 197, 94, .1);--color-success-border: rgba(34, 197, 94, .3);--color-bg-error: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-error-alpha: rgba(239, 68, 68, .2);--color-primary-alpha: rgba(59, 130, 246, .2)}.screenshot-metrics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.screenshot-metric-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center}.screenshot-metric-card__title{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.screenshot-metric-card__value{font-size:2rem;font-weight:700;color:#111827;line-height:1.2;margin-bottom:.5rem}.screenshot-metric-card__subtitle{font-size:.875rem;color:#6b7280}@media print{.screenshot-metrics-summary{gap:1rem}.screenshot-metric-card{background-color:#f9fafb;border:1px solid #e5e7eb;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.screenshot-metric-card__value{font-size:1.5rem}}@media(max-width:1024px){.screenshot-metrics-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.screenshot-metrics-summary{grid-template-columns:1fr;gap:1rem}.screenshot-metric-card{padding:1rem}.screenshot-metric-card__value{font-size:1.5rem}}.screenshot-mode-view{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#fff;color:#1a1a1a;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:2rem}.screenshot-mode-view__container{width:100%;max-width:1600px;background-color:#fff;padding:2rem}.screenshot-mode-view__exit-button{position:fixed;top:1.5rem;right:1.5rem;z-index:1001;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#374151;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.screenshot-mode-view__exit-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.screenshot-mode-view__exit-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.screenshot-mode-view__exit-button span:first-child{font-size:1.25rem;line-height:1}.screenshot-mode-view__exit-text{font-size:.875rem}.screenshot-mode-view__header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.screenshot-mode-view__title-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.screenshot-mode-view__hostname{font-size:2.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.screenshot-mode-view__status-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:1rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.screenshot-mode-view__status-badge--healthy{background-color:#d1fae5;color:#065f46}.screenshot-mode-view__status-badge--warning{background-color:#fef3c7;color:#92400e}.screenshot-mode-view__status-badge--critical{background-color:#fee2e2;color:#991b1b}.screenshot-mode-view__status-badge--offline{background-color:#e5e7eb;color:#374151}.screenshot-mode-view__metadata{display:flex;gap:2rem;flex-wrap:wrap}.screenshot-mode-view__timestamp,.screenshot-mode-view__last-seen{font-size:1.125rem;color:#6b7280}.screenshot-mode-view__timestamp{font-weight:600;color:#374151}.screenshot-mode-view__footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:2rem;color:#6b7280;font-size:.875rem}.screenshot-mode-view__agent-version,.screenshot-mode-view__os-version{display:inline-block}.screenshot-mode-view__hint{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;background-color:#0000000d;border-radius:6px;font-size:.875rem;color:#6b7280}.screenshot-mode-view__hint kbd{display:inline-block;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 1px 2px #0000000d}@media print{.screenshot-mode-view{position:static;padding:0;overflow:visible}.screenshot-mode-view__exit-button,.screenshot-mode-view__hint{display:none!important}.screenshot-mode-view__container{max-width:none;padding:1rem}.screenshot-mode-view__hostname{font-size:2rem}.screenshot-mode-view__status-badge,.screenshot-mode-view__status-badge--healthy,.screenshot-mode-view__status-badge--warning,.screenshot-mode-view__status-badge--critical,.screenshot-mode-view__status-badge--offline{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media(max-width:768px){.screenshot-mode-view{padding:1rem}.screenshot-mode-view__hostname{font-size:1.75rem}.screenshot-mode-view__title-row{flex-direction:column;align-items:flex-start;gap:.75rem}.screenshot-mode-view__metadata{flex-direction:column;gap:.5rem}.screenshot-mode-view__exit-button{top:1rem;right:1rem;padding:.375rem .75rem}.screenshot-mode-view__hint{display:none}}.server-detail-header{margin-bottom:1.5rem}.server-detail-header__nav{margin-bottom:1rem}.server-detail-header__back-link{display:inline-flex;align-items:center;font-size:.875rem;color:var(--color-accent, #0077b6);text-decoration:none;transition:color .2s ease}.server-detail-header__back-link:hover{color:var(--color-accent-hover, #00b4d8)}.server-detail-header__back-link:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px;border-radius:2px}.server-detail-header__main{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.server-detail-header__hostname{font-size:1.75rem;font-weight:600;color:var(--color-text-primary, #e4e4e4);margin:0}.server-detail-header__meta{display:flex;gap:1.5rem;flex-wrap:wrap}.server-detail-header__meta-item{display:inline-flex;gap:.375rem;font-size:.875rem}.server-detail-header__meta-label{color:var(--color-text-secondary, #a0a0a0)}.server-detail-header__meta-value{color:var(--color-text-primary, #e4e4e4);font-weight:500}@media(max-width:480px){.server-detail-header__hostname{font-size:1.5rem}.server-detail-header__meta{flex-direction:column;gap:.5rem}}.agent-info-panel{background:var(--color-background-secondary, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;padding:1rem;margin-bottom:1rem}.agent-info-panel__title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #64748b);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.agent-info-panel__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:768px){.agent-info-panel__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.agent-info-panel__grid{grid-template-columns:1fr}}.agent-info-panel__item{display:flex;flex-direction:column;gap:.25rem}.agent-info-panel__label{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary, #94a3b8);text-transform:uppercase;letter-spacing:.05em}.agent-info-panel__value{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #1e293b);cursor:default}.agent-info-panel__value--warning{color:var(--color-warning, #f59e0b);font-weight:600}.agent-info-panel--healthy{border-left:3px solid var(--color-success, #22c55e)}.agent-info-panel--warning{border-left:3px solid var(--color-warning, #f59e0b)}.agent-info-panel--critical{border-left:3px solid var(--color-error, #ef4444)}.agent-info-panel--offline{border-left:3px solid var(--color-text-tertiary, #94a3b8);background:var(--color-background-tertiary, #f1f5f9)}.agent-info-panel--unknown{border-left:3px solid var(--color-text-tertiary, #94a3b8)}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;font-weight:500;white-space:nowrap;transition:background-color .15s ease}.tag-chip--sm{padding:.125rem .5rem;font-size:.75rem;line-height:1.25rem}.tag-chip--md{padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}.tag-chip__name{max-width:150px;overflow:hidden;text-overflow:ellipsis}.tag-chip__remove{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;margin-left:.125rem;background:transparent;border:none;cursor:pointer;opacity:.7;transition:opacity .15s ease;border-radius:50%}.tag-chip__remove:hover{opacity:1}.tag-chip__remove:focus{outline:none}.tag-chip__remove:focus-visible{outline:2px solid currentColor;outline-offset:1px;opacity:1}@supports not selector(:focus-visible){.tag-chip__remove:focus{outline:2px solid currentColor;outline-offset:1px;opacity:1}}.tag-chip__remove-icon{width:.875rem;height:.875rem}.tag-chip--sm .tag-chip__remove-icon{width:.75rem;height:.75rem}.tag-input{position:relative;width:100%;max-width:250px}.tag-input__input-wrapper{position:relative;display:flex;align-items:center}.tag-input__input{width:100%;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--text-primary, #e5e5e5);background-color:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #3a3a3a);border-radius:.375rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.tag-input__input::placeholder{color:var(--text-muted, #737373)}.tag-input__input:hover:not(:disabled){border-color:var(--border-hover, #525252)}.tag-input__input:focus{border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 2px #6366f133}.tag-input__input:focus-visible{border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 2px #6366f133}.tag-input__input:disabled{opacity:.5;cursor:not-allowed}.tag-input__loading{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.tag-input__spinner{width:1rem;height:1rem;animation:tag-input-spin 1s linear infinite}.tag-input__spinner-circle{stroke:var(--accent-color, #6366f1);stroke-dasharray:60;stroke-dashoffset:45}@keyframes tag-input-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tag-input__dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.25rem;padding:.25rem;background-color:var(--dropdown-bg, #1f1f1f);border:1px solid var(--border-color, #3a3a3a);border-radius:.375rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;list-style:none;max-height:200px;overflow-y:auto}.tag-input__option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--text-primary, #e5e5e5);cursor:pointer;border-radius:.25rem;transition:background-color .1s ease}.tag-input__option:hover{background-color:var(--option-hover-bg, #2a2a2a)}.tag-input__option--highlighted{background-color:var(--option-highlight-bg, #3a3a3a)}.tag-input__option-color{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.tag-input__option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-input__option--create{color:var(--accent-color, #6366f1);font-weight:500}.tag-input__option-create-icon{display:flex;align-items:center;justify-content:center;width:.75rem;height:.75rem;font-size:1rem;line-height:1;color:var(--accent-color, #6366f1)}.tag-input__error{margin-top:.375rem;padding:.25rem .5rem;font-size:.75rem;color:#ef4444;background-color:#ef44441a;border-radius:.25rem}.tags-section{padding:1rem 1.25rem;background-color:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #3a3a3a);border-radius:.5rem;margin-bottom:1rem}.tags-section__title{font-size:.875rem;font-weight:600;color:var(--text-secondary, #a3a3a3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.tags-section__content{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.tags-section__tags-list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1;min-width:0}.tags-section__no-tags{font-size:.875rem;color:var(--text-muted, #737373);font-style:italic}.tags-section__loading-indicator{font-size:.875rem;color:var(--text-muted, #737373);animation:tags-section-pulse 1.5s ease-in-out infinite}@keyframes tags-section-pulse{0%,to{opacity:1}50%{opacity:.4}}.tags-section__input{flex-shrink:0}@media(max-width:480px){.tags-section__content{flex-direction:column;align-items:stretch}.tags-section__input{width:100%}.tags-section__input .tag-input{max-width:none}}.metric-panel{background-color:var(--color-bg-sidebar, #163e21);border-radius:8px;padding:1.25rem;border-left:4px solid var(--color-text-secondary, #a0a0a0);position:relative;transition:border-color .3s ease}.metric-panel--normal{border-left-color:var(--color-healthy, #2ecc71)}.metric-panel--warning{border-left-color:var(--color-warning, #f39c12)}.metric-panel--critical{border-left-color:var(--color-critical, #e74c3c);background-color:#e74c3c1a}.metric-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.metric-panel__title{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.05em;margin:0}.metric-panel__timestamp{font-size:.6875rem;color:var(--color-text-secondary, #a0a0a0);opacity:.7;cursor:default}.metric-panel__main{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.metric-panel__value{font-size:2rem;font-weight:600;color:var(--color-text-primary, #e4e4e4);line-height:1;transition:color .3s ease}.metric-panel--warning .metric-panel__value{color:var(--color-warning, #f39c12)}.metric-panel--critical .metric-panel__value{color:var(--color-critical, #e74c3c)}.metric-panel__unit{font-size:1rem;color:var(--color-text-secondary, #a0a0a0)}.metric-panel__stale{position:absolute;top:.5rem;right:.5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;color:var(--color-warning, #f39c12);background-color:#f39c1233;padding:.125rem .375rem;border-radius:4px;letter-spacing:.05em}.metric-panel__sub-values{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.metric-panel__sub-value{display:flex;flex-direction:column;gap:.125rem}.metric-panel__sub-label{font-size:.75rem;color:var(--color-text-secondary, #a0a0a0)}.metric-panel__sub-data{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #e4e4e4)}@media(max-width:768px){.metric-panel__value{font-size:1.5rem}.metric-panel__sub-values{grid-template-columns:1fr}}.cpu-panel__cores{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.cpu-panel__cores-label{display:block;font-size:.75rem;color:var(--color-text-secondary, #a0a0a0);margin-bottom:.5rem}.cpu-panel__cores-bars{display:flex;gap:4px;height:24px;align-items:flex-end}.cpu-panel__core-bar{flex:1;min-width:8px;max-width:24px;height:var(--core-percent, 0%);min-height:2px;background:linear-gradient(to top,var(--color-healthy, #2ecc71) 0%,var(--color-healthy, #2ecc71) 70%,var(--color-warning, #f39c12) 85%,var(--color-critical, #e74c3c) 95%);border-radius:2px;transition:height .3s ease}.disk-breakdown{width:100%;overflow-x:auto;border-radius:.5rem;background:var(--color-bg-sidebar, #163e21);padding:1rem}.disk-breakdown--loading{opacity:.7}.disk-breakdown--empty{text-align:center;padding:2rem 1rem}.disk-breakdown__title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #a0aec0);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.disk-breakdown__empty-message{color:var(--color-text-secondary, #a0aec0);font-size:.875rem;margin:0}.disk-breakdown__table{width:100%;border-collapse:collapse;font-size:.875rem}.disk-breakdown__table thead{background:var(--color-bg-primary, #1a2e1a);border-bottom:1px solid var(--color-border, #2d4832)}.disk-breakdown__header{padding:.625rem .75rem;text-align:left;font-weight:600;color:var(--color-text-secondary, #a0aec0);white-space:nowrap;font-size:.75rem}.disk-breakdown__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.disk-breakdown__header--sortable:hover{color:var(--color-text-primary, #f0f4f8)}.disk-breakdown__header--active{color:var(--color-primary, #667eea)}.disk-breakdown__header--numeric{text-align:right}.disk-breakdown__sort-indicator{display:inline-block;margin-left:.375rem;font-size:.5rem;color:var(--color-primary, #667eea)}.disk-breakdown__table tbody{color:var(--color-text-primary, #f0f4f8)}.disk-breakdown__row{border-bottom:1px solid var(--color-border, #2d4832);transition:background-color .15s ease}.disk-breakdown__row:hover{background-color:#667eea0d}.disk-breakdown__row:last-child{border-bottom:none}.disk-breakdown__row--skeleton{pointer-events:none}.disk-breakdown__cell{padding:.5rem .75rem;vertical-align:middle}.disk-breakdown__cell--name{min-width:6rem;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.disk-breakdown__cell--numeric{text-align:right;font-family:Monaco,Consolas,monospace;font-size:.8125rem;white-space:nowrap}.disk-breakdown .skeleton{height:1rem;background:linear-gradient(90deg,var(--color-bg-secondary, #2d4832) 25%,var(--color-bg-primary, #1a2e1a) 50%,var(--color-bg-secondary, #2d4832) 75%);background-size:200% 100%;animation:disk-skeleton-pulse 1.5s ease-in-out infinite;border-radius:.25rem}.disk-breakdown .skeleton--text{width:80%}.disk-breakdown .skeleton--short{width:3rem;margin-left:auto}@keyframes disk-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.disk-breakdown__table{font-size:.8125rem}.disk-breakdown__header,.disk-breakdown__cell{padding:.375rem .5rem}.disk-breakdown__cell--name{min-width:4rem;max-width:8rem}}.volume-space{width:100%;border-radius:.5rem;background:var(--color-bg-sidebar, #163e21);padding:1rem}.volume-space--loading{opacity:.7}.volume-space--empty{text-align:center;padding:2rem 1rem}.volume-space__title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #a0aec0);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.volume-space__empty-message{color:var(--color-text-secondary, #a0aec0);font-size:.875rem;margin:0}.volume-space__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.volume-card{background:var(--color-bg-primary, #1a2e1a);border-radius:.5rem;padding:1rem;border-left:3px solid var(--color-healthy, #2ecc71);transition:border-color .3s ease}.volume-card--warning{border-left-color:var(--color-warning, #f39c12)}.volume-card--critical{border-left-color:var(--color-critical, #e74c3c);background:#e74c3c0d}.volume-card--skeleton{border-left-color:var(--color-text-secondary, #a0aec0);opacity:.7}.volume-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.volume-card__drive{font-size:1.25rem;font-weight:700;color:var(--color-text-primary, #f0f4f8)}.volume-card__percent{font-size:1rem;font-weight:600;color:var(--color-text-primary, #f0f4f8);font-family:Monaco,Consolas,monospace}.volume-card--warning .volume-card__percent{color:var(--color-warning, #f39c12)}.volume-card--critical .volume-card__percent{color:var(--color-critical, #e74c3c)}.volume-card__bar-container{height:.5rem;background:#ffffff1a;border-radius:.25rem;overflow:hidden;margin-bottom:.75rem}.volume-card__bar{height:100%;border-radius:.25rem;transition:width .3s ease,background-color .3s ease}.volume-card__bar--normal{background:var(--color-healthy, #2ecc71)}.volume-card__bar--warning{background:var(--color-warning, #f39c12)}.volume-card__bar--critical{background:var(--color-critical, #e74c3c)}.volume-card__details{display:flex;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary, #a0aec0);margin-bottom:.25rem}.volume-card__used{font-weight:500;color:var(--color-text-primary, #f0f4f8)}.volume-card__free{font-size:.75rem;color:var(--color-healthy, #2ecc71)}.volume-card--warning .volume-card__free{color:var(--color-text-secondary, #a0aec0)}.volume-card--critical .volume-card__free{color:var(--color-critical, #e74c3c)}.volume-card--skeleton .skeleton{background:linear-gradient(90deg,var(--color-bg-secondary, #2d4832) 25%,var(--color-bg-card, #163e21) 50%,var(--color-bg-secondary, #2d4832) 75%);background-size:200% 100%;animation:volume-skeleton-pulse 1.5s ease-in-out infinite;border-radius:.25rem}.volume-card--skeleton .skeleton--drive{width:2.5rem;height:1.5rem}.volume-card--skeleton .skeleton--percent{width:3rem;height:1rem}.volume-card--skeleton .skeleton--bar{width:60%;height:100%}.volume-card--skeleton .skeleton--text{width:100%;height:.75rem}@keyframes volume-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.volume-space__grid{grid-template-columns:1fr}}@media(max-width:480px){.volume-card{padding:.75rem}.volume-card__drive{font-size:1rem}.volume-card__percent{font-size:.875rem}}.time-range-selector{display:inline-flex;background-color:#ffffff0d;border-radius:6px;padding:2px;gap:2px}.time-range-selector__button{padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #a0a0a0);background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.time-range-selector__button:hover:not(:disabled){color:var(--color-text-primary, #e4e4e4);background-color:#ffffff1a}.time-range-selector__button--active{color:var(--color-text-primary, #e4e4e4);background-color:var(--color-primary, #3498db)}.time-range-selector__button--active:hover:not(:disabled){background-color:var(--color-primary, #3498db)}.time-range-selector__button:disabled{opacity:.5;cursor:not-allowed}.time-range-selector__button:focus-visible{outline:2px solid var(--color-primary, #3498db);outline-offset:2px}@media(max-width:480px){.time-range-selector__button{padding:.25rem .5rem;font-size:.625rem}}.chart-export-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--border-radius-sm, 4px);background-color:#ffffff1a;color:var(--color-text-secondary, #a0a0b0);cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.chart-export-button:hover:not(:disabled){background-color:#fff3;color:var(--color-text-primary, #ffffff)}.chart-export-button:focus-visible{outline:2px solid var(--color-primary, #4a90d9);outline-offset:2px}.chart-export-button:disabled{cursor:not-allowed;opacity:.6}.chart-export-button--complete{background-color:#2ea04333;color:var(--color-success, #2ea043)}.chart-export-button--error{background-color:#f8514933;color:var(--color-error, #f85149)}.chart-export-button__icon{width:16px;height:16px}.chart-export-button__spinner{width:16px;height:16px;animation:chart-export-spin 1s linear infinite}.chart-export-button__spinner-track{opacity:.2}.chart-export-button__spinner-indicator{opacity:1}@keyframes chart-export-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exportable-chart{position:relative;display:flex;flex-direction:column}.exportable-chart__container{background-color:var(--color-bg-secondary, #1a2e1a);border-radius:var(--border-radius, 8px);min-width:600px}.exportable-chart--exporting .exportable-chart__container{min-width:1200px}.exportable-chart__export-header{display:none;padding:16px 20px;border-bottom:1px solid var(--color-border, #2d2d44);background-color:var(--color-bg-secondary, #1a2e1a);border-radius:var(--border-radius, 8px) var(--border-radius, 8px) 0 0}.exportable-chart--exporting .exportable-chart__export-header{display:block}.exportable-chart__export-header-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #ffffff);margin-bottom:4px}.exportable-chart__server-name{color:var(--color-primary, #4a90d9)}.exportable-chart__separator{color:var(--color-text-secondary, #a0a0b0);font-weight:400}.exportable-chart__chart-title{color:var(--color-text-primary, #ffffff)}.exportable-chart__time-range{color:var(--color-text-secondary, #a0a0b0);font-weight:400}.exportable-chart__export-timestamp{font-size:.85rem;color:var(--color-text-tertiary, #707080)}.exportable-chart__content{padding:0}.exportable-chart__button-container{position:absolute;top:8px;right:8px;z-index:10;opacity:0;transition:opacity .2s ease}.exportable-chart:hover .exportable-chart__button-container,.exportable-chart:focus-within .exportable-chart__button-container{opacity:1}.exportable-chart__button-container--active{opacity:1}.exportable-chart--exporting .exportable-chart__button-container{display:none}.metrics-chart{background-color:var(--color-bg-sidebar, #163e21);border-radius:8px;padding:1rem}.metrics-chart__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.metrics-chart__title{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #a0a0a0);margin:0;text-transform:uppercase;letter-spacing:.05em}.metrics-chart__disk-selector{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background-color:var(--color-bg-card, #1a2e1a);color:var(--color-text-primary, #ffffff);cursor:pointer;outline:none;transition:border-color .2s ease}.metrics-chart__disk-selector:hover{border-color:#fff6}.metrics-chart__disk-selector:focus{border-color:var(--color-primary, #2ecc71)}.metrics-chart__disk-selector option{background-color:var(--color-bg-card, #1a2e1a);color:var(--color-text-primary, #ffffff)}.metrics-chart__container{width:100%}.metrics-chart__tooltip{background-color:#163e21f2;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem .75rem;box-shadow:0 4px 12px #0000004d}.metrics-chart__tooltip-time{font-size:.75rem;color:var(--color-text-secondary, #a0a0a0);margin-bottom:.375rem;padding-bottom:.375rem;border-bottom:1px solid rgba(255,255,255,.1)}.metrics-chart__tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8125rem;padding:.125rem 0}.metrics-chart__tooltip-name{color:inherit}.metrics-chart__tooltip-value{font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace}.metrics-chart--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #a0a0a0);font-size:.875rem;min-height:200px}@media(max-width:768px){.metrics-chart{padding:.75rem}.metrics-chart__title{font-size:.75rem}}.chart-skeleton{background-color:var(--color-bg-sidebar, #163e21);border-radius:8px;padding:1rem;overflow:hidden}.chart-skeleton__title{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #a0a0a0);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.chart-skeleton__chart{position:relative;background:linear-gradient(90deg,#ffffff05,#ffffff0d,#ffffff05);border-radius:4px}.chart-skeleton__wave{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:skeleton-wave 1.5s infinite ease-in-out}.chart-skeleton__axis{position:absolute;background-color:#ffffff1a}.chart-skeleton__axis--y{left:50px;top:10px;bottom:30px;width:1px}.chart-skeleton__axis--x{left:50px;right:10px;bottom:30px;height:1px}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.chart-skeleton{padding:.75rem}.chart-skeleton__title{font-size:.75rem}}.charts-section{margin-top:1.5rem}.charts-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.charts-section__title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #e4e4e4);margin:0}.charts-section__error{background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:1rem;color:var(--color-critical, #e74c3c);margin-bottom:1rem;font-size:.875rem}.charts-section__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:1024px){.charts-section__grid{grid-template-columns:1fr}}@media(max-width:480px){.charts-section__header{flex-direction:column;align-items:flex-start}.charts-section__title{font-size:1rem}}.process-filter{width:100%;max-width:24rem}.process-filter__input-wrapper{position:relative;display:flex;align-items:center}.process-filter__icon{position:absolute;left:.75rem;color:var(--color-text-secondary, #a0aec0);pointer-events:none}.process-filter__input{width:100%;padding:.5rem 2.25rem;font-size:.875rem;font-family:inherit;color:var(--color-text-primary, #f0f4f8);background:var(--color-bg-secondary, #2d4832);border:1px solid var(--color-border, #3d4a5c);border-radius:.375rem;transition:border-color .15s ease,box-shadow .15s ease}.process-filter__input::placeholder{color:var(--color-text-secondary, #a0aec0)}.process-filter__input:focus{outline:none;border-color:var(--color-primary, #667eea);box-shadow:0 0 0 2px #667eea33}.process-filter__clear{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;color:var(--color-text-secondary, #a0aec0);background:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:color .15s ease,background-color .15s ease}.process-filter__clear:hover{color:var(--color-text-primary, #f0f4f8);background:#ffffff1a}.process-filter__clear:focus{outline:none}.process-filter__clear:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:1px}.process-table{width:100%;overflow-x:auto;border-radius:.5rem;background:var(--color-bg-card, #163e21)}.process-table--loading{opacity:.7}.process-table__table{width:100%;border-collapse:collapse;font-size:.875rem}.process-table__table thead{background:var(--color-bg-primary, #1a2e1a);border-bottom:1px solid var(--color-border, #2d4832)}.process-table__header{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-text-secondary, #a0aec0);white-space:nowrap}.process-table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.process-table__header--sortable:hover{color:var(--color-text-primary, #f0f4f8)}.process-table__header--active{color:var(--color-primary, #667eea)}.process-table__header--numeric{text-align:right}.process-table__sort-indicator{display:inline-block;margin-left:.375rem;font-size:.625rem;color:var(--color-primary, #667eea)}.process-table__table tbody{color:var(--color-text-primary, #f0f4f8)}.process-table__row{border-bottom:1px solid var(--color-border, #2d4832);transition:background-color .15s ease}.process-table__row:hover{background-color:#667eea0d}.process-table__row:last-child{border-bottom:none}.process-table__row--skeleton{pointer-events:none}.process-table__cell{padding:.625rem 1rem;vertical-align:middle}.process-table__cell--name{min-width:12rem;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.process-table__cell--numeric{text-align:right;font-family:Monaco,Consolas,monospace;font-size:.8125rem;white-space:nowrap}.skeleton{height:1rem;background:linear-gradient(90deg,var(--color-bg-secondary, #2d4832) 25%,var(--color-bg-primary, #1a2e1a) 50%,var(--color-bg-secondary, #2d4832) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:.25rem}.skeleton--text{width:80%}.skeleton--short{width:3rem;margin-left:auto}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.process-table__table{font-size:.8125rem}.process-table__header,.process-table__cell{padding:.5rem .75rem}.process-table__cell--name{min-width:8rem;max-width:12rem}}.process-section{display:flex;flex-direction:column;gap:1rem}.process-section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.process-section__stats{font-size:.875rem;color:var(--color-text-secondary, #a0aec0);white-space:nowrap}.process-section__content{width:100%}.process-section__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background:var(--color-bg-card, #163e21);border-radius:.5rem}.process-section__empty-icon{font-size:2.5rem;margin-bottom:1rem}.process-section__empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #f0f4f8)}.process-section__empty-message{margin:0;font-size:.875rem;color:var(--color-text-secondary, #a0aec0);max-width:24rem}.process-section__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background:var(--color-bg-card, #163e21);border-radius:.5rem;border:1px solid var(--color-error, #e53e3e)}.process-section__error-icon{font-size:2.5rem;margin-bottom:1rem}.process-section__error-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #f0f4f8)}.process-section__error-message{margin:0 0 1rem;font-size:.875rem;color:var(--color-text-secondary, #a0aec0);max-width:24rem}.process-section__retry-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #f0f4f8);background:var(--color-primary, #667eea);border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease}.process-section__retry-button:hover{background:var(--color-primary-hover, #5a67d8)}.process-section__retry-button:focus{outline:none}.process-section__retry-button:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.process-section__no-results{display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;background:var(--color-bg-card, #163e21);border-radius:.5rem;color:var(--color-text-secondary, #a0aec0)}.process-section__no-results p{margin:0}@media(max-width:768px){.process-section__header{flex-direction:column;align-items:stretch}.process-section__stats{text-align:center}}.metric-type-selector{display:flex;flex-direction:column;gap:.5rem}.metric-type-selector__header{display:flex;justify-content:space-between;align-items:center}.metric-type-selector__label{font-weight:500;color:var(--color-text-primary, #1f2937)}.metric-type-selector__actions{display:flex;gap:.5rem}.metric-type-selector__action{padding:.125rem .5rem;font-size:.75rem;background-color:var(--color-bg-secondary, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:4px;cursor:pointer;color:var(--color-text-secondary, #6b7280)}.metric-type-selector__action:hover:not(:disabled){background-color:var(--color-bg-hover, #e5e7eb)}.metric-type-selector__action:disabled{opacity:.5;cursor:not-allowed}.metric-type-selector__options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.metric-type-selector__option{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-bg-secondary, #f9fafb);border-radius:4px;cursor:pointer;transition:background-color .2s ease}.metric-type-selector__option:hover:not(.metric-type-selector__option--disabled){background-color:var(--color-bg-hover, #f3f4f6)}.metric-type-selector__option--disabled{opacity:.6;cursor:not-allowed}.metric-type-selector__option input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.metric-type-selector__option input[type=checkbox]:disabled{cursor:not-allowed}.metric-type-selector__option span{font-size:.875rem;color:var(--color-text-primary, #374151)}.metric-type-selector__error{color:var(--color-critical, #ef4444);font-size:.75rem;margin:0}.datetime-range-picker{display:flex;flex-direction:column;gap:1rem}.datetime-range-picker__presets{display:flex;flex-wrap:wrap;gap:.5rem}.datetime-range-picker__preset{padding:.375rem .75rem;font-size:.875rem;background-color:var(--color-bg-secondary, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:4px;cursor:pointer;color:var(--color-text-primary, #374151);transition:background-color .2s ease,border-color .2s ease}.datetime-range-picker__preset:hover:not(:disabled){background-color:var(--color-bg-hover, #e5e7eb);border-color:var(--color-accent, #0077b6)}.datetime-range-picker__preset:disabled{opacity:.5;cursor:not-allowed}.datetime-range-picker__inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.datetime-range-picker__field{display:flex;flex-direction:column;gap:.25rem}.datetime-range-picker__field label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #6b7280)}.datetime-range-picker__field input[type=datetime-local]{padding:.5rem;font-size:.875rem;border:1px solid var(--color-border, #e5e7eb);border-radius:4px;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #1f2937)}.datetime-range-picker__field input[type=datetime-local]:focus{outline:none;border-color:var(--color-accent, #0077b6);box-shadow:0 0 0 2px #0077b633}.datetime-range-picker__field input[type=datetime-local]:disabled{background-color:var(--color-bg-disabled, #f3f4f6);cursor:not-allowed}.datetime-range-picker__input--invalid{border-color:var(--color-critical, #ef4444)!important}.datetime-range-picker__error{color:var(--color-critical, #ef4444);font-size:.75rem;margin:0}.datetime-range-picker__info{color:var(--color-text-secondary, #6b7280);font-size:.75rem;margin:0}.export-dialog__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.export-dialog{background-color:var(--color-bg-primary, #ffffff);border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.export-dialog__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.export-dialog__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1f2937)}.export-dialog__close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary, #6b7280);cursor:pointer;padding:.25rem;line-height:1}.export-dialog__close:hover:not(:disabled){color:var(--color-text-primary, #1f2937)}.export-dialog__close:disabled{opacity:.5;cursor:not-allowed}.export-dialog__content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.export-dialog__description{margin:0;color:var(--color-text-secondary, #6b7280);font-size:.875rem}.export-dialog__section{display:flex;flex-direction:column;gap:.5rem}.export-dialog__label{font-weight:500;color:var(--color-text-primary, #1f2937);font-size:.875rem}.export-dialog__select{padding:.5rem;font-size:.875rem;border:1px solid var(--color-border, #e5e7eb);border-radius:4px;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #1f2937)}.export-dialog__select:focus{outline:none;border-color:var(--color-accent, #0077b6);box-shadow:0 0 0 2px #0077b633}.export-dialog__select:disabled{background-color:var(--color-bg-disabled, #f3f4f6);cursor:not-allowed}.export-dialog__error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#ef44441a;border:1px solid var(--color-critical, #ef4444);border-radius:4px;color:var(--color-critical, #ef4444);font-size:.875rem}.export-dialog__error-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-critical, #ef4444);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.export-dialog__success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#10b9811a;border:1px solid var(--color-healthy, #10b981);border-radius:4px;color:var(--color-healthy, #10b981);font-size:.875rem}.export-dialog__success-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-healthy, #10b981);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.export-dialog__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border, #e5e7eb);background-color:var(--color-bg-secondary, #f9fafb)}.export-dialog__button{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;display:flex;align-items:center;gap:.5rem}.export-dialog__button:disabled{opacity:.5;cursor:not-allowed}.export-dialog__button--cancel{background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-secondary, #6b7280)}.export-dialog__button--cancel:hover:not(:disabled){background-color:var(--color-bg-hover, #f3f4f6)}.export-dialog__button--export{background-color:var(--color-accent, #0077b6);border:none;color:#fff}.export-dialog__button--export:hover:not(:disabled){background-color:var(--color-accent-hover, #005f8a)}.export-dialog__spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:export-spin .8s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}.server-detail-page{max-width:1200px}.server-detail-page__metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.server-detail-page__metrics-grid{grid-template-columns:1fr}}.server-detail-page__disk-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;margin-bottom:1.5rem}@media(max-width:1024px){.server-detail-page__disk-section{grid-template-columns:1fr}}.server-detail-page__offline-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#f39c1226;border:1px solid var(--color-warning, #f39c12);border-radius:6px;color:var(--color-warning, #f39c12);margin-bottom:1.5rem}.server-detail-page__offline-icon{font-size:1.25rem}.server-detail-page__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:1.5rem}.server-detail-page__export-button{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #f0f4f8);background-color:var(--color-accent, #0077b6);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.server-detail-page__export-button:hover{background-color:var(--color-accent-hover, #00b4d8)}.server-detail-page__export-button:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px}.server-detail-page__export-button:disabled{opacity:.5;cursor:not-allowed}.server-detail-page__screenshot-button{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #f0f4f8);background-color:var(--color-bg-sidebar, #163e21);border:1px solid var(--color-border, #2d4832);border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;display:flex;align-items:center;gap:.5rem}.server-detail-page__screenshot-button:hover{background-color:var(--color-bg-hover, #1e2a4a);border-color:var(--color-text-secondary, #a0aec0)}.server-detail-page__screenshot-button:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px}.server-detail-page__loading{padding:1rem 0}.server-detail-page__loading-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.server-detail-page__loading-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.server-detail-page__loading-grid{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg,var(--color-bg-sidebar, #163e21) 25%,rgba(255,255,255,.1) 50%,var(--color-bg-sidebar, #163e21) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton--text{height:2rem;width:200px}.skeleton--lg{height:2.5rem;width:250px}.skeleton--badge{height:1.5rem;width:80px;border-radius:12px}.skeleton--panel{height:160px;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.server-detail-page__error,.server-detail-page__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-sidebar, #163e21);border-radius:8px;text-align:center;margin-top:2rem}.server-detail-page__error{border:1px solid var(--color-critical, #e74c3c)}.server-detail-page__not-found{border:1px solid var(--color-text-secondary, #a0a0a0)}.server-detail-page__error-title,.server-detail-page__not-found-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #e4e4e4);margin-bottom:.5rem}.server-detail-page__error-message,.server-detail-page__not-found-message{font-size:.875rem;color:var(--color-text-secondary, #a0a0a0);margin-bottom:1.5rem;max-width:400px;line-height:1.5}.server-detail-page__error-actions{display:flex;gap:1rem;align-items:center}.server-detail-page__retry-button{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background-color:var(--color-accent, #0077b6);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.server-detail-page__retry-button:hover{background-color:var(--color-accent-hover, #00b4d8)}.server-detail-page__retry-button:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px}.server-detail-page__back-link{font-size:.875rem;color:var(--color-accent, #0077b6);text-decoration:none}.server-detail-page__back-link:hover{color:var(--color-accent-hover, #00b4d8)}.server-detail-page__tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border, #2d4832)}.server-detail-page__tab{padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #a0aec0);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px}.server-detail-page__tab:hover{color:var(--color-text-primary, #f0f4f8)}.server-detail-page__tab:focus{outline:none}.server-detail-page__tab:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:-2px}.server-detail-page__tab--active{color:var(--color-primary, #667eea);border-bottom-color:var(--color-primary, #667eea)}.server-detail-page__tab--active:hover{color:var(--color-primary, #667eea)}[role=tabpanel]{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-input{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2d4832);border-radius:.375rem;color:var(--color-text-primary, #f0f4f8);transition:border-color .15s ease}.search-input:focus-within{border-color:var(--color-primary, #667eea)}.search-input__icon{color:var(--color-text-secondary, #a0aec0);flex-shrink:0}.search-input__field{flex:1;min-width:0;background:none;border:none;color:inherit;font:inherit;font-size:.875rem;outline:none}.search-input__field:focus-visible{box-shadow:0 1px 0 0 var(--color-primary, #667eea)}.search-input__field::placeholder{color:var(--color-text-secondary, #a0aec0)}.search-input__field::-webkit-search-cancel-button{display:none}.search-input__clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary, #a0aec0);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .15s ease,background-color .15s ease}.search-input__clear:hover{color:var(--color-text-primary, #f0f4f8);background-color:#ffffff1a}.search-input__clear:focus{outline:none}.search-input__clear:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:1px}@media(max-width:768px){.search-input{padding:.375rem .5rem}.search-input__field{font-size:1rem}}.group-filter{position:relative}.group-filter__button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .15s ease}.group-filter__button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.group-filter__button--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.group-filter__icon{display:flex;align-items:center}.group-filter__label{white-space:nowrap}.group-filter__chevron{display:flex;align-items:center;margin-left:.25rem}.group-filter__dropdown{position:absolute;top:calc(100% + .25rem);left:0;z-index:50;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 4px 12px #00000026;overflow:hidden}.group-filter__actions{display:flex;gap:.5rem;padding:.5rem}.group-filter__action-btn{flex:1;padding:.375rem .5rem;background:transparent;border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s ease}.group-filter__action-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.group-filter__divider{height:1px;background:var(--color-border)}.group-filter__loading,.group-filter__empty{padding:1rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.group-filter__list{list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}.group-filter__item{margin:0;padding:0}.group-filter__option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .15s ease}.group-filter__option:hover{background:var(--color-surface-hover)}.group-filter__checkbox{width:1rem;height:1rem;margin:0;accent-color:var(--color-primary)}.group-filter__color{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.group-filter__name{flex:1;color:var(--color-text);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-filter__count{color:var(--color-text-secondary);font-size:.75rem}.agent-version-badge{display:inline-block;padding:.125rem .375rem;font-size:.75rem;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--color-text-secondary, #64748b);background:var(--color-background-secondary, #f1f5f9);border-radius:4px;white-space:nowrap}.agent-version-badge--unknown{color:var(--color-text-tertiary, #94a3b8);background:transparent}.server-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-bg-card, #163e21);border-radius:.5rem;border:1px solid var(--color-border, #2d4832);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.server-card:hover{background-color:#667eea1a;border-color:var(--color-primary, #667eea)}.server-card:focus{outline:none;background-color:#667eea26}.server-card:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.server-card__header{display:flex;align-items:center;gap:.75rem}.server-card__hostname{flex:1;font-weight:600;font-size:1rem;color:var(--color-text-primary, #f0f4f8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-card__metrics{display:flex;gap:1.5rem}.server-card__metric{display:flex;flex-direction:column;gap:.125rem}.server-card__metric-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #a0aec0);text-transform:uppercase;letter-spacing:.025em}.server-card__metric-value{font-size:1rem;font-family:Monaco,Consolas,monospace;font-weight:600;color:var(--color-text-primary, #f0f4f8)}.server-card__tags{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.server-card__tags-more{font-size:.75rem;color:var(--color-text-secondary, #a0aec0);padding:.125rem .375rem;background:#ffffff0d;border-radius:9999px}.server-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--color-border, #2d4832)}.server-card__last-seen{font-size:.8125rem;color:var(--color-text-secondary, #a0aec0)}@media(max-width:480px){.server-card{padding:.875rem;gap:.625rem}.server-card__hostname{font-size:.9375rem}.server-card__metrics{gap:1rem}.server-card__metric-value{font-size:.9375rem}}.server-card-list{display:flex;flex-direction:column;gap:.75rem}.server-card-list--empty{padding:2rem;text-align:center;background:var(--color-bg-card, #163e21);border-radius:.5rem}.server-card-list__empty-message{color:var(--color-text-secondary, #a0aec0);font-size:.9375rem}@media(max-width:480px){.server-card-list{gap:.5rem}}.server-table-container{width:100%;overflow-x:auto;border-radius:.5rem;background:var(--color-bg-card, #163e21)}.server-table{width:100%;border-collapse:collapse;font-size:.875rem}.server-table thead{background:var(--color-bg-primary, #1a2e1a);border-bottom:1px solid var(--color-border, #2d4832)}.server-table th{padding:0;text-align:left;font-weight:600;color:var(--color-text-secondary, #a0aec0)}.server-table__header-btn{display:flex;align-items:center;gap:.375rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:inherit;font:inherit;font-weight:600;cursor:pointer;text-align:left;transition:color .15s ease}.server-table__header-btn:hover,.server-table__header-btn:focus{color:var(--color-text-primary, #f0f4f8);outline:none}.server-table__header-btn:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:-2px}.server-table__sort-indicator{font-size:.75rem;color:var(--color-primary, #667eea)}.server-table tbody{color:var(--color-text-primary, #f0f4f8)}.server-table__row{border-bottom:1px solid var(--color-border, #2d4832);cursor:pointer;transition:background-color .15s ease}.server-table__row:hover{background-color:#667eea1a}.server-table__row:focus{outline:none;background-color:#667eea26}.server-table__row:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:-2px}.server-table__row:last-child{border-bottom:none}.server-table__cell{padding:.75rem 1rem;vertical-align:middle}.server-table__cell--status{width:8rem}.server-table__cell--hostname{min-width:12rem;max-width:20rem}.server-table__hostname{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.server-table__cell--lastseen{width:10rem;color:var(--color-text-secondary, #a0aec0);font-size:.8125rem}.server-table__cell--metric{width:6rem;text-align:right;font-family:Monaco,Consolas,monospace;font-size:.8125rem}.server-table__header--tags{padding:.75rem 1rem;min-width:8rem;max-width:16rem}.server-table__cell--tags{min-width:8rem;max-width:16rem}.server-table__tags{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.server-table__tags-more{font-size:.75rem;color:var(--color-text-secondary, #a0aec0);padding:.125rem .375rem;background:#ffffff0d;border-radius:9999px}.server-table__header--version{padding:.75rem 1rem;width:6rem;text-align:center}.server-table__cell--version{width:6rem;text-align:center}@media(max-width:768px){.server-table{font-size:.8125rem}.server-table__header-btn,.server-table__cell{padding:.625rem .75rem}.server-table__cell--hostname{min-width:8rem;max-width:12rem}.server-table__cell--lastseen{width:8rem}.server-table__cell--metric{width:5rem}}.server-table tbody:empty:after{content:"No servers to display";display:block;padding:2rem;text-align:center;color:var(--color-text-secondary, #a0aec0)}.status-filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.status-filter__label{font-size:.875rem;color:var(--color-text-secondary, #a0aec0)}.status-filter__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.status-filter__button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;border:1px solid var(--color-border, #2d4832);background:var(--color-bg-card, #163e21);color:var(--color-text-secondary, #a0aec0);cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .15s ease}.status-filter__button:hover{border-color:var(--color-text-secondary, #a0aec0)}.status-filter__button:focus{outline:2px solid transparent}.status-filter__button:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}@supports not selector(:focus-visible){.status-filter__button:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}}.status-filter__dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0;background-color:currentColor;opacity:.5;transition:opacity .15s ease}.status-filter__button--selected .status-filter__dot{opacity:1}.status-filter__button--selected{border-color:currentColor;color:var(--color-text-primary, #f0f4f8)}.status-filter__button--healthy.status-filter__button--selected{border-color:var(--color-healthy, #27ae60);color:var(--color-healthy, #27ae60)}.status-filter__button--warning.status-filter__button--selected{border-color:var(--color-warning, #f39c12);color:var(--color-warning, #f39c12)}.status-filter__button--critical.status-filter__button--selected{border-color:var(--color-critical, #e74c3c);color:var(--color-critical, #e74c3c)}.status-filter__button--offline.status-filter__button--selected{border-color:var(--color-offline, #7f8c8d);color:var(--color-offline, #7f8c8d)}.status-filter__clear{font-size:.75rem;font-family:inherit;color:var(--color-text-secondary, #a0aec0);background:none;border:none;cursor:pointer;text-decoration:underline;padding:.25rem .5rem;margin-left:.25rem;border-radius:.25rem;transition:color .15s ease}.status-filter__clear:hover{color:var(--color-text-primary, #f0f4f8)}.status-filter__clear:focus{outline:2px solid transparent}.status-filter__clear:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}@supports not selector(:focus-visible){.status-filter__clear:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}}@media(max-width:768px){.status-filter{flex-direction:column;align-items:flex-start;gap:.5rem}.status-filter__buttons{width:100%}.status-filter__button{flex:1;justify-content:center;min-width:0;padding:.5rem}}.tag-filter{display:flex;flex-direction:column;gap:.5rem}.tag-filter__container{position:relative;display:inline-block}.tag-filter__row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tag-filter__label{font-size:.875rem;color:var(--color-text-secondary, #a0aec0)}.tag-filter__button{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.375rem;border:1px solid var(--color-border, #2d4832);background:var(--color-bg-card, #163e21);color:var(--color-text-secondary, #a0aec0);cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .15s ease;min-width:120px;justify-content:space-between}.tag-filter__button:hover:not(:disabled){border-color:var(--color-text-secondary, #a0aec0)}.tag-filter__button:disabled{opacity:.5;cursor:not-allowed}.tag-filter__button:focus{outline:2px solid transparent}.tag-filter__button:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}@supports not selector(:focus-visible){.tag-filter__button:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}}.tag-filter__button--open{border-color:var(--color-primary, #667eea)}.tag-filter__button--has-selection{color:var(--color-text-primary, #f0f4f8);border-color:var(--color-primary, #667eea)}.tag-filter__button-text{flex:1;text-align:left}.tag-filter__chevron{width:1rem;height:1rem;transition:transform .15s ease}.tag-filter__button--open .tag-filter__chevron{transform:rotate(180deg)}.tag-filter__spinner{width:1rem;height:1rem;animation:tag-filter-spin 1s linear infinite}.tag-filter__spinner-circle{stroke:currentColor;stroke-dasharray:32;stroke-dashoffset:32;animation:tag-filter-dash 1.5s ease-in-out infinite}@keyframes tag-filter-spin{to{transform:rotate(360deg)}}@keyframes tag-filter-dash{0%{stroke-dashoffset:32}50%{stroke-dashoffset:8}to{stroke-dashoffset:32}}.tag-filter__dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:200px;max-width:300px;max-height:240px;overflow-y:auto;margin-top:.25rem;padding:.25rem 0;list-style:none;background:var(--color-bg-elevated, #1a1f2e);border:1px solid var(--color-border, #2d4832);border-radius:.5rem;box-shadow:0 4px 12px #0000004d}.tag-filter__option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary, #a0aec0);transition:background-color .1s ease}.tag-filter__option:hover{background-color:var(--color-bg-hover, rgba(255, 255, 255, .05))}.tag-filter__option--selected{color:var(--color-text-primary, #f0f4f8)}.tag-filter__option--focused{background-color:var(--color-bg-hover, rgba(255, 255, 255, .05));outline:2px solid var(--color-primary, #667eea);outline-offset:-2px}.tag-filter__checkbox{width:1rem;height:1rem;border:1px solid var(--color-border, #2d4832);border-radius:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.tag-filter__option--selected .tag-filter__checkbox{background-color:var(--color-primary, #667eea);border-color:var(--color-primary, #667eea)}.tag-filter__checkmark{width:.625rem;height:.625rem;color:#fff;opacity:0}.tag-filter__option--selected .tag-filter__checkmark{opacity:1}.tag-filter__color{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.tag-filter__option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-filter__empty{padding:1rem;text-align:center;color:var(--color-text-muted, #6b7280);font-size:.875rem}.tag-filter__chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag-filter__clear{font-size:.75rem;font-family:inherit;color:var(--color-text-secondary, #a0aec0);background:none;border:none;cursor:pointer;text-decoration:underline;padding:.25rem .5rem;border-radius:.25rem;transition:color .15s ease}.tag-filter__clear:hover{color:var(--color-text-primary, #f0f4f8)}.tag-filter__clear:focus{outline:2px solid transparent}.tag-filter__clear:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}@supports not selector(:focus-visible){.tag-filter__clear:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}}@media(max-width:768px){.tag-filter__dropdown{min-width:160px}}.servers-page{max-width:1200px}.servers-page h1{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-text-primary, #e4e4e4)}.servers-page__filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.servers-page__search{flex:1;max-width:20rem}.servers-page__header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:1rem}.servers-page__count{font-size:.875rem;color:var(--color-text-secondary, #a0a0a0);white-space:nowrap}.servers-page__reset-button{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--color-border, #2a3f5f);border-radius:4px;color:var(--color-text-secondary, #a0a0a0);cursor:pointer;font-size:.875rem;transition:background-color .2s ease,color .2s ease}.servers-page__reset-button:hover{background-color:var(--color-bg-hover, #1a2744);color:var(--color-text-primary, #e4e4e4)}.servers-page__reset-button:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px}.servers-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-sidebar, #163e21);border:1px solid var(--color-critical, #e74c3c);border-radius:8px;text-align:center}.servers-page__error-message{font-size:1rem;color:var(--color-critical, #e74c3c);margin-bottom:1rem}.servers-page__retry-button{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background-color:var(--color-accent, #0077b6);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.servers-page__retry-button:hover{background-color:var(--color-accent-hover, #00b4d8)}.servers-page__retry-button:focus{outline:2px solid var(--color-accent, #0077b6);outline-offset:2px}.servers-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-sidebar, #163e21);border:1px solid var(--color-border, #2a3f5f);border-radius:8px;text-align:center;margin-top:1.5rem}.servers-page__empty-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #e4e4e4);margin-bottom:.5rem}.servers-page__empty-message{font-size:.875rem;color:var(--color-text-secondary, #a0a0a0);max-width:400px;line-height:1.5}.servers-page__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-card, #163e21);border:1px solid var(--color-border, #2a3f5f);border-radius:8px;text-align:center}.servers-page__no-results-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #e4e4e4);margin-bottom:.5rem}.servers-page__no-results-message{font-size:.875rem;color:var(--color-text-secondary, #a0a0a0);max-width:400px;line-height:1.5}@media(min-width:768px){.servers-page__filters{flex-direction:row;align-items:center;justify-content:space-between}}@media(max-width:768px){.servers-page__filters{flex-direction:column;align-items:stretch;gap:.75rem}.servers-page__search{max-width:none}.servers-page__count{text-align:center}}:root{--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}:root{--container-sm: 100%;--container-md: 720px;--container-lg: 960px;--container-xl: 1200px}:root{--spacing-page: 1.5rem;--spacing-card: 1.25rem;--spacing-section: 2rem}@media(max-width:768px){:root{--spacing-page: 1rem;--spacing-card: 1rem;--spacing-section: 1.5rem}}@media(max-width:480px){:root{--spacing-page: .75rem;--spacing-card: .75rem;--spacing-section: 1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--sidebar-width: 224px;--header-height: 60px;--color-bg-primary: #1a2e1a;--color-bg-sidebar: #163e21;--color-bg-header: #0f6034;--color-bg-card: #1a2e1a;--color-text-primary: #e4e4e4;--color-text-secondary: #a0a0a0;--color-accent: #00b65c;--color-accent-hover: #00d86b;--color-primary: #2ecc71;--color-healthy: #2ecc71;--color-warning: #f39c12;--color-critical: #e74c3c;--color-offline: #95a5a6;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}#root{min-height:100vh}h1{font-size:1.75rem;line-height:1.2;margin-bottom:1rem}h2{font-size:1.25rem;line-height:1.3;margin-bottom:.75rem}a{font-weight:500;color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.dashboard-page__placeholder,.servers-page__placeholder,.alerts-page__placeholder{color:var(--color-text-secondary);font-style:italic;margin-top:1rem}