:root{--bg: #f4f0ea;--card: #ffffff;--text: #1c1b1a;--muted: #a39b93;--accent: #d06b4f;--accent-2: #4f7dd0;--shadow: rgba(19, 16, 13, .12)}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,SF Pro Text,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,#fbe8d9,#f4f0ea 40%,#e9e3dc)}.page{min-height:100vh;padding:48px clamp(16px,4vw,64px) 80px}.page.compact{padding:32px clamp(16px,4vw,48px) 60px}.hero{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--muted)}h1{margin:8px 0;font-size:clamp(32px,5vw,56px)}.subtitle{max-width:480px;color:#4b4540;line-height:1.5}.stats{display:flex;gap:24px;background:#fff9;padding:16px 20px;border-radius:18px;box-shadow:0 8px 20px var(--shadow);align-items:center}.stat-label{display:block;font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.16em}.stat-value{font-size:24px;font-weight:700}.notice{padding:16px 20px;background:#fffc;border-radius:12px;margin-bottom:24px}.notice.error{background:#ffe5e0;color:#a13b2b}.toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.toolbar-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.search input{width:min(360px,100%);padding:10px 12px;border-radius:12px;border:1px solid #e3d9cf;font-size:14px}.env-switch{border:1px solid #e3d9cf;border-radius:999px;padding:8px 12px;background:#fff;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #e3d9cf;background:#fff;color:#5b514b;padding:6px 12px;border-radius:999px;font-size:12px;cursor:pointer}.chip.active{background:#d06b4f;border-color:#d06b4f;color:#fff}.banner{display:flex;gap:12px;align-items:center;background:#ffe9cf;color:#7b3b14;padding:12px 16px;border-radius:14px;margin-bottom:20px;border:1px solid #ffd9b1}.banner-editor{display:flex;flex-wrap:wrap;gap:12px;background:#ffffffb3;padding:12px;border-radius:12px;border:1px solid #efe3d8}.toggle{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:#4b4540}.login-card{max-width:420px;background:var(--card);border-radius:20px;padding:24px;box-shadow:0 12px 28px var(--shadow);margin-bottom:32px}.login-card h2{margin:0 0 8px}.login-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#4b4540}.field input{padding:10px 12px;border-radius:12px;border:1px solid #e3d9cf;font-size:14px}.button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:999px;font-weight:600;cursor:pointer}.logout{margin-left:auto;background:transparent;border:1px solid #d8cfc6;color:#5b514b;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:12px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.page.compact .grid{gap:14px}.groups{display:flex;flex-direction:column;gap:24px}.group-title{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.card{background:var(--card);border-radius:20px;padding:20px;box-shadow:0 12px 28px var(--shadow);display:flex;flex-direction:column;gap:16px}.page.compact .card{padding:16px;gap:12px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-actions{display:flex;gap:8px;align-items:center}.favorite{border:1px solid #e3d9cf;background:#fff;color:#c9b9a8;padding:4px 8px;border-radius:999px;cursor:pointer;font-size:12px}.favorite.active{color:#d06b4f;border-color:#d06b4f}.card-header h2{margin:0;font-size:20px}.meta{margin:6px 0 0;color:var(--muted)}.pill{color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.card-body{display:flex;flex-direction:column;gap:8px}.health{display:flex;align-items:center;gap:8px;color:#4b4540;font-size:14px}.dot{width:10px;height:10px;border-radius:999px;background:var(--muted)}.dot-up{background:#4fbe7b}.dot-down{background:#d04f4f}.dot-unknown{background:#b8a79c}.card-body a{color:#2a5aa0;text-decoration:none}.card-body a.logs{color:#d06b4f}.muted{color:var(--muted)}.tail-button{align-self:flex-start;background:transparent;border:1px solid #e3d9cf;color:#5b514b;padding:6px 10px;border-radius:999px;font-size:12px;cursor:pointer}.log-panel{margin-top:8px;background:#f9f4ee;border-radius:12px;padding:12px;border:1px solid #efe3d8}.log-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:180px;overflow:auto}.log-list li{display:grid;grid-template-columns:80px 1fr;gap:8px;font-size:12px;color:#3a3430}.log-time{color:#8b8177;font-variant-numeric:tabular-nums}.log-message{white-space:pre-wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1b1a66;display:flex;align-items:center;justify-content:center;padding:24px;z-index:30}.modal{background:var(--card);border-radius:20px;width:min(880px,100%);max-height:min(80vh,720px);display:flex;flex-direction:column;box-shadow:0 20px 60px #13100d33}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 0}.modal-header h3{margin:4px 0 0}.modal-actions{display:flex;gap:8px}.close-button{border:none;background:#efe4da;color:#5b514b;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:12px}.modal-body{padding:16px 24px 24px;overflow:auto}.modal-log-list{max-height:unset}.metrics{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.uptime{font-size:12px;color:#6a5f57}.sparkline{display:flex;align-items:center}.sparkline svg{width:140px;height:32px}.sparkline path{fill:none;stroke:#2a5aa0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 640px){.stats{width:100%;justify-content:space-between}}