:root{--bg: #eef2f7;--card: #ffffff;--text: #16213a;--muted: #4d5c7a;--line: #d8dfeb;--accent: #005cc5;--accent-2: #00449a}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:var(--text);background:radial-gradient(circle at 0% 0%,#d9e8ff 0,transparent 45%),radial-gradient(circle at 100% 100%,#e2fff2 0,transparent 40%),var(--bg);padding:24px}.app{width:min(980px,100%);margin:0 auto}.page-head h1{margin:0;font-size:clamp(1.5rem,2vw + 1rem,2.2rem)}.lead{margin:8px 0 16px;color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 24px #0f192d14}.connection-panel h2{margin:0 0 10px;font-size:1.05rem}.connection-grid{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:center}.connection-actions{margin-top:10px;display:flex;gap:8px}.connection-summary-panel{margin-top:14px;display:grid;gap:4px}.connection-summary-panel p{margin:0;color:var(--muted)}.filters{margin-top:14px;display:grid;grid-template-columns:90px 160px 90px 160px 90px 1fr auto auto;gap:10px;align-items:center}label{font-weight:700;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.95rem}button{border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}button:hover{background:var(--accent-2)}.table-panel{margin-top:14px}#status-text{margin:0 0 10px;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;font-size:.92rem}th{color:var(--muted);font-weight:700}.edit-btn{padding:6px 10px;font-size:.82rem}.delete-btn{margin-left:6px;padding:6px 10px;font-size:.82rem;background:#cc2f2f}.delete-btn:hover{background:#a82424}.restore-btn{padding:6px 10px;font-size:.82rem;background:#2c8c4a}.restore-btn:hover{background:#236f3b}.force-delete-btn{margin-left:6px;padding:6px 10px;font-size:.82rem;background:#7a1f1f}.force-delete-btn:hover{background:#611818}.editor-panel{margin-top:14px;display:grid;gap:10px}.editor-panel.is-hidden,.is-hidden{display:none}.editor-head{display:flex;justify-content:space-between;align-items:center}.editor-head h2{margin:0;font-size:1.05rem}.editor-status{margin:0;color:var(--muted)}.ghost-btn{background:#eef3fc;color:#2b436f}textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.95rem;resize:vertical;min-height:180px}.editor-actions{display:flex;gap:8px}@media(max-width:760px){body{padding:14px}.filters,.connection-grid{grid-template-columns:1fr}}