*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;color:#1a1a1a;background:#f5f5f5}body{margin:0;min-height:100vh}h1,h2,h3{margin:0 0 .5rem}p{margin:0 0 1rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.btn{display:inline-block;padding:.6rem 1.4rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn:disabled{opacity:.6;cursor:not-allowed}input[type=email]{width:100%;padding:.6rem .8rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;outline:none}input[type=email]:focus{border-color:#2563eb}.status-online{color:#16a34a;font-weight:600}.status-offline{color:#dc2626;font-weight:600}.status-unknown{color:#9ca3af}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-yellow{background:#fef9c3;color:#854d0e}.badge-gray{background:#f3f4f6;color:#6b7280}.alert-item{background:#fff7ed;border-left:3px solid #f97316;padding:.5rem .75rem;margin-top:.5rem;border-radius:0 4px 4px 0;font-size:.875rem}.alert-item.critical{background:#fef2f2;border-left-color:#dc2626}