@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#0f1b2a;--bg-accent:#1b2f4a;--card:rgba(15,27,42,.7);--card-border:hsla(0,0%,100%,.12);--text:#eaf1ff;--muted:#9fb3d9;--accent:#f6b73c;--good:#38d39f;--bad:#ff6b6b}*{box-sizing:border-box;padding:0;margin:0}body,html{height:100%}body{font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at top,#1e2c3e 0,var(--bg) 45%,#0a121d 100%)}main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}.app-shell{width:min(1100px,100%);display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(280px,.8fr);grid-gap:24px;gap:24px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 80px rgba(10,20,30,.45)}.title{font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.subtitle{color:var(--muted);margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid var(--card-border);font-size:13px}.badge.online{color:var(--good)}.badge.offline{color:var(--bad)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}label{font-size:13px;color:var(--muted)}input,select,textarea{background:rgba(8,14,22,.7);border:1px solid hsla(0,0%,100%,.1);color:var(--text);padding:12px 14px;border-radius:12px;font-size:15px}input:focus,textarea:focus{outline:2px solid rgba(246,183,60,.4);border-color:rgba(246,183,60,.7)}.actions{display:flex;flex-wrap:wrap;gap:12px}button{border:none;background:var(--accent);color:#1d1200;padding:12px 18px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button.secondary{background:transparent;color:var(--text);border:1px solid var(--card-border)}button:active{transform:translateY(1px)}.status{margin-top:16px;padding:12px 14px;border-radius:12px;background:hsla(0,0%,100%,.06);border:1px solid var(--card-border);color:var(--muted)}.status.good{border-color:rgba(56,211,159,.5);color:var(--good)}.status.bad{border-color:hsla(0,100%,71%,.5);color:var(--bad)}.history{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow:auto}.history-item{padding:12px 14px;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);background:rgba(7,11,17,.5);display:grid;grid-gap:6px;gap:6px;font-size:14px}.footer-note,.history-item span{color:var(--muted)}.footer-note{margin-top:20px;font-size:12px}