@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#eef0f6;--bg-panel:#f5f6fb;--bg-card:#fff;--bg-elev:#fff;--bg-hover:#e7eaf3;--bg-subtle:#f4f5fa;--bg-input:#fff;--bg-overlay:#0d0f1780;--border:#d8dcec;--border-bright:#c3c9de;--border-strong:#aab0cc;--text-primary:#12141f;--text-secondary:#565c77;--text-muted:#8a90ac;--text-inverse:#fff;--accent:#8db600;--accent-strong:#799c00;--accent-contrast:#12140a;--accent-dim:#8db6001a;--accent-border:#8db60052;--accent-ring:#8db60042;--accent-text:#6e8f00;--green:#6e8f00;--green-dim:#8db6001a;--green-border:#8db6004d;--red:#e1355c;--red-dim:#e1355c14;--red-border:#e1355c42;--yellow:#c97a0c;--yellow-dim:#c97a0c17;--yellow-border:#c97a0c42;--orange:#d9720c;--orange-dim:#d9720c17;--orange-border:#d9720c42;--blue:#2f7fe0;--blue-dim:#2f7fe014;--blue-border:#2f7fe03d;--violet:#e0417e;--violet-dim:#e0417e14;--violet-border:#e0417e3d;--chart-1:#8db600;--chart-2:#2f7fe0;--chart-grid:#e1e4ef;--code-section:#6e8f00;--code-path:#8a6a2c;--code-comment:#8a90ac;--shadow-1:0 1px 2px #12141f12;--shadow-2:0 1px 2px #12141f0f, 0 8px 20px -6px #12141f24;--shadow-3:0 16px 40px -10px #12141f38, 0 2px 6px #12141f14}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0c0e17;--bg-panel:#12141f;--bg-card:#171a28;--bg-elev:#1e2233;--bg-hover:#212639;--bg-subtle:#191c2a;--bg-input:#12141f;--bg-overlay:#04050abf;--border:#262b40;--border-bright:#333a54;--border-strong:#454d6e;--text-primary:#f5f7fb;--text-secondary:#9aa1c0;--text-muted:#6c7290;--text-inverse:#12140a;--accent:#c6f135;--accent-strong:#b4dc1f;--accent-contrast:#12140a;--accent-dim:#c6f1351f;--accent-border:#c6f13552;--accent-ring:#c6f1354d;--accent-text:#c6f135;--green:#c6f135;--green-dim:#c6f1351f;--green-border:#c6f13547;--red:#ff6480;--red-dim:#ff648021;--red-border:#ff648047;--yellow:#f5c450;--yellow-dim:#f5c45021;--yellow-border:#f5c45047;--orange:#f5a623;--orange-dim:#f5a62321;--orange-border:#f5a62347;--blue:#4fa0f0;--blue-dim:#4fa0f021;--blue-border:#4fa0f047;--violet:#f2568e;--violet-dim:#f2568e21;--violet-border:#f2568e47;--chart-1:#c6f135;--chart-2:#4fa0f0;--chart-grid:#262b40;--code-section:#c6f135;--code-path:#e8d89a;--code-comment:#6c7290;--shadow-1:inset 0 1px 0 #ffffff0a, 0 1px 2px #00000080;--shadow-2:inset 0 1px 0 #ffffff0d, 0 10px 26px -8px #000000a6;--shadow-3:inset 0 1px 0 #ffffff0f, 0 24px 56px -14px #000000c7}:root{--r-xs:8px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--fs-3xs:10px;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:44px;--track-tight:-.022em;--track-wide:.07em;--track-caps:.1em;--z-sidebar:10;--z-sticky:20;--z-dropdown:100;--z-overlay:900;--z-modal:1000;--z-toast:1100;--ease:cubic-bezier(.2, .7, .3, 1);--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--term-bg:#0a0e13;--term-border:#1e2733;--term-text:#b8c4d0;--term-muted:#5c6b7a;--term-prompt-host:#34d399;--term-prompt-cmd:#e8eef4;--term-accent:#c6f135;--auth-bg:#0c0e17;--auth-bg-raise:#12141f;--auth-border:#262b40;--auth-text:#f5f7fb;--auth-text-dim:#8087a4;--auth-accent:#c6f135}*{box-sizing:border-box}body{background:var(--bg-base);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}#root{text-align:left;width:100%;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;position:relative}.status-dot.online{background:var(--green);animation:2.5s infinite pulse-dot}.status-dot.offline{background:var(--red)}.status-dot.warning{background:var(--yellow)}.status-dot.unknown{background:var(--text-muted)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-dot.heartbeat{width:10px;height:10px}.status-dot.heartbeat.online:after{content:"";border:1px solid var(--green);border-radius:50%;animation:2s ease-out infinite heartbeat-ring;position:absolute;inset:0}@keyframes heartbeat-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.freshness-label{font-size:var(--fs-2xs);color:var(--text-muted);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--s-5)}.card-elevated{background:var(--bg-elev);box-shadow:var(--shadow-2)}.card-hover{transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-2);border-color:var(--border-bright);transform:translateY(-2px)}.home-account-chip{font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap}.home-account-chip strong{color:var(--text-primary)}.outage-alert{border-radius:var(--r-md);background:var(--red-dim);border:1px solid var(--red-border);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.outage-alert-main{flex:1;align-items:flex-start;gap:10px;min-width:240px;display:flex}.outage-alert-text{min-width:0;font-size:var(--fs-sm);color:var(--text-primary);flex:1;line-height:1.5}.outage-alert-btn{flex-shrink:0;margin-left:auto;padding:6px 12px}.quick-nav-grid{flex-wrap:wrap;gap:10px;display:flex}.quick-nav-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);text-align:center;width:88px;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 8px;text-decoration:none;display:flex}.quick-nav-chip:hover{box-shadow:var(--shadow-2);border-color:var(--border-bright);transform:translateY(-2px)}.quick-nav-chip-label{font-size:var(--fs-2xs);color:var(--text-secondary);font-weight:600;line-height:1.25}.icon-btn{border-radius:var(--r-pill);background:var(--bg-elev);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-bright)}.icon-btn-light{background:var(--text-primary);color:var(--bg-base);border:none}.icon-btn-light:hover{background:var(--text-secondary)}.icon-chip{border-radius:var(--r-sm);background:var(--bg-subtle);border:1px solid var(--border);width:34px;height:34px;color:var(--accent-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-stack{align-items:center;display:flex}.avatar{border:2px solid var(--bg-card);background:var(--bg-hover);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;font-size:10px;font-weight:700;display:flex}.avatar-stack .avatar:first-child{margin-left:0}.progress-track{border-radius:var(--r-pill);background:var(--bg-subtle);border:1px solid var(--border);height:6px;overflow:hidden}.progress-fill{border-radius:var(--r-pill);background:var(--accent);height:100%;transition:width .6s var(--ease)}.stat-trend{font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:700;display:inline-flex}.stat-trend.up{color:var(--green)}.stat-trend.down{color:var(--red)}.stat-label{font-size:var(--fs-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--track-wide);font-weight:500}.stat-value{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-weight:600;line-height:1}.badge{border-radius:var(--r-pill);font-size:var(--fs-2xs);letter-spacing:.03em;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:3px 9px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid var(--green-border)}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid var(--red-border)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow);border:1px solid var(--yellow-border)}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid var(--blue-border)}.badge-gray,.badge-neutral{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.badge-purple,.badge-violet{background:var(--violet-dim);color:var(--violet);border:1px solid var(--violet-border)}.badge-accent{background:var(--accent-dim);color:var(--accent-text);border:1px solid var(--accent-border)}.badge-orange{background:var(--orange-dim);color:var(--orange);border:1px solid var(--orange-border)}.badge-solid{border:none}.badge-green.badge-solid{background:var(--accent);color:var(--accent-contrast);font-weight:700}.badge-red.badge-solid{background:var(--red);color:var(--text-inverse);font-weight:700}.badge-outline{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0}.table-row:hover{background:var(--bg-hover)}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);font-size:var(--fs-sm);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;width:100%;padding:9px 12px;font-family:Plus Jakarta Sans,sans-serif}.olt-selector-input{min-width:200px}.datetime-input{font-size:12px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input:disabled{opacity:.55;cursor:not-allowed}.input::placeholder{color:var(--text-muted)}select.input option{background:var(--bg-panel);color:var(--text-primary)}.btn{border-radius:var(--r-pill);font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:9px 18px;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;line-height:1;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);box-shadow:var(--shadow-1);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-bright)}.btn-danger{background:var(--red-dim);color:var(--red);border-color:var(--red-border)}.btn-danger:hover:not(:disabled){background:var(--red-dim);border-color:var(--red)}.btn-success{background:var(--green-dim);color:var(--green);border-color:var(--green-border)}.btn-success:hover:not(:disabled){background:var(--green-dim);border-color:var(--green)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong)}.top-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:20px;padding:12px 20px;display:flex}.top-header-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.top-header-logo{border-radius:var(--r-sm);background:var(--accent);width:32px;height:32px;color:var(--accent-contrast);box-shadow:var(--shadow-1);flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-header-title{color:var(--text-primary);letter-spacing:var(--track-tight);white-space:nowrap;font-size:14px;font-weight:700;line-height:1.2}.top-header-subtitle{color:var(--text-muted);letter-spacing:.05em;white-space:nowrap;margin-top:2px;font-size:10px}.top-header-tabs{flex:1;min-width:0;overflow-x:auto}.scroll-fade-x{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%)}.top-header-tabs .tab-btn{white-space:nowrap;text-decoration:none}.top-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.top-header-actions .icon-btn{text-decoration:none}.top-header-user{position:relative}.top-header-avatar-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:4px;padding:2px;display:flex}.top-header-avatar{background:var(--accent-dim);width:30px;height:30px;color:var(--accent-text);border-color:var(--border);margin-left:0;font-size:12px}.top-header-menu{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);min-width:180px;box-shadow:var(--shadow-3);z-index:var(--z-dropdown);padding:12px;animation:.15s both fade-up;position:absolute;top:calc(100% + 8px);right:0}.top-header-menu-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.top-header-menu-role{color:var(--text-muted);text-transform:capitalize;margin-top:1px;font-size:11px}.top-header-menu-item{cursor:pointer;width:100%;color:var(--text-secondary);border-radius:var(--r-xs);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;align-items:center;gap:8px;padding:6px 4px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;display:flex}.top-header-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-rail{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:68px;min-width:68px;height:100%;display:flex;overflow-y:auto}.icon-rail-nav{flex-direction:column;align-items:center;gap:8px;padding:18px 0;display:flex}.icon-rail-btn{border-radius:var(--r-md);width:40px;height:40px;color:var(--text-secondary);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.icon-rail-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.icon-rail-btn.active{color:var(--accent-contrast);background:var(--accent);box-shadow:var(--shadow-1)}.section-title{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--track-caps);margin:0 0 12px;font-weight:600}.mono{font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}pre.config{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--text-secondary);max-height:600px;padding:16px;font-family:JetBrains Mono,monospace;line-height:1.7;overflow:auto}.tabs{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-pill);gap:2px;width:fit-content;padding:4px;display:flex}.tab-btn{border-radius:var(--r-pill);font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;padding:7px 16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--accent);color:var(--accent-contrast);font-weight:700}.modal-overlay{background:var(--bg-overlay);z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--dur) var(--ease) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl);color:var(--text-primary);box-shadow:var(--shadow-3);width:480px;max-width:95vw;max-height:90vh;z-index:var(--z-modal);animation:modal-in var(--dur-slow) var(--ease) both;padding:24px;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.page-header{margin-bottom:var(--s-6);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{font-size:var(--fs-xl);color:var(--text-primary);letter-spacing:var(--track-tight);text-wrap:balance;margin:0;font-weight:700;line-height:1.15}.page-subtitle{font-size:var(--fs-sm);color:var(--text-secondary);max-width:62ch;margin:3px 0 0}.empty-state{text-align:center;padding:var(--s-8) var(--s-5);color:var(--text-muted);font-size:var(--fs-sm)}.data-table{border-collapse:collapse;width:100%}.data-table th{font-size:var(--fs-2xs);color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:var(--track-wide);border-bottom:1px solid var(--border);background:var(--bg-subtle);padding:10px 14px;font-weight:600}.data-table td{font-size:var(--fs-sm);color:var(--text-secondary);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:10px 14px;font-family:JetBrains Mono,monospace}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color var(--dur-fast) var(--ease)}.data-table tbody tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.icon-btn-sm{width:28px;height:28px}.stat-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.stat-card-head-left{align-items:center;gap:10px;min-width:0;display:flex}.stat-card-label{font-size:var(--fs-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.donut-legend-row{font-size:var(--fs-xs);align-items:center;gap:8px;padding:6px 0;display:flex}.donut-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.donut-legend-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.donut-legend-pct{color:var(--text-muted);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.donut-legend-value{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;min-width:56px;font-family:JetBrains Mono,monospace;font-weight:600}.list-row-avatar{border-bottom:1px solid var(--border);transition:background-color var(--dur) var(--ease);align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.list-row-avatar:last-child{border-bottom:none}.list-row-avatar:hover{background:var(--bg-hover)}.list-row-avatar-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.list-row-avatar-body{flex:1;min-width:0}.list-row-avatar-title{font-size:var(--fs-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.list-row-avatar-sub{font-size:var(--fs-2xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.list-row-avatar-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes soft-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.25s both fade-up}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner,[data-spin]{animation:1.4s ease-in-out infinite soft-pulse!important}}.text-accent{color:var(--accent-text)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-mono,.font-mono{font-family:JetBrains Mono,monospace}.divider{background:var(--border);height:1px}.info-row{font-size:var(--fs-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;display:flex}.page-shell{padding:clamp(20px,2.4vw,32px)}.app-shell{background:var(--bg-panel);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=768px){.app-shell{height:auto;min-height:100vh}}.split-pane{grid-template-columns:var(--split-left,320px) 1fr;gap:var(--s-4);align-items:start;display:grid}.auto-grid{grid-template-columns:repeat(auto-fit, minmax(var(--grid-min,260px), 1fr));gap:var(--s-4);display:grid}@media (width<=640px){.auto-grid{grid-template-columns:1fr}}.auto-grid-span2{grid-column:span 2}@media (width<=640px){.auto-grid-span2{grid-column:span 1}}.header-stat-divider{background:var(--border);flex-shrink:0;width:1px;height:32px}@media (width<=640px){.header-stat-divider{display:none}}@media (width<=900px){.split-pane{grid-template-columns:1fr}}.terminal-layout{flex:1;gap:20px;min-height:0;display:flex}.terminal-rail{flex-direction:column;flex-shrink:0;gap:8px;width:260px;display:flex}.term-suggestion{border:1px solid var(--term-border);border-radius:var(--r-sm);color:var(--term-text);text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);background:#c6f1350d;padding:6px 10px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.term-suggestion:hover:not(:disabled){border-color:var(--term-accent);background:#c6f13514}.term-suggestion:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.terminal-layout{flex-direction:column}.terminal-rail{width:100%;max-height:240px}}@media (width<=1100px){main{padding:0}}@media (width<=768px){.input{font-size:16px}.top-header{flex-wrap:wrap;gap:10px;padding:10px 14px}.top-header-tabs{flex:100%;order:3}.top-header-brand{flex-shrink:1;min-width:0}.top-header-title{text-overflow:ellipsis;overflow:hidden}.top-header-actions{flex-wrap:wrap;justify-content:flex-end}.app-body{flex-direction:column}.icon-rail{border-right:none;border-bottom:1px solid var(--border);width:100%;min-width:100%;height:auto}.icon-rail-nav{flex-direction:row;justify-content:flex-start;padding:8px 10px;overflow-x:auto}#root{flex-direction:column}.page-header{flex-direction:column;align-items:flex-start}.tabs{width:100%;overflow-x:auto}}@media (width<=760px){.login-shell{flex-direction:column;max-width:440px;min-height:0!important}.login-brand-panel{border-bottom:1px solid var(--auth-border);border-right:none!important;flex:none!important;padding:24px 28px!important}.login-tagline{display:none}}@media (width<=600px){main>div>div{padding:16px!important}.page-shell{padding:16px}.modal-box{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:90vh;position:fixed;bottom:0;left:0;right:0;width:100%!important;max-width:100%!important}.modal-overlay{align-items:flex-end}.olt-selector-input{min-width:140px}}.kanban-board{gap:var(--s-4);padding-bottom:var(--s-3);align-items:flex-start;display:flex;overflow-x:auto}.kanban-column{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);width:300px;max-height:calc(100vh - 220px);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), max-height var(--dur-slow) var(--ease);flex-direction:column;flex:0 0 300px;display:flex}.kanban-column.collapsed{max-height:none}.kanban-column.drop-active{border-color:var(--accent-border);box-shadow:inset 0 0 0 2px var(--accent-dim)}.kanban-column-header{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--r-lg) var(--r-lg) 0 0;background:0 0;border:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.kanban-column.collapsed .kanban-column-header{border-radius:var(--r-lg);padding-bottom:14px}.kanban-column-header:hover{background:var(--bg-hover)}.kanban-column-chevron{color:var(--text-muted);transition:transform var(--dur) var(--ease);flex-shrink:0}.kanban-column.collapsed .kanban-column-chevron{transform:rotate(-90deg)}.kanban-column-title{font-size:var(--fs-sm);color:var(--text-primary);flex:1;align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.kanban-column-count{font-family:JetBrains Mono,monospace;font-size:var(--fs-2xs);color:var(--text-muted);background:var(--bg-hover);border-radius:var(--r-pill);padding:2px 8px}.kanban-column-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-cards{min-height:60px;transition:background-color var(--dur) var(--ease);border-radius:0 0 var(--r-lg) var(--r-lg);flex-direction:column;flex:1;gap:10px;padding:0 10px 10px;display:flex;overflow-y:auto}.kanban-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);cursor:grab;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);padding:12px 13px}.kanban-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-2);transform:translateY(-1px)}.kanban-card.dragging{opacity:.5}.kanban-card-priority-bar{border-radius:var(--r-pill);width:100%;height:3px;margin-bottom:10px}.kanban-card-title{font-size:var(--fs-sm);color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.kanban-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.kanban-card-id{font-family:JetBrains Mono,monospace;font-size:var(--fs-3xs);color:var(--text-muted)}.chamado-drawer-overlay{background:var(--bg-overlay);z-index:var(--z-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--dur) var(--ease) both;justify-content:flex-end;display:flex;position:fixed;inset:0}.chamado-drawer{background:var(--bg-elev);border-left:1px solid var(--border);width:520px;max-width:100vw;height:100vh;box-shadow:var(--shadow-3);z-index:var(--z-modal);animation:drawer-in var(--dur-slow) var(--ease) both;flex-direction:column;display:flex}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.chamado-drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:20px 22px}.chamado-drawer-body{flex:1;padding:18px 22px;overflow-y:auto}.chamado-drawer-meta{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.chamado-timeline-item{gap:10px;margin-bottom:16px;display:flex}.chamado-timeline-avatar{background:var(--bg-hover);width:28px;height:28px;color:var(--text-secondary);font-size:var(--fs-2xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chamado-timeline-bubble{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--text-primary);flex:1;min-width:0;padding:10px 13px}.chamado-timeline-bubble.solution{background:var(--green-dim);border-color:var(--green-border)}.chamado-drawer-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:10px;padding:14px 22px;display:flex}@media (width<=900px){.kanban-column{flex:0 0 260px;width:260px}.chamado-drawer{width:100vw}.chamado-drawer-meta{grid-template-columns:1fr}}.chamados-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.chamados-toolbar-group{align-items:center;gap:6px;display:flex}.chamados-view-toggle{background:var(--bg-hover);border-radius:var(--r-md);gap:4px;padding:3px;display:flex}.chamados-search{align-items:center;display:flex;position:relative}.chamados-search-input{opacity:0;width:0;min-width:0;transition:width var(--dur-slow) var(--ease), opacity var(--dur) var(--ease), padding var(--dur-slow) var(--ease), margin var(--dur-slow) var(--ease);border:none;margin-left:0;padding:9px 0}.chamados-search.open .chamados-search-input{opacity:1;border:1px solid var(--border);width:200px;margin-left:6px;padding:9px 12px}.chamados-filter{position:relative}.icon-btn.active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-text)}.chamados-filter-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.chamados-filter-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);width:220px;box-shadow:var(--shadow-3);z-index:var(--z-dropdown);animation:modal-in var(--dur) var(--ease) both;flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.chamados-filter-field label{font-size:var(--fs-2xs);color:var(--text-secondary);margin-bottom:6px;display:block}.chamados-filter-field select{width:100%}.chamados-fab{display:none}@media (width<=768px){.kanban-board{flex-direction:column;overflow-x:visible}.kanban-column{flex:auto;width:100%;max-height:50vh}.chamados-btn-label,.chamados-new-btn{display:none}.chamados-fab{background:var(--accent);width:56px;height:56px;color:var(--accent-contrast);box-shadow:var(--shadow-3);z-index:var(--z-sticky);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:20px;right:20px}.chamados-search.open .chamados-search-input{width:44vw;min-width:120px}}.share-page{--sp-bg:#09090b;--sp-line:#ffffff1a;--sp-line-soft:#ffffff0f;--sp-text:#f1f2f4;--sp-text-2:#9ba1a9;--sp-text-3:#5c6169;--sp-green:#4ade80;--sp-red:#f87171;--sp-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;background:var(--sp-bg);width:100%;min-width:0;min-height:100vh;color:var(--sp-text);flex:1;padding:28px 18px 56px;font-family:inherit;overflow-x:hidden}@media (width>=640px){.share-page{padding:40px 32px 64px}}@media (width>=1024px){.share-page{padding:48px 48px 72px}}.share-shell{max-width:1180px;margin:0 auto}.share-masthead{border-bottom:1px solid var(--sp-line);margin-bottom:8px;padding-bottom:22px}.share-masthead-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-bottom:14px;display:flex}.share-live{letter-spacing:.12em;text-transform:uppercase;color:var(--sp-text-3);align-items:center;gap:7px;font-size:10.5px;font-weight:700;display:inline-flex}.share-live-dot{background:var(--sp-green);border-radius:50%;width:6px;height:6px;animation:1.8s infinite share-pulse}@keyframes share-pulse{0%,to{opacity:1}50%{opacity:.3}}.share-expiry{font-family:var(--sp-mono);color:var(--sp-text-3);font-variant-numeric:tabular-nums;font-size:11.5px}.share-expiry b{color:var(--sp-text-2);font-weight:600}.share-title{letter-spacing:-.015em;color:var(--sp-text);text-wrap:balance;margin:0 0 10px;font-size:clamp(20px,3.6vw,26px);font-weight:700}.share-summary{color:var(--sp-text-2);flex-wrap:wrap;gap:0 8px;font-size:12.5px;display:flex}.share-summary b{color:var(--sp-text);font-variant-numeric:tabular-nums;font-weight:700}.share-summary .stat-online{color:var(--sp-green)}.share-summary .stat-offline{color:var(--sp-red)}.share-summary .sep{color:var(--sp-text-3)}.share-log{flex-direction:column;display:flex}.share-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--sp-text-3);padding:26px 0 4px;font-size:10.5px;font-weight:700}.share-group{flex-direction:column;gap:14px;padding:22px 0;display:flex}.share-group+.share-group,.share-section-label+.share-group{border-top:1px solid var(--sp-line)}.share-log>.share-section-label:first-child{border-top:1px solid var(--sp-line);padding-top:22px}.share-row{flex-direction:column;gap:4px;display:flex}.share-row-main{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.share-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.share-dot.online{background:var(--sp-green)}.share-dot.offline{background:var(--sp-red)}.share-dot.unknown{background:var(--sp-text-3)}.share-row-name{color:var(--sp-text);font-size:15px;font-weight:700}.share-row-status{letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:700}.share-row-status.online{color:var(--sp-green)}.share-row-status.offline{color:var(--sp-red)}.share-row-status.unknown{color:var(--sp-text-3)}.share-row-meta{color:var(--sp-text-2);flex-wrap:wrap;gap:0 8px;padding-left:17px;font-size:12px;display:flex}.share-row-meta .mono{font-family:var(--sp-mono);font-variant-numeric:tabular-nums}.share-row-meta .sep{color:var(--sp-text-3)}.share-row-sub{color:var(--sp-text-3);font-size:11.5px;font-family:var(--sp-mono);padding-left:17px}.share-mkt-line{color:var(--sp-text-2);flex-wrap:wrap;align-items:center;gap:8px;padding-left:17px;font-size:12px;display:flex}.share-mkt-line .mono{font-family:var(--sp-mono);color:var(--sp-text-2)}.share-subtable-wrap{-webkit-overflow-scrolling:touch;margin-left:17px;overflow-x:auto}.share-subtable{border-collapse:collapse;min-width:100%;font-size:12px}.share-subtable th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--sp-text-3);border-bottom:1px solid var(--sp-line-soft);white-space:nowrap;padding:6px 16px 6px 0;font-size:10px;font-weight:700}.share-subtable td{border-bottom:1px solid var(--sp-line-soft);color:var(--sp-text-2);white-space:nowrap;padding:7px 16px 7px 0}.share-subtable tr:last-child td{border-bottom:none}.share-subtable td.mono,.share-subtable th.num{font-family:var(--sp-mono);font-variant-numeric:tabular-nums}.share-subtable td.name{color:var(--sp-text);font-family:var(--sp-mono)}.share-subtable .status-word.online{color:var(--sp-green);font-weight:600}.share-subtable .status-word.offline{color:var(--sp-red);font-weight:600}.share-chart-block{padding-left:0}@media (width>=640px){.share-chart-block{padding-left:17px}}.share-range-tabs{gap:4px;margin-bottom:10px;display:flex}.share-range-btn{color:var(--sp-text-3);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--sp-mono);background:0 0;border:none;border-bottom:1.5px solid #0000;padding:3px 9px 5px}.share-range-btn:hover{color:var(--sp-text-2)}.share-range-btn.active{color:var(--sp-text);border-bottom-color:var(--sp-text)}.share-empty,.share-invalid{text-align:center;min-height:60vh;color:var(--sp-text-2);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.share-invalid-title{color:var(--sp-text);font-size:17px;font-weight:700}.share-invalid-desc{max-width:320px;color:var(--sp-text-3);font-size:13px;line-height:1.6}.share-loading-dot{background:var(--sp-text-3);border-radius:50%;width:6px;height:6px;animation:1.2s infinite share-pulse}.share-footer{border-top:1px solid var(--sp-line);color:var(--sp-text-3);letter-spacing:.02em;margin-top:36px;padding-top:18px;font-size:11px}
