*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050816;color:#f5f5f5}a{color:inherit;text-decoration:none}.link{color:#61dafb}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#0b1120;padding:1.5rem 1rem;display:flex;flex-direction:column}.sidebar__logo{font-weight:700;margin-bottom:2rem;font-size:1.1rem}.sidebar__nav{display:flex;flex-direction:column;gap:.5rem}.sidebar__link{padding:.4rem .6rem;border-radius:.4rem;color:#e5e7eb}.sidebar__link.active{background:#111827;color:#93c5fd}.app-shell__main{flex:1;display:flex;flex-direction:column}.topbar{height:56px;border-bottom:1px solid #1f2937;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#020617}.topbar__title{font-weight:600}.topbar__env{font-size:.85rem;color:#9ca3af}.app-shell__content{padding:1.5rem}.page h1{margin-top:0;margin-bottom:1rem}.metric-card{background:#0b1120;border-radius:.75rem;padding:.75rem 1rem;border:1px solid #1f2937;min-width:130px}.metric-card__label{font-size:.8rem;color:#9ca3af}.metric-card__value{font-size:1.3rem;margin-top:.3rem}.metric-card--highlight{border-color:#f97316}.dashboard-metrics{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.dashboard-layout{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.dashboard-layout__main,.dashboard-layout__side{width:100%}.panel{background:#020617;border-radius:.75rem;padding:.75rem 1rem;border:1px solid #1f2937}.panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.panel__empty{color:#9ca3af}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:.5rem;border-bottom:1px solid #1f2937}.table th{text-align:left;color:#9ca3af;font-weight:500}.badge{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:999px;font-size:.75rem}.badge--success{background:#065f46;color:#bbf7d0}.badge--warning{background:#78350f;color:#fed7aa}.badge--danger{background:#7f1d1d;color:#fecaca}.badge--info{background:#1e3a8a;color:#bfdbfe}.pill{border-radius:999px;border:1px solid #1f2937;padding:.25rem .7rem;background:transparent;color:#e5e7eb;font-size:.8rem;cursor:pointer}.pill--active{background:#111827}.alert-filters{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.alert-list{list-style:none;padding:0;margin:0}.alert-list__item{padding:.5rem 0;border-bottom:1px solid #111827}.alert-list__top{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem;font-size:.8rem}.alert-list__service{color:#e5e7eb}.alert-list__metric{color:#9ca3af}.alert-list__time{margin-left:auto;color:#6b7280;font-size:.75rem}.alert-list__msg{font-size:.85rem}.alert-list__bottom{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.alert-list__ack-btn{border-radius:999px;border:1px solid #f97316;background:transparent;color:#fed7aa;font-size:.75rem;padding:.2rem .6rem;cursor:pointer}.alert-list__ack-label{font-size:.75rem;color:#9ca3af}.logs{list-style:none;margin:0;padding:0;font-size:.8rem}.logs__item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;border-bottom:1px solid #020617}.logs__time{width:80px;color:#6b7280}.logs__msg{flex:1}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.service-header__meta{display:flex;gap:.75rem;color:#9ca3af;font-size:.85rem}.service-header__status{text-align:right}.service-header__uptime,.service-header__heartbeat{font-size:.85rem;color:#9ca3af}.metrics-overview__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.metrics-overview__label{font-size:.75rem;color:#9ca3af}.metrics-overview__value{font-size:1rem}.timeline{display:flex;align-items:flex-end;gap:2px;height:120px}.timeline__item{flex:1}.timeline__bar{width:100%;background:#22c55e;border-radius:3px 3px 0 0}.spinner{padding:1rem}.error-state{padding:1rem;color:#fecaca;background:#7f1d1d;border-radius:.75rem}