:root{--bg-page: #f7f4ff;--bg-panel: #ffffff;--border: #e7def8;--text-dark: #2a1650;--text-muted: #6f6294;--primary: #6a1bb9;--primary-dark: #4a148c;--primary-light: #f2eaff;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 10px 24px rgba(74, 20, 140, .1);--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;font-family:Poppins,sans-serif;color:var(--text-dark);background:var(--bg-page)}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 0%,#ece3ff 0,#f7f4ff 38%,transparent 68%),radial-gradient(860px 420px at 100% 2%,rgba(106,27,185,.08),transparent 70%),linear-gradient(180deg,#fff,#f7f4ff);z-index:-1}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:0 24px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#fff,#f7f1ff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;font-size:.78rem;box-shadow:0 8px 18px #4a148c33}.brand h1{margin:0;font-size:1.12rem;color:var(--primary);letter-spacing:0}.brand p{margin:2px 0 0;color:var(--text-muted);font-size:.82rem}.topbar-actions{display:flex;gap:10px}.layout{display:grid;grid-template-columns:300px minmax(460px,1fr) 350px;grid-template-rows:minmax(430px,auto) minmax(180px,auto);gap:16px;padding:18px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.settings-panel,.main-panel,.targets-panel,.activity-panel{padding:14px}.settings-panel{grid-row:1 / 3}.activity-panel{grid-column:2 / 4}.panel h2,.panel h3{margin:0 0 10px;color:var(--text-dark);letter-spacing:0}.panel-header p{margin:4px 0 0;color:var(--text-muted);font-size:.86rem}.panel-header.compact{margin-bottom:8px}.label{display:block;margin:10px 0 6px;font-size:.82rem;color:var(--text-muted);font-weight:600}.input,.textarea,select{width:100%;border:1px solid #d9c9f7;border-radius:var(--radius-md);padding:11px 12px;font:inherit;color:var(--text-dark);background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.input:focus,.textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6a1bb91a}.textarea{resize:vertical;min-height:116px}.hint{margin-top:8px;color:var(--text-muted);font-size:.8rem}.status-row{margin:14px 0;display:flex;align-items:center;justify-content:space-between}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.73rem;font-weight:600}.pill.ok{background:#10b9811f;color:#047857}.pill.bad{background:#ef44441f;color:var(--danger)}.pill.neutral{background:var(--primary-light);color:var(--primary)}.quick-actions{display:grid;grid-template-columns:1fr;gap:8px}.btn{border:1px solid transparent;border-radius:var(--radius-md);padding:10px 12px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .16s ease,filter .16s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 8px 18px #4a148c29}.btn.secondary{background:var(--primary-light);border-color:#d9c9f7;color:var(--primary)}.btn.ghost{background:#fff;border-color:var(--border);color:var(--text-dark)}.btn.small{text-align:left;background:#fff;border-color:var(--border);color:var(--text-dark)}.btn.small:hover{border-color:var(--primary);background:var(--primary-light)}.route-form{margin-top:8px}.route-actions{margin-top:10px;display:grid;grid-template-columns:minmax(180px,1fr) 140px 100px 120px;gap:10px;align-items:end}.response-wrap{margin-top:14px;border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;background:#fbf8ff;overflow:hidden}.response-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#fbf8ff,#f1e8ff)}.response-head h3{margin:0}.response-output{margin:0;min-height:200px;max-height:320px;overflow:auto;border:0;background:#fff;padding:16px;color:var(--text-dark);font-family:Poppins,sans-serif;font-size:.8rem;white-space:pre-wrap;line-height:1.6}.targets-grid{display:grid;gap:10px}.target-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;background:#fff;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.target-card:hover{transform:translateY(-1px);border-color:#d9c9f7;box-shadow:var(--shadow-sm)}.target-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.target-name{font-weight:600;font-size:.89rem}.target-url{margin-top:5px;font-family:Consolas,Courier New,monospace;color:var(--text-muted);font-size:.72rem;word-break:break-all}.activity-log{margin:0;padding:0;list-style:none;display:grid;gap:8px;max-height:220px;overflow:auto}.activity-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;background:#fff}.activity-time{color:var(--text-muted);font-size:.72rem;margin-bottom:3px}.activity-text{font-size:.82rem}@media (max-width: 1200px){.layout{grid-template-columns:1fr;grid-template-rows:auto}.settings-panel,.activity-panel{grid-row:auto;grid-column:auto}.route-actions{grid-template-columns:1fr}}