:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#101828;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.page{max-width:760px;margin:auto;padding:24px 16px 100px}h1{margin-bottom:4px}.muted{color:#667085}.card{margin-top:16px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 8px 24px #0000000a}input,textarea{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:12px;margin:6px 0 14px;font:inherit}textarea{min-height:110px}button{border:0;border-radius:12px;padding:12px 16px;margin-top:10px;font-weight:800}.primary{background:#146ef5;color:#fff;width:100%}.success{background:#16a34a;color:#fff;width:100%}.danger{background:#e11d48;color:#fff;width:100%}.secondary{background:#eef2f6;width:100%}.status{padding:16px;border-radius:14px;font-weight:800}.status.on{background:#ecfdf3;color:#067647}.status.off{background:#f2f4f7;color:#475467}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.stats div{background:#f9fafb;border-radius:14px;padding:12px;text-align:center}.stats strong,.stats span{display:block}.stats strong{font-size:22px}.stats span{font-size:12px;color:#667085}.row{display:flex;justify-content:space-between;gap:10px}.group{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid #eef2f6;padding:12px 0}.group small{display:block;color:#667085;word-break:break-all}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;gap:10px;align-items:center;margin:12px 0}.check input{width:auto;margin:0}.error{color:#b42318}.nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.nav a{width:min(25%,190px);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#667085;font-weight:700}.nav .router-link-active{color:#146ef5}.login-wrap{min-height:90vh;display:flex;align-items:center}@media (max-width: 600px){.grid{grid-template-columns:1fr}}.notice{border:1px solid #f5d58a;background:#fffaeb;border-radius:14px;padding:12px 14px;margin:12px 0;color:#7a2e0e}.notice p{margin:6px 0 0}.alerts-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.alert-summary{margin:4px 0 0}.compact{width:auto;margin-top:0;padding:10px 14px}.alert-filters{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px}.filter-chip{width:auto;margin:0;padding:9px 12px;background:#eef2f6;color:#475467;white-space:nowrap}.filter-chip span{display:inline-block;min-width:20px;margin-left:5px;padding:2px 6px;border-radius:999px;background:#ffffffbf;font-size:11px}.filter-chip.active{background:#146ef5;color:#fff}.alert{transition:opacity .18s ease,border-color .18s ease,background .18s ease}.alert-unread{border-color:#b8d4ff;box-shadow:0 10px 28px #146ef517}.alert-read{background:#f8fafc;border-color:#e5e7eb;box-shadow:none}.alert-read .alert-text,.alert-read small,.alert-read .alert-group-wrap strong{color:#667085}.alert-top{align-items:center}.alert-group-wrap,.alert-meta{display:flex;align-items:center;gap:8px}.unread-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#146ef5}.read-state{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.read-state.unread{background:#e8f1ff;color:#0b5ed7}.read-state.read{background:#eef2f6;color:#667085}.alert-text{white-space:pre-wrap;overflow-wrap:anywhere}.alert-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.alert-actions a{text-decoration:none}.alert-actions button{height:100%}@media (max-width: 600px){.alerts-header{align-items:flex-start}.alert-actions{grid-template-columns:1fr}.alert-meta{gap:5px}}