*{box-sizing:border-box;margin:0}body{font-family:Hiragino Sans,Yu Gothic UI,sans-serif;background:#f4f6f8;color:#1a2733}.app{max-width:1100px;margin:0 auto;padding:16px}.app.wide{max-width:1720px;padding:16px 28px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:2px solid #2563eb;margin-bottom:16px}.topbar h1{font-size:18px;color:#2563eb}.topbar .who{font-size:13px;color:#556}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tabs button{padding:8px 16px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;cursor:pointer;font-size:14px}.tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb}.card{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #00000014}.card h2{font-size:15px;margin-bottom:12px;color:#334155}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #e2e8f0}th{background:#f8fafc;color:#475569;font-weight:600}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}input,select{padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}button.primary{padding:8px 16px;background:#2563eb;color:#fff;border:0;border-radius:6px;cursor:pointer;font-size:14px}button.danger{padding:4px 10px;background:#fff;color:#dc2626;border:1px solid #dc2626;border-radius:6px;cursor:pointer;font-size:12px}button.ghost{padding:8px 16px;background:#fff;color:#2563eb;border:1px solid #2563eb;border-radius:6px;cursor:pointer;font-size:14px}.login-box{max-width:360px;margin:80px auto}.login-box input{width:100%;margin-bottom:12px}.login-box button{width:100%}.error{color:#dc2626;font-size:13px;margin:8px 0}.notice{background:#ecfdf5;border:1px solid #10b981;color:#065f46;padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:12px;word-break:break-all}.kpis{display:flex;gap:12px;flex-wrap:wrap}.kpi{flex:1;min-width:140px;background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 3px #00000014}.kpi .v{font-size:26px;font-weight:700;color:#2563eb}.kpi .l{font-size:12px;color:#64748b}.muted{color:#94a3b8;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-card{max-width:560px;width:100%;max-height:88vh;overflow:auto;margin:0}.modal-body{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #e2e8f0;padding-top:12px}.field{display:flex;flex-direction:column;gap:4px}.field>label{font-size:13px;color:#475569;font-weight:600}.field>.hint{font-size:12px;color:#94a3b8}.field input,.field select{width:100%}.field-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.check-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow:auto;border:1px solid #cbd5e1;border-radius:6px;padding:8px}.check-item{display:flex;align-items:center;gap:8px;font-size:14px;padding:4px 6px;border-radius:4px;cursor:pointer}.check-item:hover{background:#f1f5f9}.check-item input{width:auto}.health-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.health-badge{padding:5px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;letter-spacing:.02em}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}.health-tile{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;border-radius:8px;padding:12px 14px;transition:box-shadow .15s}.health-tile.up{border-left-color:#16a34a}.health-tile.warn{border-left-color:#d97706;background:#fffbeb}.health-tile.down{border-left-color:#dc2626;background:#fef2f2}.health-tile.off{border-left-color:#cbd5e1;opacity:.75}.health-tile.clickable{cursor:pointer}.health-tile.clickable:hover{box-shadow:0 2px 10px #0000001f}.health-tile .ht-label{font-size:13px;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px}.health-tile .ht-status{font-size:15px;font-weight:700;margin-top:6px}.health-tile .ht-detail{font-size:12px;color:#64748b;margin-top:2px;word-break:break-all}.health-tile .ht-more{font-size:11px;color:#2563eb;margin-top:6px}.site-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;padding:8px 14px;margin-bottom:16px}.site-filter .sf-label{font-size:13px;font-weight:600;color:#0f766e;display:flex;align-items:center;gap:4px}.site-filter .pill{padding:5px 14px;border:1px solid #cbd5e1;background:#fff;border-radius:999px;cursor:pointer;font-size:13px;color:#334155}.site-filter .pill:hover{border-color:#14b8a6}.site-filter .pill.active{background:#0d9488;color:#fff;border-color:#0d9488}