.nav{flex-direction:column;height:100%;display:flex}.nav--collapsed .nav__list{padding:8px 0}.nav--collapsed .nav__item{margin:2px 10px}.nav--collapsed .nav__link{justify-content:center;padding:8px}.nav--collapsed .nav__footer{align-items:center;padding:16px 8px}.nav__list{flex:1;padding:8px 0;list-style:none}.nav__item{margin:2px 8px}.nav__link{color:#8892b0;border-radius:4px;justify-content:flex-start;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav__link:hover{color:#e8eaf6;background:#22263a;text-decoration:none}.nav__link--active{color:#4f7ef8;background:#4f7ef81f}.nav__link--active:hover{color:#4f7ef8;background:#4f7ef82e}.nav__icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.nav__label{min-width:0}.nav__footer{border-top:1px solid #2e3350;flex-direction:column;gap:8px;padding:16px;display:flex}.nav__connection{color:#4a5568;justify-content:flex-start;align-items:center;gap:4px;font-size:11px;display:flex}.nav__connection--connected .nav__connection-dot{background:#2dd4aa}.nav__connection--disconnected .nav__connection-dot{background:#f05252}.nav__connection--reconnecting .nav__connection-dot{background:#f4b942;animation:1.5s infinite pulse}.nav__connection-dot{background:#4a5568;border-radius:9999px;flex-shrink:0;width:6px;height:6px}.nav__service-status{color:#4a5568;font-size:11px}.nav__status-panel{background:#22263a73;border:1px solid #2e3350e6;border-radius:8px;gap:4px;padding:8px;display:grid}.nav__status-header{color:#8892b0;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.nav__status-timestamp{color:#4a5568;font-weight:400}.nav__status-list{gap:6px;display:grid}.nav__service-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.nav__service-label{color:#4a5568;font-size:11px}.nav__service-badge{font-size:11px;font-weight:500}.nav__service-badge--ok{color:#2dd4aa}.nav__service-badge--degraded{color:#f4b942}.nav__service-badge--unavailable{color:#f05252}.nav__service-badge--unknown{color:#4a5568}.nav__profile{border-top:1px solid #2e3350d9;gap:8px;padding-top:8px;display:grid}.nav__profile--collapsed{justify-items:center;width:100%}.nav__profile-main{align-items:center;gap:8px;display:flex}.nav__profile-avatar{color:#fff;background:linear-gradient(135deg,#4f7ef8f2,#2dd4aabf);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.nav__profile-copy{min-width:0;display:grid}.nav__profile-copy strong,.nav__profile-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav__profile-copy strong{color:#e8eaf6;font-size:13px}.nav__profile-copy span{color:#8892b0;font-size:11px}.nav__profile-logout{color:#f05252;background:#f0525229;border-radius:4px;width:100%;padding:8px 16px;font-size:13px;font-weight:600}.nav__profile-logout:disabled{cursor:not-allowed;opacity:.65}.nav__profile-logout--collapsed{width:auto;min-width:54px;padding:8px}.nav__collapse-toggle{color:#8892b0;background:#22263aa6;border:1px solid #2e3350e6;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:34px;padding:8px 16px;font-size:11px;font-weight:600;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.nav__collapse-toggle:hover{color:#e8eaf6;background:#4f7ef824;border-color:#4f7ef8b3}.nav__collapse-toggle-icon{font-family:JetBrains Mono,Fira Code,Cascadia Code,Menlo,Consolas,monospace;line-height:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app-sidebar__brand{border-bottom:1px solid #2e3350;align-items:center;gap:8px;padding:16px 20px;transition:padding .2s;display:flex}.app-sidebar__logo{object-fit:contain;flex-shrink:0;width:32px;height:32px}.app-sidebar__brand-copy{min-width:0}.app-sidebar__brand-copy h2{color:#e8eaf6;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700;transition:font-size .2s,letter-spacing .2s}.app-sidebar__brand-copy span{color:#4a5568;margin-top:2px;font-size:11px;display:block}.app-sidebar--collapsed .app-sidebar__brand{justify-content:center;padding:16px 12px}.spinner{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.spinner--sm{padding:16px}.spinner--sm .spinner__ring{border-width:2px;width:20px;height:20px}.spinner--lg .spinner__ring{border-width:4px;width:48px;height:48px}.spinner__ring{border:3px solid #2e3350;border-top-color:#4f7ef8;border-radius:9999px;width:32px;height:32px;animation:.7s linear infinite spin}.spinner__label{color:#8892b0;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{color:#e8eaf6;background-color:#0f1117;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}a{color:#4f7ef8;text-decoration:none}a:hover{color:#6b91ff;text-decoration:underline}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}@keyframes button-spin{to{transform:rotate(360deg)}}input,textarea,select{font-family:inherit;font-size:inherit;color:#e8eaf6;background:#22263a;border:1px solid #2e3350;border-radius:4px;outline:none;padding:8px 16px;transition:border-color .12s}input:focus,textarea:focus,select:focus{border-color:#4f7ef8}input::placeholder,textarea::placeholder,select::placeholder{color:#4a5568}code,pre{font-family:JetBrains Mono,Fira Code,Cascadia Code,Menlo,Consolas,monospace}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}.app-layout{--app-sidebar-width:240px;background:#0f1117;min-height:100vh;display:flex}.app-sidebar{width:var(--app-sidebar-width);z-index:90;scrollbar-width:thin;scrollbar-color:#2e3350 transparent;background:#1a1d27;border-right:1px solid #2e3350;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-x:hidden}.app-sidebar::-webkit-scrollbar{width:6px;height:6px}.app-sidebar::-webkit-scrollbar-track{background:0 0}.app-sidebar::-webkit-scrollbar-thumb{background-color:#2e3350;border-radius:3px}.app-sidebar{transition:width .2s}.app-main{margin-left:var(--app-sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .2s;display:flex}@media (width<=768px){.app-main{margin-left:0}}.app-content{scrollbar-width:thin;scrollbar-color:#2e3350 transparent;flex:1;padding:32px}.app-content::-webkit-scrollbar{width:6px;height:6px}.app-content::-webkit-scrollbar-track{background:0 0}.app-content::-webkit-scrollbar-thumb{background-color:#2e3350;border-radius:3px}@media (width<=768px){.app-content{padding:16px}}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:1fr 1fr}}@media (width<=768px){.grid-3{grid-template-columns:1fr}}.ui-button,.btn{color:#fff;background:linear-gradient(135deg,#4f7ef8,#6b91ff);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:transform .12s,opacity .12s,border-color .12s,background .12s,color .12s;display:inline-flex}.ui-button:hover:not(:disabled):not([aria-disabled=true]),.btn:hover:not(:disabled):not([aria-disabled=true]){text-decoration:none;transform:translateY(-1px)}.ui-button:disabled,.ui-button[aria-disabled=true],.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.62;transform:none}.ui-button--secondary,.btn--secondary{color:#6b91ff;background:#4f7ef824;border-color:#4f7ef86b}.ui-button--secondary:hover:not(:disabled):not([aria-disabled=true]),.btn--secondary:hover:not(:disabled):not([aria-disabled=true]){background:#4f7ef838;border-color:#6b91ffb3}.ui-button--ghost{color:#e8eaf6;background:#1a1d27eb;border-color:#2e3350d9}.ui-button--danger{background:linear-gradient(135deg,#f26868 0%,#c93030 100%)}.ui-button--success{background:linear-gradient(135deg,#26ca99 0%,#149f78 100%)}.ui-button--sm,.btn--sm{min-height:34px;padding:7px 8px;font-size:11px}.ui-button--full{width:100%}.ui-button--loading:before,.btn--loading:before,.is-loading:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite button-spin}.ui-card,.card{background:#1a1d27;border:1px solid #2e3350;border-radius:8px;padding:24px}.ui-card--md{padding:16px}.ui-card--none{padding:0}.ui-card--interactive{cursor:pointer;transition:border-color .2s,background .2s}.ui-card--interactive:hover{background:#22263a;border-color:#4f7ef8}.page-header{margin-bottom:32px}.page-header h1{color:#e8eaf6;margin:0 0 4px;font-size:22px;font-weight:600}.page-header p{color:#8892b0;font-size:13px}.page-header__actions{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=768px){.page-header__actions{flex-direction:column;align-items:flex-start}}