@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#00d4aa;--color-primary-hover:#00f0c0;--color-primary-dim:#00d4aa26;--color-primary-glow:#00d4aa4d;--color-bg:#0f1419;--color-bg-elevated:#131a22;--color-surface:#1a2332;--color-surface-hover:#243044;--color-surface-border:#ffffff0f;--color-text:#e8eaed;--color-text-secondary:#9aa5b4;--color-text-muted:#636e7b;--color-success:#00d68f;--color-warning:#fa0;--color-error:#ff3d71;--color-info:#0095ff;--color-offline:#636e7b;--color-unknown:#4a5568;--color-success-bg:#00d68f1f;--color-warning-bg:#ffaa001f;--color-error-bg:#ff3d711f;--color-info-bg:#0095ff1f;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-xs:.6875rem;--font-sm:.75rem;--font-base:.875rem;--font-md:1rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-2xl:2rem;--font-3xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--color-primary-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--sidebar-width:240px;--header-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);padding:var(--space-8);flex:1;max-width:100%;overflow-x:hidden}.card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:#ffffff1a}.card-glass{-webkit-backdrop-filter:blur(20px);background:#1a2332b3}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-dim);transform:translateY(-2px)}.metric-card{position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), transparent);opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.metric-card__label{font-size:var(--font-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:500}.metric-card__value{font-size:var(--font-2xl);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.metric-card__unit{font-size:var(--font-sm);color:var(--color-text-secondary);margin-left:var(--space-1);font-weight:400}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.04em;padding:2px 10px;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}.badge--online{background:var(--color-success-bg);color:var(--color-success)}.badge--online:before{background:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--warning:before{background:var(--color-warning)}.badge--error{background:var(--color-error-bg);color:var(--color-error)}.badge--error:before{background:var(--color-error)}.badge--offline{color:var(--color-offline);background:#636e7b26}.badge--offline:before{background:var(--color-offline);animation:none}.badge--unknown{color:var(--color-unknown);background:#4a556826}.badge--unknown:before{background:var(--color-unknown);animation:none}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--info:before{background:var(--color-info)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-base);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;height:40px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #00b894);color:#0f1419}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-surface-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-danger{background:var(--color-error);color:#fff}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-sm{height:32px;padding:var(--space-1) var(--space-3);font-size:var(--font-sm)}.input{width:100%;height:40px;padding:0 var(--space-4);background:var(--color-bg);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-base);transition:all var(--transition-fast)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim);outline:none}.input::placeholder{color:var(--color-text-muted)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--color-surface-border);overflow-x:auto}table{border-collapse:collapse;width:100%}th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-surface-border);white-space:nowrap;font-weight:600}td{padding:var(--space-3) var(--space-4);font-size:var(--font-base);border-bottom:1px solid var(--color-surface-border);white-space:nowrap}tr:hover td{background:#ffffff05}tr:last-child td{border-bottom:none}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-surface-border);margin-bottom:var(--space-6);display:flex}.tab{padding:var(--space-3) var(--space-5);font-size:var(--font-base);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;border-bottom:2px solid #0000}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.toast-container{top:var(--space-6);right:var(--space-6);z-index:10000;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-base);min-width:280px;max-width:400px;box-shadow:var(--shadow-lg);font-weight:500;animation:.3s toast-in}.toast--success{background:var(--color-success);color:#0f1419}.toast--error{background:var(--color-error);color:#fff}.toast--warning{background:var(--color-warning);color:#0f1419}.toast--info{background:var(--color-info);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-secondary)}.empty-state__icon{margin-bottom:var(--space-4);opacity:.3;font-size:3rem}.empty-state__title{font-size:var(--font-lg);color:var(--color-text);margin-bottom:var(--space-2);font-weight:600}.empty-state__desc{font-size:var(--font-base);max-width:400px;margin:0 auto}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-hover) 50%, var(--color-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.page-header__title{font-size:var(--font-xl);font-weight:700}.page-header__subtitle{font-size:var(--font-base);color:var(--color-text-secondary);margin-top:var(--space-1)}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--sidebar-width:0px;--mobile-header-height:56px}.app-main{padding:var(--space-4);padding-top:calc(var(--mobile-header-height) + var(--space-4));margin-left:0}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.table-container{-webkit-overflow-scrolling:touch}.page-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0}}@media (width<=480px){.grid-4{grid-template-columns:1fr}.metric-card__value{font-size:var(--font-xl)}}.sidebar{width:var(--sidebar-width);background:var(--color-bg-elevated);border-right:1px solid var(--color-surface-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar__close{display:none}.sidebar__brand{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-surface-border);display:flex}.sidebar__logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), #00b894);color:#0f1419;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar__brand-name{font-size:var(--font-md);color:var(--color-text);font-weight:700}.sidebar__brand-sub{font-size:var(--font-xs);color:var(--color-text-muted)}.sidebar__nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar__section{padding:var(--space-4) var(--space-4) var(--space-1);font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.sidebar__divider{height:1px;margin:var(--space-3) var(--space-4);background:var(--color-surface-border)}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-base);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--color-surface);color:var(--color-text)}.sidebar__link.active{background:var(--color-primary-dim);color:var(--color-primary)}.sidebar__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-surface-border)}.sidebar__lang{margin-bottom:var(--space-3);gap:4px;display:flex}.sidebar__lang-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex:1;padding:4px 8px;font-weight:500}.sidebar__lang-btn:hover{background:var(--color-surface);color:var(--color-text)}.sidebar__lang-btn.active{background:var(--color-primary-dim);color:var(--color-primary);border-color:var(--color-primary)}.sidebar__user{align-items:center;gap:var(--space-3);display:flex}.sidebar__avatar{background:var(--color-surface);width:36px;height:36px;font-weight:600;font-size:var(--font-base);color:var(--color-primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__user-name{font-size:var(--font-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:600;overflow:hidden}.sidebar__user-role{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:capitalize}.mobile-header,.sidebar-overlay{display:none}@media (width<=768px){.mobile-header{height:var(--mobile-header-height,56px);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-surface-border);padding:0 var(--space-4);z-index:90;align-items:center;gap:var(--space-3);display:flex;position:fixed;top:0;left:0;right:0}.mobile-header__hamburger{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-header__hamburger:hover{background:var(--color-surface)}.mobile-header__hamburger:active{background:var(--color-surface-hover);transform:scale(.95)}.mobile-header__brand{align-items:center;gap:var(--space-2);display:flex}.mobile-header__logo{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), #00b894);color:#0f1419;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-header__title{font-size:var(--font-md);color:var(--color-text);font-weight:700}.mobile-header__spacer{flex:1}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:199;background:#0009;animation:.25s overlay-fade-in;display:block;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.sidebar{z-index:200;width:280px;box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar--open{transform:translate(0);box-shadow:4px 0 32px #00000080}.sidebar__close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:10;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.sidebar__close:hover{background:var(--color-surface);color:var(--color-text)}.sidebar__link{padding:var(--space-4) var(--space-4);font-size:var(--font-md)}}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-glow{filter:blur(120px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.login-bg-glow--1{background:var(--color-primary);width:500px;height:500px;animation:8s ease-in-out infinite float-glow;top:-100px;right:-100px}.login-bg-glow--2{background:#0095ff;width:400px;height:400px;animation:10s ease-in-out infinite reverse float-glow;bottom:-150px;left:-100px}@keyframes float-glow{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.login-card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);padding:var(--space-10);width:100%;max-width:400px;margin:var(--space-4);z-index:1;box-shadow:var(--shadow-lg);background:#1a2332cc;position:relative}.login-card__header{text-align:center;margin-bottom:var(--space-8)}.login-card__logo{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary), #00b894);width:56px;height:56px;margin:0 auto var(--space-4);color:#0f1419;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.login-card__title{font-size:var(--font-xl);color:var(--color-text);margin-bottom:var(--space-1);font-weight:700}.login-card__subtitle{font-size:var(--font-sm);color:var(--color-text-secondary)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-label{font-size:var(--font-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.login-error{padding:var(--space-3) var(--space-4);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-sm);border:1px solid #ff3d7133;font-weight:500}.login-submit{width:100%;height:44px;font-size:var(--font-md);margin-top:var(--space-2)}.login-spinner{border:2.5px solid #0000;border-top-color:#0f1419;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-card__footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-xs);color:var(--color-text-muted)}.pagination{padding:var(--space-4) 0;margin-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.pagination__info{font-size:var(--font-sm);color:var(--color-text-secondary)}.pagination__info strong{color:var(--color-text);font-weight:600}.pagination__controls{align-items:center;gap:var(--space-1);display:flex}.pagination__btn{min-width:36px;height:36px;padding:0 var(--space-2);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.pagination__btn:hover:not(:disabled):not(.active){background:var(--color-surface-hover);color:var(--color-text);border-color:#ffffff1f}.pagination__btn.active{background:linear-gradient(135deg, var(--color-primary), #00b894);color:#0f1419;box-shadow:0 0 12px var(--color-primary-glow);border-color:#0000;font-weight:700}.pagination__btn:disabled{opacity:.3;cursor:not-allowed}.pagination__ellipsis{width:32px;height:36px;color:var(--color-text-muted);font-size:var(--font-base);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}@media (width<=600px){.pagination{justify-content:center;gap:var(--space-3);flex-direction:column}}.overview-page{max-width:1400px}.overview-toolbar{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.overview-search{max-width:400px}.overview-filters{gap:var(--space-3);flex-wrap:wrap;flex:1;align-items:center;display:flex}.site-picker{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238B949E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;min-width:160px;max-width:220px;padding-right:36px}.status-filters{gap:var(--space-2);display:flex}.device-card{gap:var(--space-4);flex-direction:column;display:flex}.device-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.device-card__name{font-size:var(--font-md);color:var(--color-text);font-weight:600}.device-card__id{font-size:var(--font-xs);color:var(--color-text-muted);font-family:var(--font-mono);margin-top:2px}.device-card__metrics{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.device-card__metric{flex-direction:column;gap:2px;display:flex}.device-card__metric-label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.device-card__metric-value{font-size:var(--font-lg);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}.device-card__footer{padding-top:var(--space-3);border-top:1px solid var(--color-surface-border);justify-content:space-between;align-items:center;display:flex}.device-card__site{font-size:var(--font-sm);color:var(--color-text-secondary)}.device-card__time{font-size:var(--font-xs);color:var(--color-text-muted)}.device-card-skeleton{padding:var(--space-6);height:180px}@media (width<=768px){.overview-toolbar{gap:var(--space-3);flex-direction:column}.overview-search{max-width:100%}.overview-filters{gap:var(--space-3);flex-direction:column;width:100%}.site-picker{width:100%;max-width:100%}.status-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:2px;overflow-x:auto}.status-filters::-webkit-scrollbar{display:none}.status-filters .btn{flex-shrink:0}}.detail-page{max-width:1400px}.detail-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.detail-header__title{font-size:var(--font-xl);font-weight:700;font-family:var(--font-mono)}.detail-header__meta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.detail-header__node{font-size:var(--font-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.detail-header__right{align-items:center;gap:var(--space-4);display:flex}.detail-header__time{font-size:var(--font-sm);color:var(--color-text-muted)}.detail-overview{gap:var(--space-6);grid-template-columns:1fr 340px;display:grid}.detail-overview__main{gap:var(--space-6);flex-direction:column;display:flex}.detail-overview__side{gap:var(--space-4);flex-direction:column;display:flex}@media (width<=1024px){.detail-overview{grid-template-columns:1fr}}.detail-chart{padding:var(--space-6)}.detail-chart__title{font-size:var(--font-md);margin-bottom:var(--space-4);font-weight:600}.config-panel__title{font-size:var(--font-md);margin-bottom:var(--space-2);font-weight:600}.config-panel__desc{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.config-panel__form{gap:var(--space-3);flex-direction:column;display:flex}.config-panel__actions{gap:var(--space-2);display:flex}.config-panel__result{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500}.config-panel__result.success{background:var(--color-success-bg);color:var(--color-success)}.config-panel__result.error{background:var(--color-error-bg);color:var(--color-error)}.latest-ack{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.latest-ack__desc{font-size:var(--font-sm);color:var(--color-text-secondary)}.latest-ack__time{font-size:var(--font-xs);color:var(--color-text-muted)}.latest-events{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.latest-event-item{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-surface-border);display:flex}.latest-event-item:last-child{border-bottom:none}.latest-event-item__name{font-size:var(--font-sm);font-family:var(--font-mono);flex:1}.latest-event-item__time{font-size:var(--font-xs);color:var(--color-text-muted)}.detail-cmd-ack{flex-direction:column;display:flex}@media (width<=768px){.detail-header{gap:var(--space-3);flex-direction:column}.detail-header__title{font-size:var(--font-lg);word-break:break-all}.detail-header__right{justify-content:space-between;width:100%}.detail-chart{padding:var(--space-4)}}.users-page{max-width:1000px}.users-cell-name{font-weight:500;font-size:var(--font-sm)}.users-cell-email{color:var(--color-text-secondary);font-size:var(--font-xs);margin-top:2px}.users-all-sites{color:var(--color-primary);font-weight:500;font-size:var(--font-sm)}.users-no-sites{color:var(--color-text-secondary);font-size:var(--font-sm);font-style:italic}.users-sites-list{flex-wrap:wrap;gap:4px;display:flex}.users-site-tag{color:var(--color-primary);font-size:var(--font-xs);border-radius:var(--radius-sm);background:#00d4aa1f;padding:2px 8px;font-weight:500;display:inline-block}.users-actions{gap:6px;display:flex}.site-checkbox-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;gap:6px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.site-checkbox{font-size:var(--font-sm);cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px 6px;transition:background .15s;display:flex}.site-checkbox:hover{background:#00d4aa14}.site-checkbox input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:16px;height:16px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:480px;animation:.2s slideUp;box-shadow:0 24px 48px #0000004d}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--font-lg);margin:0;font-weight:600}.modal-close{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;font-size:18px;transition:color .15s}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.modal-info{font-size:var(--font-sm);justify-content:space-between;align-items:center;display:flex}.modal-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:var(--font-xs)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-size:var(--font-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.form-hint{font-size:var(--font-xs);color:var(--color-text-secondary)}.form-message{font-size:var(--font-sm);padding:var(--space-3);border-radius:var(--radius-sm);background:#00d4aa14}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.error-popup{text-align:center;max-width:400px}.error-popup__header{border-bottom-color:#f851494d!important}.error-popup__header h3{color:var(--color-error)}.error-popup__icon{margin-bottom:var(--space-3);justify-content:center;display:flex}.error-popup__text{font-size:var(--font-sm);color:var(--color-text);word-break:break-word;margin:0;line-height:1.6}.modal-content select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238B949E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.admin-page{max-width:1200px}.admin-section{margin-top:var(--space-6)}.admin-section__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.admin-section__title{font-size:var(--font-lg);margin:0;font-weight:600}.admin-form{margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--color-primary);border-left:3px solid var(--color-primary)}.admin-form__grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.admin-form__actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.form-hint{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:4px;display:block}.admin-device-picker{margin-bottom:var(--space-4);max-width:480px}.admin-device-picker .form-label{margin-bottom:6px;display:block}.admin-msg{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-sm);margin-bottom:var(--space-4)}.admin-msg.success{color:var(--color-primary);background:#00d4aa1a;border:1px solid #00d4aa40}.admin-msg.error{color:var(--color-error);background:#f851491a;border:1px solid #f8514940}.edit-row td{padding:var(--space-2) var(--space-3)!important}.edit-row .input-sm{font-size:var(--font-sm);min-width:0;padding:6px 10px}@media (width<=768px){.admin-form__grid{grid-template-columns:1fr}.admin-form__grid .form-group[style*=grid-column]{grid-column:span 1!important}}.kb-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.kb-back{margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-base);transition:color var(--transition-fast);text-decoration:none;display:inline-block}.kb-back:hover{color:var(--color-primary)}.kb-filters{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.kb-filters .input{max-width:280px}.kb-row{cursor:pointer;transition:background var(--transition-fast)}.kb-row:hover{background:var(--color-surface-hover)}.kb-row--warn{background:var(--color-warning-bg)}.kb-node-name{color:var(--color-text);font-weight:600}.kb-node-id,.kb-sub{font-family:var(--font-mono);font-size:var(--font-xs);color:var(--color-text-muted);margin-top:2px;display:block}.kb-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.kb-metrics{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kb-metric-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.kb-metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--font-lg);color:var(--color-text);font-weight:600}.kb-metric-value--sm{font-size:var(--font-base);font-weight:500}.kb-section-title{font-size:var(--font-md);margin:0 0 var(--space-4);color:var(--color-text);font-weight:600}.kb-command-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.kb-command-card h3{font-size:var(--font-base);margin:0 0 var(--space-1);color:var(--color-text);font-weight:600}.kb-command-card p{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.kb-command-card .btn-secondary,.kb-command-card .btn-ghost{background:var(--color-primary-dim);border:1px solid var(--color-primary-glow);color:var(--color-primary)}.kb-command-card .btn-secondary:hover:not(:disabled),.kb-command-card .btn-ghost:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-hover);background:#00d4aa3d}.kb-command-card--danger{border-color:#ff3d7140}.kb-command-card--danger .btn-secondary,.kb-command-card--danger .btn-ghost{color:var(--color-error);background:#ff3d711f;border-color:#ff3d7173}.kb-command-card--danger .btn-secondary:hover:not(:disabled),.kb-command-card--danger .btn-ghost:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);background:#ff3d7133}.kb-command-row{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.kb-command-row .input{flex:1;min-width:0}.kb-result{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-sm)}.kb-result--pending{background:var(--color-info-bg);color:var(--color-info)}.kb-result--ok{background:var(--color-success-bg);color:var(--color-success)}.kb-result--fail{background:var(--color-error-bg);color:var(--color-error)}.kb-hint{margin-top:var(--space-2);font-size:var(--font-xs);color:var(--color-text-muted)}.kb-error-text{color:var(--color-error)}.kb-tabs{margin-bottom:var(--space-4)}.kb-checkbox{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--font-base);color:var(--color-text-secondary);cursor:pointer;display:inline-flex}.kb-schedule-card{gap:var(--space-4);flex-direction:column;max-width:640px;display:flex}.kb-day-picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.kb-day{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);display:inline-flex}.kb-day--on{background:var(--color-primary-dim);border-color:var(--color-primary-glow);color:var(--color-primary);font-weight:600}.kb-day input{accent-color:var(--color-primary);margin:0}.kb-day:has(input:disabled){opacity:.5;cursor:not-allowed}.kb-modal--narrow{max-width:620px}.kb-field{gap:var(--space-2);font-size:var(--font-sm);color:var(--color-text-secondary);flex-direction:column;flex:1;min-width:140px;display:flex}.kb-field-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.kb-schedule-meta{padding-top:var(--space-4);border-top:1px solid var(--color-surface-border);gap:var(--space-2);font-size:var(--font-sm);flex-direction:column;margin:0;display:flex}.kb-schedule-meta div{gap:var(--space-3);display:flex}.kb-schedule-meta dt{color:var(--color-text-muted);min-width:140px}.kb-schedule-meta dd{color:var(--color-text);margin:0}.kb-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--space-4);z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kb-modal{background:var(--color-bg-elevated);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:1100px;max-height:88vh;display:flex}.kb-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-surface-border);display:flex}.kb-modal__header h2{font-size:var(--font-md);color:var(--color-text);margin:0;font-weight:600}.kb-modal__header p{margin:var(--space-1) 0 0;font-size:var(--font-sm);color:var(--color-text-secondary)}.kb-modal__close{color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none}.kb-modal__close:hover{color:var(--color-text);background:var(--color-surface)}.kb-modal__body{padding:var(--space-4) var(--space-6);flex:1;overflow-y:auto}.kb-modal__footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-surface-border);display:flex}.kb-modal__footer .kb-hint{margin-top:0}.kb-slot-num{font-family:var(--font-mono);color:var(--color-text-muted);text-align:center}.kb-slot--empty td{opacity:.55}.kb-slot-note{max-width:240px;color:var(--color-text-secondary);font-size:var(--font-sm)}.kb-slot-time{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap}@media (width<=768px){.kb-page{padding:var(--space-4)}.kb-command-grid{grid-template-columns:1fr}.kb-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kb-filters .input{max-width:none}}