:root{--navy: #0F1B2D;--navy-card: #152741;--navy-elev: #1B3150;--border: #234060;--teal: #00B4D8;--teal-glow: rgba(0, 180, 216, .35);--text: #E6EEF8;--text-dim: #8AA0B8;--text-faint: #5A718C;--green: #22C55E;--red: #EF4444;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--navy);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","cv11"}body{background:radial-gradient(1200px 600px at 85% -10%,rgba(0,180,216,.08),transparent 60%),radial-gradient(800px 500px at -10% 100%,rgba(0,180,216,.05),transparent 60%),var(--navy)}.app{max-width:1280px;margin:0 auto;padding:32px 28px 64px}.header{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:28px}.header .shield{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#00b4d833,#00b4d80d);border:1px solid rgba(0,180,216,.35);display:grid;place-items:center;color:var(--teal);box-shadow:0 0 24px var(--teal-glow)}.header h1{font-size:22px;font-weight:600;margin:0;letter-spacing:-.01em}.header .tagline{font-size:13px;color:var(--text-dim);margin-top:2px}.header .status{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:#00b4d80a}.header .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}@media(max-width:960px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--navy-card),#122138);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px #ffffff08 inset,0 20px 40px -20px #0009;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.card-head .title{font-size:14px;font-weight:600;letter-spacing:.02em}.card-head .sub{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.doc-meta{padding:14px 20px 6px;font-size:12px;color:var(--text-dim);display:flex;justify-content:space-between}.doc-meta strong{color:var(--text);font-weight:500}.field-list{padding:4px 8px 12px}.field{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:16px;padding:12px 14px;border-radius:10px;transition:background .12s ease}.field+.field{border-top:1px solid rgba(35,64,96,.5)}.field:hover{background:#00b4d80a}.field .label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.field .value{font-family:var(--mono);font-size:13px;color:var(--text)}.field.hidden .value{color:var(--text-faint);text-decoration:line-through}.toggle{position:relative;width:44px;height:24px;background:#3a1f26;border:1px solid #5a2430;border-radius:999px;cursor:pointer;transition:all .18s ease;flex-shrink:0}.toggle .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--red);transition:all .18s ease;box-shadow:0 0 10px #ef444480}.toggle.on{background:#0f3a22;border-color:#1f5a36}.toggle.on .knob{left:22px;background:var(--green);box-shadow:0 0 10px #22c55e99}.right-col{display:flex;flex-direction:column;gap:20px;min-width:0}.preview-body{padding:16px 20px 20px;font-family:var(--mono);font-size:12.5px;line-height:1.8;max-height:340px;overflow-y:auto}.preview-line{display:flex;gap:10px}.preview-key{color:var(--teal);min-width:140px}.preview-val{color:var(--text);word-break:break-all}.preview-val.redacted{color:var(--text-faint);background:#ef444414;padding:0 6px;border-radius:4px;border:1px dashed rgba(239,68,68,.3)}.preview-stats{display:flex;gap:16px;padding:10px 20px;border-top:1px solid var(--border);font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.preview-stats .pill{display:inline-flex;align-items:center;gap:6px}.preview-stats .dot-green{width:6px;height:6px;border-radius:50%;background:var(--green)}.preview-stats .dot-red{width:6px;height:6px;border-radius:50%;background:var(--red)}.log-body{padding:8px 0;max-height:300px;overflow-y:auto}.log-entry{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:10px 20px;font-size:12.5px;border-left:2px solid transparent;transition:border-color .16s ease}.log-entry:hover{border-left-color:var(--teal);background:#00b4d808}.log-time{font-family:var(--mono);color:var(--text-faint);font-size:11px}.log-msg{color:var(--text)}.log-msg .field-name{color:var(--teal);font-weight:500}.log-msg .to-on{color:var(--green)}.log-msg .to-off{color:var(--red)}.log-msg .arrow{color:var(--text-faint);margin:0 6px}.log-empty{padding:24px 20px;text-align:center;color:var(--text-faint);font-size:12px}.reset-notice{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:12px;color:var(--teal);background:#00b4d814;border-bottom:1px solid rgba(0,180,216,.25);animation:slideDown .22s ease}.reset-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);animation:pulse 1.4s ease-in-out infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-body{padding:14px 20px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.chat-msg{display:flex;flex-direction:column;gap:4px;max-width:92%}.chat-msg.user{align-self:flex-end;align-items:flex-end}.chat-msg.assistant{align-self:flex-start}.chat-role{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.chat-content{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.chat-msg.user .chat-content{background:linear-gradient(135deg,#00b4d82e,#00b4d814);border:1px solid rgba(0,180,216,.35);color:var(--text);border-top-right-radius:4px}.chat-msg.assistant .chat-content{background:#1b3150b3;border:1px solid var(--border);color:var(--text);border-top-left-radius:4px}.chat-msg.error .chat-content{border-color:#ef444480;background:#ef444414;color:#fecaca}.typing{display:inline-flex;gap:4px;padding:4px 0}.typing i{width:6px;height:6px;background:var(--text-dim);border-radius:50%;animation:blink 1.3s infinite ease-in-out both}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.chat-form{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:#0f1b2d66}.chat-input{flex:1;background:#0f1b2dcc;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:13px;font-family:var(--sans);outline:none;transition:border-color .14s ease,box-shadow .14s ease}.chat-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00b4d826}.chat-input::placeholder{color:var(--text-faint)}.chat-send{background:var(--teal);color:#04202b;border:none;border-radius:8px;padding:0 18px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .14s ease,opacity .14s ease;box-shadow:0 0 20px #00b4d840}.chat-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #00b4d873}.chat-send:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#234060;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2c5077}