.db-page{--db-bg:#f0f2f7;--db-card:#ffffff;--db-card-hover:#fafbff;--db-card-border:rgba(0, 0, 0, 0.09);--db-card-shadow:0 1px 4px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06);--db-text:#111827;--db-text-muted:#6b7280;--db-text-soft:#9ca3af;--db-accent:#7c3aed;--db-accent-2:#06b6d4;--db-ok:#10b981;--db-warn:#f59e0b;--db-err:#ef4444;--db-border:rgba(0, 0, 0, 0.08);--db-divider:rgba(0, 0, 0, 0.06);--db-tag-bg:rgba(124, 58, 237, 0.08);--db-tag-text:#5b21b6;--db-radius:10px;--db-radius-sm:6px;--db-radius-lg:14px;--db-gap:1.25rem;--db-gap-sm:0.75rem;background:var(--db-bg);color:var(--db-text);min-height:100vh;font-family:inherit}[data-theme=dark] .db-page{--db-bg:#07050c;--db-card:rgba(255,255,255,0.05);--db-card-hover:rgba(255,255,255,0.08);--db-card-border:rgba(255,255,255,0.10);--db-card-shadow:0 1px 4px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.06);--db-text:#f1f0fd;--db-text-muted:#a09cc8;--db-text-soft:#6b6490;--db-accent:#a78bfa;--db-accent-2:#22d3ee;--db-ok:#34d399;--db-warn:#fbbf24;--db-err:#f87171;--db-border:rgba(255,255,255,0.08);--db-divider:rgba(255,255,255,0.05);--db-tag-bg:rgba(167,139,250,0.12);--db-tag-text:#c4b5fd}.db-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.db-hero{padding:2.5rem 0 2rem;background:linear-gradient(135deg,rgba(124,58,237,.08) 0,transparent 60%);border-bottom:1px solid var(--db-border)}.db-hero__eyebrow{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--db-accent);background:var(--db-tag-bg);padding:.2em .7em;border-radius:99px;margin-bottom:.75rem}.db-hero__title{font-size:clamp(1.5rem, 4vw, 2.2rem);font-weight:800;color:var(--db-text);margin:0 0 .3rem;line-height:1.2}.db-hero__sub{font-size:.9rem;color:var(--db-text-muted);margin:0 0 1.25rem}.db-statusbar{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem .75rem;background:var(--db-card);border:1px solid var(--db-card-border);border-radius:var(--db-radius);box-shadow:var(--db-card-shadow);font-size:.75rem;color:var(--db-text-muted);white-space:nowrap}.db-statusbar::-webkit-scrollbar{display:none}.db-sb-sep{width:1px;height:14px;background:var(--db-border);flex-shrink:0}.db-sb-item{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;flex-shrink:0}.db-sb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--db-text-soft)}.db-sb-dot--ok{background:var(--db-ok);box-shadow:0 0 5px var(--db-ok)}.db-sb-dot--err{background:var(--db-err);box-shadow:0 0 5px var(--db-err)}.db-sb-dot--warn{background:var(--db-warn)}.db-section{padding:2rem 0;border-bottom:1px solid var(--db-divider)}.db-section:last-child{border-bottom:none}.db-section-title{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--db-text-soft);margin:0 0 1rem;padding-bottom:.4rem;border-bottom:1px solid var(--db-divider)}.db-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--db-gap-sm)}.db-kpi{background:var(--db-card);border:1px solid var(--db-card-border);box-shadow:var(--db-card-shadow);border-radius:var(--db-radius);padding:1rem 1.1rem;border-left:3px solid var(--db-accent);transition:transform .15s,box-shadow .15s}.db-kpi:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.07)}.db-kpi--ok{border-left-color:var(--db-ok)}.db-kpi--warn{border-left-color:var(--db-warn)}.db-kpi--err{border-left-color:var(--db-err)}.db-kpi--cyan{border-left-color:var(--db-accent-2)}.db-kpi--purple{border-left-color:var(--db-accent)}.db-kpi__label{font-size:.65rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--db-text-soft);margin-bottom:.3rem}.db-kpi__value{font-size:1.6rem;font-weight:800;line-height:1;color:var(--db-text)}.db-kpi__sub{font-size:.7rem;color:var(--db-text-muted);margin-top:.25rem}.db-card{background:var(--db-card);border:1px solid var(--db-card-border);box-shadow:var(--db-card-shadow);border-radius:var(--db-radius-lg);padding:1.25rem}.db-card__title{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--db-text-soft);margin:0 0 1rem}.db-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--db-gap)}.db-three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--db-gap)}.db-chart-panel{background:var(--db-card);border:1px solid var(--db-card-border);box-shadow:var(--db-card-shadow);border-radius:var(--db-radius-lg);padding:1.25rem}.db-chart-panel__title{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--db-text-muted);margin:0 0 .75rem}.db-chart{width:100%;height:120px;overflow:visible}.db-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--db-radius)}.db-table{width:100%;border-collapse:collapse;font-size:.78rem}.db-table th{text-align:left;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--db-text-soft);padding:.45rem .7rem;border-bottom:1px solid var(--db-border);white-space:nowrap}.db-table td{padding:.45rem .7rem;border-bottom:1px solid var(--db-divider);color:var(--db-text);vertical-align:middle}.db-table tr:hover td{background:var(--db-card-hover)}.db-table tr:last-child td{border-bottom:none}.db-table .num{text-align:right;font-variant-numeric:tabular-nums}.db-table .mono{font-family:'SF Mono',Consolas,'Liberation Mono',monospace;font-size:.72rem;color:var(--db-text-muted)}.db-pill{display:inline-flex;align-items:center;gap:.2rem;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.18em .55em;border-radius:99px;background:var(--db-card);border:1px solid var(--db-card-border);color:var(--db-text-soft);white-space:nowrap}.db-pill--ok{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.3);color:var(--db-ok)}.db-pill--error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:var(--db-err)}.db-pill--warn{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3);color:var(--db-warn)}.db-pill--muted{color:var(--db-text-soft)}.db-pill--on{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.25);color:var(--db-ok)}.db-pill--off{background:rgba(156,163,175,.1);border-color:rgba(156,163,175,.2);color:var(--db-text-soft)}.db-gauge-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.db-gauge-label{font-size:.72rem;color:var(--db-text-muted);width:3.5rem;flex-shrink:0}.db-gauge-track{flex:1;height:5px;background:var(--db-border);border-radius:99px;overflow:hidden}.db-gauge-fill{height:100%;border-radius:99px;background:var(--db-ok);transition:width .5s}.db-gauge-fill--warn{background:var(--db-warn)}.db-gauge-fill--err{background:var(--db-err)}.db-gauge-val{font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--db-text-muted);width:3.2rem;text-align:right;flex-shrink:0}.db-cron-item{display:grid;grid-template-columns:1fr auto auto auto;gap:.5rem;align-items:center;padding:.5rem .6rem;border-radius:var(--db-radius-sm);font-size:.78rem;border-bottom:1px solid var(--db-divider)}.db-cron-item:last-child{border-bottom:none}.db-cron-item:hover{background:var(--db-card-hover)}.db-cron-item__name{font-weight:600;color:var(--db-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-cron-item__expr{font-family:'SF Mono',Consolas,monospace;font-size:.65rem;color:var(--db-text-muted);white-space:nowrap}.db-anomaly-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--db-gap-sm)}.db-anom{border-radius:var(--db-radius);padding:.85rem 1rem;border-left:3px solid var(--db-border);background:var(--db-card);border:1px solid var(--db-card-border);box-shadow:var(--db-card-shadow)}.db-anom--critical{border-left-color:var(--db-err);background:rgba(239,68,68,.04)}.db-anom--warning{border-left-color:var(--db-warn);background:rgba(245,158,11,.04)}.db-anom__head{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.db-anom__type{font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--db-text-soft)}.db-anom__msg{font-size:.8rem;color:var(--db-text);line-height:1.4}.db-anom__meta{font-size:.68rem;color:var(--db-text-soft);margin-top:.25rem}.db-mem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.db-mem-item{background:var(--db-card);border:1px solid var(--db-card-border);border-radius:var(--db-radius-sm);padding:.5rem .7rem;font-size:.72rem;overflow:hidden}.db-mem-item__name{font-weight:600;color:var(--db-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-mem-item__meta{color:var(--db-text-muted);font-size:.65rem;margin-top:.15rem}.db-git-list{list-style:none;padding:0;margin:0}.db-git-item{display:flex;align-items:flex-start;gap:.6rem;padding:.4rem 0;border-bottom:1px solid var(--db-divider);font-size:.78rem}.db-git-item:last-child{border-bottom:none}.db-git-hash{font-family:'SF Mono',Consolas,monospace;font-size:.65rem;background:var(--db-tag-bg);color:var(--db-accent);padding:.1em .45em;border-radius:4px;flex-shrink:0}.db-git-msg{color:var(--db-text);flex:1;line-height:1.35}.db-git-date{font-size:.65rem;color:var(--db-text-soft);white-space:nowrap;flex-shrink:0}.db-vq-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--db-divider);font-size:.78rem}.db-vq-row:last-child{border-bottom:none}.db-vq-key{color:var(--db-text-muted)}.db-vq-val{color:var(--db-text);font-weight:600;font-variant-numeric:tabular-nums}.db-helix-panel{position:relative;background:var(--db-card);border:1px solid var(--db-card-border);box-shadow:var(--db-card-shadow);border-radius:var(--db-radius-lg);overflow:hidden}.db-helix-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--db-divider)}.db-helix-panel__title{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--db-text-muted)}.db-helix-canvas-wrap{width:100%;height:400px;position:relative}#db-helix-canvas{width:100%!important;height:100%!important;display:block}.db-helix-legend{display:flex;align-items:center;gap:1rem;padding:.6rem 1.25rem;font-size:.65rem;color:var(--db-text-soft);border-top:1px solid var(--db-divider);flex-wrap:wrap}.db-helix-legend__item{display:flex;align-items:center;gap:.3rem}.db-helix-legend__dot{width:8px;height:8px;border-radius:50%}.db-helix-tooltip{position:absolute;pointer-events:none;background:var(--db-card);border:1px solid var(--db-card-border);box-shadow:0 4px 16px rgba(0,0,0,.18);border-radius:var(--db-radius-sm);padding:.5rem .75rem;font-size:.72rem;color:var(--db-text);min-width:140px;display:none;z-index:10}.db-helix-tooltip.visible{display:block}.db-helix-tooltip__day{font-weight:700;margin-bottom:.25rem}.db-helix-tooltip__row{display:flex;justify-content:space-between;gap:.5rem;color:var(--db-text-muted)}.db-helix-tooltip__val{color:var(--db-text);font-weight:600}@media (max-width:900px){.db-two-col{grid-template-columns:1fr}.db-three-col{grid-template-columns:1fr 1fr}.db-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.db-three-col{grid-template-columns:1fr}.db-kpi-grid{grid-template-columns:repeat(2,1fr)}.db-kpi__value{font-size:1.3rem}.db-table .col-hide-mobile{display:none}.db-gauge-label{width:2.8rem;font-size:.65rem}.db-gauge-val{width:2.5rem;font-size:.65rem}.db-cron-item{grid-template-columns:1fr auto auto}.db-cron-item__expr{display:none}.db-anomaly-grid{grid-template-columns:1fr}.db-mem-grid{grid-template-columns:1fr 1fr}.db-helix-canvas-wrap{height:280px}.db-container{padding:0 1rem}.db-hero{padding:1.5rem 0 1.25rem}.db-hero__title{font-size:1.4rem}}@media (max-width:400px){.db-kpi-grid,.db-mem-grid{grid-template-columns:1fr}}.db-recall{margin-top:var(--db-gap);padding-top:var(--db-gap-sm);border-top:1px solid var(--db-divider)}.db-recall__title{font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--db-text-soft);margin-bottom:.5rem}.db-recall__table{width:100%;font-size:.78rem;border-collapse:collapse}.db-recall__table td,.db-recall__table th{padding:.35rem .4rem;text-align:left;border-bottom:1px solid var(--db-divider);vertical-align:top}.db-recall__table th{color:var(--db-text-muted);font-weight:600;width:42%}.db-recall__table .num{font-variant-numeric:tabular-nums;white-space:nowrap}.db-recall__note{margin:.65rem 0 0;font-size:.72rem;line-height:1.55;color:var(--db-text-muted)}.db-recall__meta{margin:.4rem 0 0;font-size:.62rem;color:var(--db-text-soft);font-family:ui-monospace,monospace;word-break:break-all}.db-footer{padding:1.5rem 0;text-align:center;font-size:.72rem;color:var(--db-text-soft);border-top:1px solid var(--db-divider)}