:root{--ink:#1a1a1a;--peach:#f7d7c4;--coral:#ea6d4b;--sand:#fdf6f0;--sky:#c3d6f5;--shadow:rgba(26,26,26,.12)}*{box-sizing:border-box}body{margin:0;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;color:var(--ink);background:radial-gradient(circle at top,var(--sand),var(--peach));min-height:100vh}.page{padding:4rem 6vw 6rem}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:3rem;gap:3rem;align-items:center}.hero-text h1{font-size:clamp(2.4rem,4vw,3.6rem);margin:0 0 1rem;letter-spacing:-.02em}.subhead{font-size:1.1rem;line-height:1.6;max-width:32rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;margin-bottom:1rem}.hero-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 30px 60px var(--shadow);position:relative;overflow:hidden;animation:floatIn .6s ease-out}.hero-card:before{content:"";position:absolute;inset:-30% 60% auto -20%;height:140px;background:linear-gradient(120deg,var(--sky),transparent);opacity:.6}.form{grid-gap:1rem;gap:1rem;position:relative;z-index:1}.form,label{display:grid}label{grid-gap:.4rem;gap:.4rem;font-weight:600}input,label{font-size:.95rem}input{padding:.7rem .9rem;border-radius:12px;border:1px solid #e1dfdc}button{padding:.8rem 1rem;border-radius:999px;border:none;background:var(--coral);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button.danger{background:#c2493a}button:hover{transform:translateY(-2px);box-shadow:0 10px 20px var(--shadow)}button:disabled{opacity:.7;cursor:wait}.result{margin-top:1.5rem;background:var(--sand);border-radius:16px;padding:1rem}.status{font-weight:700;margin:0 0 1rem}.status.safe{color:#2b6a3d}.status.danger{color:#a33a2c}.meta{display:grid;grid-gap:.75rem;gap:.75rem}.meta span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#6f6b66}.error{color:#a33a2c;margin-top:1rem}.dashboard{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.panel{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 20px 40px var(--shadow)}.panel h2{margin-top:0}.monitor-list{display:grid;grid-gap:.8rem;gap:.8rem}.monitor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:16px;border:1px solid #efecea;background:#fffdfb;cursor:pointer;text-align:left}.monitor-row.selected{border-color:var(--coral);box-shadow:0 10px 20px var(--shadow)}.monitor-row strong{display:block;font-size:1rem}.monitor-row span{font-size:.8rem;color:#6f6b66}.tag{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-left:.4rem}.tag.safe{background:#e5f4ea;color:#2b6a3d}.tag.danger{background:#fbe8e6;color:#a33a2c}.tag.warn{background:#fff2cc;color:#9a6b00}.detail{display:grid;grid-gap:1.4rem;gap:1.4rem}.detail-header{display:flex;flex-direction:column;gap:1rem}.detail-header .title{font-size:1.4rem;font-weight:700;margin:0}.muted{color:#6f6b66;margin:.2rem 0}.actions{display:flex;flex-wrap:wrap;gap:.6rem}.history{display:grid;grid-gap:.6rem;gap:.6rem}.history-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .8rem;border-radius:12px;background:var(--sand)}.empty{color:#6f6b66}@keyframes floatIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:720px){.page{padding:3rem 6vw}.hero-card{padding:1.6rem}.dashboard{grid-template-columns:1fr}}