:root{--bg: #2b3e50;--card: #4e5d6c;--text: #ebebeb;--muted: rgba(255, 255, 255, .5);--line: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .03);--glass-hover: rgba(255, 255, 255, .08);--shadow: 0 34px 86px rgba(0, 0, 0, .34);--primary: #df691a;--primary-hover: #c75a16;--primary-soft: rgba(223, 105, 26, .12);--success: #5cb85c;--success-soft: rgba(92, 184, 92, .15);--warning: #f0ad4e;--warning-soft: rgba(240, 173, 78, .15);--danger: #d9534f;--danger-soft: rgba(217, 83, 79, .15);--info: #5bc0de;--info-soft: rgba(91, 192, 222, .1);--radius: 25px;--radius-sm: 15px;--font: "Quickly", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}h1,h2,h3,h4{font-weight:600;line-height:1.25}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(91,192,222,.1),transparent 60%),radial-gradient(ellipse 60% 40% at 50% 120%,rgba(78,93,108,.15),transparent 60%),var(--bg)}.login-card{width:380px;padding:2.5rem 2rem;text-align:center;background:var(--glass);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--line);border-radius:40px;box-shadow:var(--shadow)}.login-logo{width:min(280px,60vw);opacity:.96;margin-bottom:1rem}.login-card .heading{font-size:1.3rem;margin:0 0 .25rem;letter-spacing:.02em}.login-card .sub{color:var(--muted);font-size:.9rem;margin:0 0 1.5rem}.field-shell{display:flex;align-items:center;gap:.75rem;background:#0003;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.3rem 1rem;transition:all .3s;margin:.5rem 0 1rem}.field-shell:focus-within{border-color:var(--primary);box-shadow:0 0 15px var(--primary-soft)}.field-icon{opacity:.5;font-size:1.1rem}.field-shell input{background:transparent;border:none;color:var(--text);height:48px;font-size:1rem;width:100%;outline:none;font-family:var(--font)}.btn-primary{width:100%;padding:.7rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:var(--font)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 20px var(--primary-soft)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.layout{display:flex;flex-direction:column;height:100vh}.topbar{padding:.6rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:.5rem}.h-logo{width:min(160px,30vw)}.brand-text{font-weight:700;font-size:1rem;letter-spacing:.02em}.filters{display:flex;gap:.35rem}.filters button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:.35rem 1rem;border-radius:var(--radius);font-size:.82rem;cursor:pointer;transition:all .2s;font-family:var(--font)}.filters button:hover{background:var(--glass-hover);border-color:#fff3;color:var(--text)}.filters button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.main-grid{flex:1;display:grid;grid-template-columns:340px 1fr;overflow:hidden}.node-sidebar{background:linear-gradient(180deg,#ffffff0a,#fff0);border-right:1px solid rgba(255,255,255,.05);padding:.75rem;overflow-y:auto}.node-card{background:var(--glass);border:1px solid transparent;border-radius:20px;padding:.85rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.node-card:hover{background:var(--glass-hover);border-color:var(--line);transform:translate(2px)}.node-card.selected{background:var(--primary-soft);border-color:var(--primary)}.nc-top{display:flex;align-items:center;gap:.5rem}.nc-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.nc-name{font-weight:600;font-size:.92rem}.nc-tag{color:var(--muted);font-size:.78rem;margin-left:auto}.nc-meta{display:flex;gap:.55rem;margin-top:.4rem;color:var(--muted);font-size:.76rem}.nc-pos{font-weight:600}.pos-ok{color:var(--success)}.pos-none{color:var(--muted)}.empty-sidebar{text-align:center;color:var(--muted);padding:3rem 1rem;font-size:.9rem}.detail-panel{padding:1.5rem;overflow-y:auto;background:var(--bg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted);gap:1rem}.empty-logo{width:min(280px,60vw);opacity:.15}.detail-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.detail-top .heading{margin:0 0 .25rem;font-size:1.3rem}.detail-top .meta{color:var(--muted);font-size:.85rem;margin:0}.status-pill{padding:.2rem .8rem;border-radius:25px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.04em}.composer{margin-bottom:1.5rem}.composer textarea{width:100%;padding:.85rem;background:var(--glass);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;resize:vertical;outline:none;transition:border-color .3s}.composer textarea:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-soft)}.composer .btn-primary{margin-top:.6rem;width:auto;padding:.6rem 2rem}.section-h{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .75rem}.task-list{display:flex;flex-direction:column;gap:.55rem}.task{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:20px;padding:.85rem;transition:all .2s}.task:hover{border-color:#ffffff26}.task.task-done{border-left:3px solid var(--success)}.task.task-error{border-left:3px solid var(--danger)}.task.task-running{border-left:3px solid var(--warning)}.task.task-timeout{border-left:3px solid var(--danger)}.task.task-cancelled{border-left:3px solid var(--muted)}.task-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.task-time{color:var(--muted);font-size:.75rem}.task-prompt{margin:0 0 .4rem;font-size:.88rem;line-height:1.55;color:var(--text)}.task-result{background:#00000040;padding:.65rem;border-radius:12px;font-family:var(--font-mono);font-size:.8rem;white-space:pre-wrap;max-height:220px;overflow:auto;line-height:1.5;color:#ebebebd9}.task-error{color:var(--danger);font-size:.85rem;margin:.3rem 0 0}.empty-tasks{text-align:center;color:var(--muted);font-size:.88rem;padding:2rem}.pill{padding:.15rem .65rem;border-radius:25px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.pill-done{background:var(--success-soft);color:var(--success)}.pill-error{background:var(--danger-soft);color:var(--danger)}.pill-running{background:var(--warning-soft);color:var(--warning)}.pill-pending,.pill-sent{background:#ffffff0f;color:var(--muted)}.pill-timeout{background:var(--danger-soft);color:var(--danger)}.pill-cancelled{background:#ffffff0f;color:var(--muted)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.65rem 1.3rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:#fff;box-shadow:var(--shadow);z-index:200}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}