:root{--bg: #f6f7fb;--card: #ffffff;--primary: #6366f1;--primary-hover: #4f46e5;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--ok: #10b981;--warn: #f59e0b;--err: #ef4444}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);font-size:14px}.app{display:grid;grid-template-columns:220px 1fr;height:100vh}.sidebar{background:#1e293b;color:#fff;padding:24px 0}.brand{padding:0 24px 24px;display:flex;align-items:center;gap:10px;font-weight:600}.brand .logo{font-size:24px}.brand .name{font-size:18px}.sidebar nav{display:flex;flex-direction:column}.sidebar .nav-link{color:#ffffffb3;padding:10px 24px;text-decoration:none}.sidebar .nav-link:hover{background:#ffffff0d}.sidebar .nav-link.active{background:#6366f133;color:#fff;border-left:3px solid var(--primary)}.main{overflow-y:auto;padding:28px 32px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h1{margin:0;font-size:22px;font-weight:600}.page-header .actions{display:flex;gap:8px;align-items:center}.btn{background:#fff;border:1px solid var(--border);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--text);text-decoration:none;display:inline-block}.btn:hover{background:#f9fafb}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--err);border-color:var(--err)}.btn.danger:hover{background:#fef2f2}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:13px}.search{padding:8px 12px;border:1px solid var(--border);border-radius:6px;min-width:220px;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.card h3{margin:0 0 12px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.grid{width:100%;border-collapse:collapse}.grid th,.grid td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.grid th{background:#fafbfc;color:var(--muted);font-weight:500;font-size:13px}.grid tbody tr:hover{background:#f9fafb}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge.ok{background:#d1fae5;color:#065f46}.badge.warn{background:#fef3c7;color:#92400e}.badge.err{background:#fee2e2;color:#991b1b}.badge.muted{background:#f3f4f6;color:#374151}.mono{font-family:SF Mono,Monaco,Consolas,Courier New,monospace;font-size:13px}.muted{color:var(--muted)}.err{color:var(--err);padding:8px 12px;background:#fef2f2;border-radius:6px}.form .row{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;margin-bottom:10px}.form label{color:var(--muted);font-size:13px}.form input,.form select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;width:100%;max-width:480px}.form input:focus,.form select:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:var(--primary)}.form h3{margin-top:20px}.form .actions{margin-top:16px}.kv{display:grid;grid-template-columns:220px 1fr;gap:8px 16px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.auth-shell{display:grid;grid-template-columns:1fr;min-height:100vh;background:#fff}@media (min-width: 1024px){.auth-shell{grid-template-columns:1fr 1fr}}.auth-brand{display:none;position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f1,#5b54e6,#4f46e5)}@media (min-width: 1024px){.auth-brand{display:block}}.auth-brand-bg-1,.auth-brand-bg-2{position:absolute;width:480px;height:480px;border-radius:50%;background:#fff;opacity:.06;filter:blur(60px)}.auth-brand-bg-1{top:15%;left:10%}.auth-brand-bg-2{bottom:10%;right:10%}.auth-brand-content{position:relative;z-index:2;height:100%;padding:48px;display:flex;flex-direction:column;color:#fff}.auth-brand-top h1{margin:0;font-size:36px;font-weight:700;line-height:1.2}.auth-brand-top p{margin:16px 0 0;font-size:17px;color:#ffffffd9;line-height:1.55;max-width:480px}.auth-brand-illustration{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 0}.auth-brand-illustration svg{width:100%;max-width:560px;height:auto;filter:drop-shadow(0 16px 32px rgba(0,0,0,.25))}.auth-brand-foot{font-size:13px;color:#fff9}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:32px 24px;background:#fff}.auth-form-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:22px}.auth-form-mobile-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:22px;font-weight:700;color:#1e293b}.auth-form-mobile-brand .logo{font-size:28px}@media (min-width: 1024px){.auth-form-mobile-brand{display:none}}.auth-form-header{text-align:center}.auth-form-header h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em;color:#0f172a}.auth-form-header p{margin:8px 0 0;color:var(--muted);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .field{display:flex;flex-direction:column;gap:6px}.auth-form .field label{font-size:13px;font-weight:500;color:#334155}.auth-form .field .small{font-size:12px;color:var(--muted);margin:0}.input-wrap{position:relative}.input-wrap input{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;transition:border-color .15s,box-shadow .15s}.input-wrap input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.input-wrap input:disabled{background:#f8fafc;color:#94a3b8}.input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.input-action{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;color:#94a3b8;cursor:pointer;border-radius:4px}.input-action:hover{color:#475569;background:#f1f5f9}.row-between{display:flex;align-items:center;justify-content:space-between}.check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#475569}.check input{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.link{color:var(--primary);font-size:13px;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.btn.full{width:100%;justify-content:center;padding:11px;font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.btn.outline{background:#fff;border:1px solid var(--border);color:#334155}.btn.outline:hover{background:#f8fafc}.divider{position:relative;text-align:center;margin:4px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.divider span{position:relative;background:#fff;padding:0 12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.alert{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:8px;font-size:13px}.alert .icon{flex-shrink:0;margin-top:1px}.alert-err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.back-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:13px;text-decoration:none;margin-top:6px}.back-link:hover{color:var(--primary)}.icon{display:inline-block;vertical-align:middle}.icon.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.center{text-align:center}.sidebar .logout-btn{background:none;border:none;text-align:left;cursor:pointer;padding:10px 24px;color:#fff9;margin-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:14px}.sidebar .logout-btn:hover{color:#fff}.help-page pre{background:#1e293b;color:#e2e8f0;padding:12px 16px;border-radius:6px;font-size:13px;overflow-x:auto}.help-page code{background:#f1f5f9;padding:2px 6px;border-radius:3px;font-size:13px}.help-page ol,.help-page ul{padding-left:22px;line-height:1.7}.help-page .card h3{color:var(--text);text-transform:none;font-size:16px;font-weight:600;letter-spacing:0}.agent-panel{padding:0;overflow:hidden}.agent-panel .tabs{display:flex;border-bottom:1px solid var(--border)}.agent-panel .tab{flex:1;padding:14px 18px;background:#f8fafc;border:none;border-right:1px solid var(--border);color:var(--muted);font-size:14px;font-weight:500;cursor:pointer}.agent-panel .tab:last-child{border-right:0}.agent-panel .tab.active{background:#fff;color:var(--primary);border-bottom:2px solid var(--primary)}.agent-panel .tab-body{padding:20px}.agent-panel .tab-body p:first-child{margin-top:0}.cmd-box{display:flex;align-items:center;gap:10px;background:#0f172a;color:#e2e8f0;padding:12px 16px;border-radius:8px;margin:14px 0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;overflow-x:auto}.cmd-box code{background:none;padding:0;color:#e2e8f0;flex:1;white-space:nowrap}.cmd-box .btn{background:#6366f1;color:#fff;border:0;padding:6px 12px;font-size:12px;flex-shrink:0}.cmd-box .btn:hover{background:#4f46e5}.agent-status{margin:12px 0}.agent-status .badge{font-size:13px;padding:5px 12px}.advanced{margin-top:16px}.advanced summary{cursor:pointer;color:var(--muted);font-size:13px;-webkit-user-select:none;user-select:none}.advanced summary:hover{color:var(--text)}.advanced .code-preview{background:#0f172a;color:#94a3b8;padding:12px 16px;border-radius:6px;font-size:11px;max-height:320px;overflow:auto;margin:12px 0}.factory-reset-note{background:#fef9c3;border-top:1px solid #fde68a;padding:12px 20px;font-size:13px;color:#713f12}.factory-reset-note strong{color:#713f12}.factory-reset-note code{background:#00000014;padding:1px 5px;border-radius:3px;font-size:12px}