@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--vault-bg: #0d1117;--vault-surface: #161b22;--vault-card: #1c2129;--vault-border: #30363d;--vault-text: #e6edf3;--vault-text-dim: #8b949e;--vault-accent: #58a6ff;--vault-accent-glow: rgba(88, 166, 255, .15);--vault-safe: #3fb950;--vault-safe-bg: rgba(63, 185, 80, .1);--vault-warning: #d29922;--vault-warning-bg: rgba(210, 153, 34, .1);--vault-danger: #f85149;--vault-danger-bg: rgba(248, 81, 73, .1);--vault-radius: 12px;--vault-radius-sm: 8px;--vault-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--vault-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--vault-font);background:var(--vault-bg);color:var(--vault-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100vh;display:flex}.vault{display:flex;flex-direction:column;height:100vh;width:100%}.vault__header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--vault-surface);border-bottom:1px solid var(--vault-border);flex-shrink:0}.vault__logo{display:flex;align-items:center;gap:12px}.vault__logo-icon{font-size:28px}.vault__logo-img{width:36px;height:36px;border-radius:50%;object-fit:contain;border:2px solid rgba(88,166,255,.25);box-shadow:0 0 12px #58a6ff26,0 0 4px #58a6ff1a;transition:box-shadow .3s}.vault__logo-img:hover{box-shadow:0 0 20px #58a6ff59,0 0 8px #58a6ff26}.vault__title{font-size:22px;font-weight:700;letter-spacing:1px;color:var(--vault-accent)}.vault__location{font-size:11px;color:var(--vault-text-dim);letter-spacing:.5px}.vault__header-status{display:flex;align-items:center}.vault__overall-status{display:flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid var(--vault-safe);border-radius:20px;background:var(--vault-safe-bg)}.vault__status-dot{width:10px;height:10px;border-radius:50%}.vault__status-dot--safe{background:var(--vault-safe);box-shadow:0 0 8px var(--vault-safe);animation:pulse-safe 2s ease-in-out infinite}@keyframes pulse-safe{0%,to{box-shadow:0 0 6px var(--vault-safe)}50%{box-shadow:0 0 14px var(--vault-safe)}}.vault__status-text{font-size:13px;font-weight:600;letter-spacing:1px;color:var(--vault-safe)}.vault__header-right{text-align:right}.vault__time{font-family:var(--vault-mono);font-size:20px;font-weight:600;color:var(--vault-text)}.vault__date{font-size:11px;color:var(--vault-text-dim)}.vault__banner{margin:16px 24px 0;border-radius:var(--vault-radius-sm);padding:12px 20px;flex-shrink:0}.vault__banner--safe{background:var(--vault-safe-bg);border:1px solid rgba(63,185,80,.3)}.vault__banner-inner{display:flex;align-items:center;gap:12px}.vault__banner-icon{font-size:20px;color:var(--vault-safe);font-weight:700}.vault__banner-inner strong{color:var(--vault-safe);display:block;font-size:13px;letter-spacing:.3px}.vault__banner-inner span{font-size:12px;color:var(--vault-text-dim);display:block}.vault__content{flex:1;overflow-y:auto;padding-bottom:16px}.vault__content::-webkit-scrollbar{width:6px}.vault__content::-webkit-scrollbar-track{background:transparent}.vault__content::-webkit-scrollbar-thumb{background:var(--vault-border);border-radius:3px}.vault__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 24px}.vault__card{background:var(--vault-card);border:1px solid var(--vault-border);border-radius:var(--vault-radius);overflow:hidden;transition:border-color .3s ease}.vault__card:hover{border-color:var(--vault-accent)}.card__header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--vault-border);background:#ffffff05}.card__icon{font-size:18px}.card__title{font-size:14px;font-weight:600;flex:1}.card__status{font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:4px}.card__status--nominal{color:var(--vault-safe);background:var(--vault-safe-bg)}.card__status--warning{color:var(--vault-warning);background:var(--vault-warning-bg)}.card__status--danger{color:var(--vault-danger);background:var(--vault-danger-bg)}.card__body{padding:16px}.card__gauges{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.gauge{display:flex;flex-direction:column;align-items:center;gap:4px}.gauge__ring{position:relative;width:80px;height:80px}.gauge__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge__bg{fill:none;stroke:var(--vault-border);stroke-width:6}.gauge__fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.gauge__fill--good{stroke:var(--vault-safe)}.gauge__fill--warn{stroke:var(--vault-warning)}.gauge__fill--bad{stroke:var(--vault-danger)}.gauge__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--vault-mono);font-size:13px;font-weight:600;color:var(--vault-text)}.gauge__label{font-size:11px;color:var(--vault-text-dim);font-weight:500}.card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card__metrics--3col{grid-template-columns:1fr 1fr 1fr}.card__metrics--2col{grid-template-columns:1fr 1fr}.card__metric{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;background:#ffffff05;border-radius:var(--vault-radius-sm)}.card__metric-val{font-family:var(--vault-mono);font-size:15px;font-weight:600;color:var(--vault-text)}.card__metric-label{font-size:10px;color:var(--vault-text-dim);margin-top:2px;letter-spacing:.3px}.card__big-metric{text-align:center;padding:12px 0}.card__big-value{display:block;font-family:var(--vault-mono);font-size:28px;font-weight:700;color:var(--vault-accent)}.card__big-value--green{color:var(--vault-safe)}.card__big-label{display:block;font-size:11px;color:var(--vault-text-dim);margin-top:4px;letter-spacing:.5px;text-transform:uppercase}.card__runtime{margin-top:12px;padding:8px 12px;background:var(--vault-accent-glow);border-radius:var(--vault-radius-sm);font-size:12px;color:var(--vault-text-dim);display:flex;justify-content:space-between;align-items:center}.card__runtime strong{font-family:var(--vault-mono);color:var(--vault-accent);font-size:14px}.vault__bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;padding:0 24px 16px}.vault__section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff05;border-bottom:1px solid var(--vault-border);font-size:14px;font-weight:600}.vault__count{font-family:var(--vault-mono);font-size:13px;color:var(--vault-accent)}.vault__assist-status{font-size:11px;color:var(--vault-safe);font-weight:500}.vault__occupants{background:var(--vault-card);border:1px solid var(--vault-border);border-radius:var(--vault-radius);overflow:hidden}.vault__occupant-list{padding:8px}.vault__occupant{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--vault-radius-sm);transition:background .2s ease}.vault__occupant:hover{background:#ffffff08}.vault__occupant-emoji{font-size:20px}.vault__occupant-info{display:flex;flex-direction:column}.vault__occupant-name{font-size:13px;font-weight:600}.vault__occupant-detail{font-size:11px;color:var(--vault-text-dim)}.vault__assistant{background:var(--vault-card);border:1px solid var(--vault-border);border-radius:var(--vault-radius);overflow:hidden;display:flex;flex-direction:column}.vault__chat{flex:1;padding:8px 12px;overflow-y:auto;min-height:150px;max-height:200px}.vault__chat::-webkit-scrollbar{width:4px}.vault__chat::-webkit-scrollbar-thumb{background:var(--vault-border);border-radius:2px}.vault__chat-msg{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03);animation:chatFadeIn .4s ease}.vault__chat-msg--new{opacity:0;transform:translateY(5px)}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.vault__chat-ts{font-family:var(--vault-mono);font-size:10px;color:var(--vault-text-dim);min-width:40px;padding-top:2px}.vault__chat-sender{font-size:11px;font-weight:700;color:var(--vault-accent);min-width:28px}.vault__chat-text{font-size:12px;color:var(--vault-text);line-height:1.4}.vault__chat-input{padding:8px 12px;border-top:1px solid var(--vault-border)}.vault__chat-input input{width:100%;padding:8px 12px;background:var(--vault-bg);border:1px solid var(--vault-border);border-radius:var(--vault-radius-sm);color:var(--vault-text-dim);font-family:var(--vault-font);font-size:12px;outline:none;cursor:not-allowed}.vault__footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 24px;background:var(--vault-surface);border-top:1px solid var(--vault-border);font-size:11px;color:var(--vault-text-dim);flex-shrink:0}.vault__uptime{font-family:var(--vault-mono);color:var(--vault-accent)}.vault__footer-brand{display:inline-flex;align-items:center;gap:5px;color:var(--vault-text-dim);letter-spacing:.5px}.vault__footer-logo{width:14px;height:14px;border-radius:50%;opacity:.5;transition:opacity .3s}.vault__footer-brand:hover .vault__footer-logo{opacity:.8}@media(max-width:1100px){.vault__grid{grid-template-columns:repeat(2,1fr)}.vault__bottom{grid-template-columns:1fr}}@media(max-width:700px){.vault__grid{grid-template-columns:1fr;padding:12px}.vault__header{flex-wrap:wrap;gap:8px;padding:10px 12px}.vault__bottom{padding:0 12px 12px}.vault__banner{margin:12px 12px 0}}.vault:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(88,166,255,.03) 0%,transparent 70%);z-index:9999}