/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
* { box-sizing: border-box; }
:root {
  --bg: #090d16;
  --surface: #111827;
  --surface-2: #172033;
  --line: #253047;
  --text: #f4f7fb;
  --muted: #8e9ab0;
  --accent: #5b8cff;
  --accent-soft: rgba(91,140,255,.13);
  --green: #38d39f;
  --amber: #f6b84b;
  --red: #ff6b78;
}
html, body { margin:0; min-height:100%; background:var(--bg); color:var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button { font: inherit; }
.shell { min-height:100vh; display:grid; grid-template-columns: 248px 1fr; }
.sidebar { position:-webkit-sticky; position:sticky; top:0; height:100vh; padding:24px 16px; border-right:1px solid var(--line); background:#0d131f; display:flex; flex-direction:column; }
.brand { display:flex; gap:12px; align-items:center; padding:0 8px 28px; }
.brandMark { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; font-weight:800; background:linear-gradient(135deg,#5b8cff,#8867ff); }
.brand div:last-child { display:flex; flex-direction:column; }
.brand span { color:var(--muted); font-size:12px; margin-top:2px; }
nav { display:flex; flex-direction:column; gap:6px; }
.navItem { border:0; background:transparent; color:#aeb8ca; display:flex; align-items:center; gap:11px; border-radius:9px; padding:11px 12px; cursor:pointer; text-align:left; }
.navItem:hover,.navItem.active { background:var(--accent-soft); color:#fff; }
.navItem.active { box-shadow: inset 2px 0 0 var(--accent); }
.sidebarFooter { margin-top:auto; padding:14px 10px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; display:flex; gap:8px; align-items:center; }
.content { padding:28px 32px 48px; min-width:0; }
.topbar { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; }
.eyebrow { margin:0 0 5px; text-transform:uppercase; letter-spacing:.1em; font-size:11px; color:#7f8ba2; font-weight:700; }
h1 { margin:0; font-size:30px; letter-spacing:-.03em; }
h2 { margin:0; font-size:18px; }
.headerActions { display:flex; gap:10px; }
.primaryButton,.ghostButton { border-radius:9px; padding:10px 14px; border:1px solid var(--line); cursor:pointer; }
.primaryButton { background:var(--accent); color:#fff; border-color:var(--accent); font-weight:700; }
.ghostButton { background:var(--surface); color:#dce4f1; }
.metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-gap:14px; gap:14px; margin-bottom:16px; }
.metricCard,.panel { border:1px solid var(--line); background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),var(--surface); border-radius:14px; }
.metricCard { padding:18px; display:flex; gap:14px; align-items:flex-start; }
.metricIcon { width:38px; height:38px; border-radius:10px; background:var(--accent-soft); color:#8eadff; display:grid; place-items:center; }
.metricCard div:last-child { display:flex; flex-direction:column; }
.metricCard span { color:var(--muted); font-size:12px; }
.metricCard strong { font-size:25px; line-height:1.2; margin:3px 0; }
.metricCard small { color:#66738a; font-size:11px; }
.grid { display:grid; grid-template-columns:2fr 1fr; grid-gap:16px; gap:16px; }
.panel { padding:18px; min-width:0; }
.span2 { grid-row:span 2; }
.panelHeader { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.textButton { background:none; border:0; color:#84a8ff; cursor:pointer; }
.tableWrap { overflow-x:auto; }
table { border-collapse:collapse; width:100%; font-size:13px; }
th { color:#77849a; font-size:10px; text-transform:uppercase; letter-spacing:.07em; text-align:left; padding:10px 9px; border-bottom:1px solid var(--line); }
td { padding:13px 9px; border-bottom:1px solid rgba(37,48,71,.65); color:#c8d1df; white-space:nowrap; }
tr:last-child td { border-bottom:0; }
.appName { display:flex; align-items:center; gap:9px; }
.appLogo { width:31px; height:31px; border-radius:8px; background:#202b42; display:grid; place-items:center; font-size:10px; font-weight:800; color:#9fb7ef; }
.appName div:last-child { display:flex; flex-direction:column; }
.appName small { color:#657188; margin-top:2px; }
.dot { width:7px; height:7px; border-radius:50%; display:inline-block; }
.dot.healthy { background:var(--green); box-shadow:0 0 0 3px rgba(56,211,159,.10); }
.healthPill,.statusPill { display:inline-flex; align-items:center; border-radius:999px; padding:4px 8px; font-size:11px; text-transform:capitalize; }
.healthPill.healthy,.statusPill.production { color:#6ce2bb; background:rgba(56,211,159,.1); }
.healthPill.warning,.statusPill.warning,.statusPill.development { color:#f9c86f; background:rgba(246,184,75,.1); }
.healthPill.offline,.statusPill.offline { color:#ff8e98; background:rgba(255,107,120,.1); }
.serviceList { display:flex; flex-direction:column; gap:3px; }
.serviceRow { display:grid; grid-template-columns:12px 1fr auto; grid-gap:9px; gap:9px; align-items:center; padding:11px 0; border-bottom:1px solid rgba(37,48,71,.6); }
.serviceRow:last-child { border:0; }
.serviceRow div { display:flex; flex-direction:column; }
.serviceRow strong { font-size:13px; }
.serviceRow small,.serviceRow > span:last-child { color:var(--muted); font-size:11px; margin-top:2px; }
.timeline { display:flex; flex-direction:column; }
.timeline > div { display:grid; grid-template-columns:14px 1fr auto; grid-gap:8px; gap:8px; padding:10px 0; align-items:start; }
.timelineDot { width:8px; height:8px; border-radius:50%; margin-top:5px; background:#5b8cff; box-shadow:0 0 0 4px rgba(91,140,255,.1); }
.timeline p { margin:0; color:#aeb9ca; font-size:12px; line-height:1.55; }
.timeline strong { color:#ecf1f9; }
.timeline small { color:#66738a; }
@media (max-width: 1050px) {
  .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .grid { grid-template-columns:1fr; }
  .span2 { grid-row:auto; }
}
@media (max-width: 760px) {
  .shell { grid-template-columns:1fr; }
  .sidebar { position:fixed; z-index:10; height:64px; width:100%; bottom:0; top:auto; padding:8px 10px; border-right:0; border-top:1px solid var(--line); flex-direction:row; align-items:center; overflow-x:auto; }
  .brand,.sidebarFooter { display:none; }
  nav { flex-direction:row; width:100%; }
  .navItem { min-width:56px; padding:10px; justify-content:center; }
  .navItem span { display:none; }
  .content { padding:22px 16px 84px; }
  .topbar { align-items:flex-start; flex-direction:column; }
  .metrics { grid-template-columns:1fr 1fr; }
}
@media (max-width: 470px) {
  .metrics { grid-template-columns:1fr; }
  .headerActions { width:100%; }
  .headerActions button { flex:1 1; }
}

a { color: inherit; text-decoration: none; }
.navItem { text-decoration:none; }
.appLink:hover { color:#9fb8ff; }
.detailPage { max-width:1400px; margin:0 auto; padding:28px 32px 56px; min-height:100vh; }
.detailTop { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:26px; }
.backLink { display:inline-flex; align-items:center; gap:7px; color:#9aa7bb; font-size:13px; }
.backLink:hover { color:#fff; }
.detailActions,.inlineActions { display:flex; gap:9px; flex-wrap:wrap; }
.detailActions button,.inlineActions button,.linkButton { display:inline-flex; align-items:center; gap:7px; }
.detailHero { display:grid; grid-template-columns:auto 1fr auto; grid-gap:15px; gap:15px; align-items:center; margin-bottom:20px; }
.detailHero p:not(.eyebrow) { margin:4px 0 0; color:var(--muted); font-size:13px; }
.compactHero { grid-template-columns:auto 1fr; }
.appHeroLogo { width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg,#243656,#19263d); border:1px solid #33415d; display:grid; place-items:center; font-weight:800; color:#a9bfff; }
.tabs { display:flex; flex-direction:row; gap:5px; overflow-x:auto; padding:5px; margin-bottom:16px; border:1px solid var(--line); border-radius:12px; background:#0d131f; }
.tab { flex:none; border:0; border-radius:8px; padding:9px 11px; background:transparent; color:#8290a7; cursor:pointer; font-size:12px; }
.activeTab,.tab:hover { background:var(--surface-2); color:#fff; }
.detailGrid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-gap:12px; gap:12px; margin-bottom:16px; }
.infoCard { display:flex; flex-direction:column; gap:4px; }
.infoIcon { width:32px; height:32px; border-radius:8px; display:grid; place-items:center; background:var(--accent-soft); color:#8eaaff; margin-bottom:8px; }
.infoCard span { color:var(--muted); font-size:11px; }
.infoCard strong { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.detailColumns { display:grid; grid-template-columns:1fr 1fr; grid-gap:16px; gap:16px; }
.kvList { display:flex; flex-direction:column; margin-bottom:18px; }
.kvList div { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:10px 0; border-bottom:1px solid rgba(37,48,71,.6); font-size:12px; }
.kvList span { color:var(--muted); }
.kvList strong { text-align:right; }
.pipeline { display:flex; align-items:center; justify-content:center; min-height:180px; }
.pipelineStep { display:flex; flex-direction:column; align-items:center; text-align:center; gap:5px; min-width:74px; color:#647188; }
.pipelineStep > span { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; border:1px solid #34415a; background:#151d2d; font-size:11px; }
.pipelineStep strong { font-size:11px; color:#8c99ae; }
.pipelineStep small { font-size:9px; }
.pipelineStep.done > span { border-color:#366f68; color:#6ce2bb; background:rgba(56,211,159,.08); }
.pipelineStep.done strong { color:#d8e6e1; }
.pipelineLine { height:1px; width:42px; background:#2a354c; margin:0 5px 28px; }
.devList { display:flex; flex-direction:column; }
.devRow { display:grid; grid-template-columns:12px minmax(180px,1fr) repeat(3,minmax(90px,.5fr)) auto; align-items:center; grid-gap:14px; gap:14px; padding:14px 4px; border-bottom:1px solid rgba(37,48,71,.65); }
.devRow:last-child { border-bottom:0; }
.devIdentity,.devMeta { display:flex; flex-direction:column; }
.devIdentity strong { font-size:13px; }
.devIdentity small,.devMeta span { color:var(--muted); font-size:10px; margin-top:2px; }
.devMeta strong { font-size:12px; margin-top:2px; }
.rowActions { display:flex; gap:5px; }
.rowActions button { width:31px; height:31px; border:1px solid var(--line); background:#151c2a; color:#a8b4c8; border-radius:8px; display:grid; place-items:center; cursor:pointer; }
.rowActions button:hover { color:#fff; border-color:#3e4e6c; }
@media (max-width: 1100px) {
  .detailGrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .detailColumns { grid-template-columns:1fr; }
  .devRow { grid-template-columns:12px 1fr 1fr auto; }
  .devMeta:nth-of-type(3),.devMeta:nth-of-type(4) { display:none; }
}
@media (max-width: 760px) {
  .detailPage { padding:20px 15px 84px; }
  .detailTop { align-items:flex-start; flex-direction:column; }
  .detailHero { grid-template-columns:auto 1fr; }
  .detailHero > .statusPill { grid-column:2; justify-self:start; }
  .detailGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .devRow { grid-template-columns:12px 1fr auto; }
  .devMeta { display:none; }
  .pipeline { overflow-x:auto; justify-content:flex-start; }
}

.devActionBox { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.actionMessage { color:#8fa1bd; max-width:220px; text-align:right; }
.rowActions button:disabled { opacity:.5; cursor:not-allowed; }
.spin { animation:spin .9s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.mutedText { color:var(--muted); font-size:12px; margin:8px 0; }
.errorText { color:#ff8e98; font-size:12px; margin:8px 0; }
.resourceGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-gap:10px; gap:10px; }
.resourceItem { border:1px solid rgba(37,48,71,.7); border-radius:10px; padding:12px; background:#0e1522; display:flex; flex-direction:column; gap:4px; }
.resourceItem span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.resourceItem strong { font-size:14px; }
.auditList { display:flex; flex-direction:column; }
.auditRow { display:grid; grid-template-columns:10px 1fr auto; align-items:center; grid-gap:9px; gap:9px; padding:9px 0; border-bottom:1px solid rgba(37,48,71,.55); }
.auditRow:last-child { border-bottom:0; }
.auditRow div { display:flex; flex-direction:column; }
.auditRow strong { font-size:12px; }
.auditRow small,.auditRow > span:last-child { color:var(--muted); font-size:10px; }
.auditState { width:7px; height:7px; border-radius:50%; }
.auditState.accepted { background:var(--green); }
.auditState.rejected { background:var(--red); }