:root{--font-sans: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading: "Noto Sans Display", "Noto Sans", system-ui, sans-serif;--font-mono: "Noto Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xxs: 10px;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-xxl: 22px;--fs-xxxl: 24px;--fs-4xl: 32px;--fs-5xl: 36px;--fs-6xl: 40px;--lh-xxxs: 1.11;--lh-xxs: 1.14;--lh-xs: 1.16;--lh-sm: 1.2;--lh-md: 1.25;--lh-lg: 1.33;--lh-xl: 1.35;--gray-0: #fcfcfc;--gray-1: #e8e8e8;--gray-2: #dddddd;--gray-3: #bbbbbb;--gray-4: #a6a6a6;--gray-5: #868686;--gray-6: #727272;--gray-7: #5e5e5e;--gray-8: #4b4b4b;--gray-9: #282828;--white: #ffffff;--black: #000000;--blue-0: #eff4fe;--blue-1: #dee9fe;--blue-2: #cddeff;--blue-3: #a9c9ff;--blue-4: #6daafb;--blue-5: #068bee;--blue-6: #266ef1;--blue-7: #175bcc;--blue-8: #1948a3;--blue-9: #002661;--green-0: #eaf6ed;--green-1: #d3efda;--green-2: #b1eac2;--green-3: #7fd99a;--green-4: #06c167;--green-5: #009a51;--green-6: #0e8345;--green-7: #166c3b;--green-8: #0d572d;--green-9: #002f14;--red-0: #fff0ee;--red-1: #ffe1de;--red-2: #ffd2cd;--red-3: #ffb2ab;--red-4: #fc7f79;--red-5: #f83446;--red-6: #de1135;--red-7: #bb032a;--red-8: #950f22;--red-9: #520810;--yellow-0: #fdf2dc;--yellow-1: #fbe5b6;--yellow-2: #ffd688;--yellow-3: #f6bc2f;--yellow-4: #d79900;--yellow-5: #b97502;--yellow-6: #9f6402;--yellow-7: #845201;--yellow-8: #6b4100;--yellow-9: #392300;--purple-0: #f9f1ff;--purple-1: #f2e3ff;--purple-2: #e5ccff;--purple-3: #d4b0ff;--purple-4: #b788ff;--purple-5: #9a5ed9;--purple-6: #7c3ec3;--purple-7: #6530a3;--purple-8: #512682;--purple-9: #3d1b61;--black-a1: rgba(0, 0, 0, .09);--black-a2: rgba(0, 0, 0, .13);--white-a1: rgba(255, 255, 255, .09);--white-a2: rgba(255, 255, 255, .13);--white-a3: rgba(255, 255, 255, .27);--bg: #ffffff;--bg-subtle: #f8f9fa;--bg-muted: var(--gray-0);--bg-inverse: var(--gray-9);--fg: var(--gray-9);--fg-strong: var(--black);--fg-muted: var(--gray-7);--fg-subtle: var(--gray-6);--fg-faint: var(--gray-4);--fg-inverse: var(--white);--border: var(--gray-2);--border-strong: var(--gray-3);--border-subtle: var(--gray-1);--divider: var(--gray-1);--link: var(--blue-5);--link-hover: var(--blue-6);--focus-ring: var(--gray-5);--success: var(--green-5);--danger: var(--red-6);--warning: var(--yellow-4);--info: var(--blue-5);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 999px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 10px 15px -5px rgba(0, 0, 0, .05), 0 7px 7px -5px rgba(0, 0, 0, .04);--shadow-md: 0 1px 3px rgba(0, 0, 0, .05), 0 19px 15px -7px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 1px 3px rgba(0, 0, 0, .05), 0 28px 23px -7px rgba(0, 0, 0, .05), 0 12px 12px -7px rgba(0, 0, 0, .04);--shadow-xl: 0 1px 3px rgba(0, 0, 0, .05), 0 36px 28px -7px rgba(0, 0, 0, .05), 0 17px 17px -7px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .08);--shadow-switch-thumb: 0px 1px 3px 0px rgba(0, 0, 0, .05), 0px 1px 2px 0px rgba(0, 0, 0, .1);--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--ease-smooth: cubic-bezier(.22, 1, .36, 1);--z-modal: 1300;--z-toast: 1400}.h1,h1{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-6xl);line-height:var(--lh-sm);letter-spacing:-.01em;color:var(--fg-strong)}.h2,h2{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-4xl);line-height:var(--lh-md);letter-spacing:-.005em;color:var(--fg-strong)}.h3,h3{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-xxxl);line-height:var(--lh-lg);color:var(--fg-strong)}p{font-family:var(--font-sans);font-weight:400;font-size:var(--fs-sm);line-height:var(--lh-md);color:var(--fg)}code,kbd,pre{font-family:var(--font-mono)}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);color:var(--fg);background:var(--gray-0);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.nl-btn{transition:all .2s ease;box-shadow:var(--shadow-sm);border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:500;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:1px solid transparent;cursor:pointer;line-height:1;white-space:nowrap}.nl-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.nl-btn:disabled{cursor:not-allowed;opacity:.6}.nl-btn.xs{height:30px;padding:0 12px;font-size:12px}.nl-btn.sm{height:36px;padding:0 16px;font-size:14px}.nl-btn.md{height:42px;padding:0 20px;font-size:14px}.nl-btn.lg{height:50px;padding:0 24px;font-size:16px}.nl-btn.full{width:100%}.nl-btn.primary{background:var(--gray-9);color:#fff;box-shadow:var(--shadow-xs)}.nl-btn.primary:hover{background:var(--gray-7);border-color:var(--black)}.nl-btn.primary:disabled{background:var(--gray-1);color:var(--gray-4);box-shadow:none}.nl-btn.secondary{background:#fff;color:var(--gray-9);border-color:var(--gray-2);box-shadow:var(--shadow-xs)}.nl-btn.secondary:hover{border-color:var(--black);background:var(--gray-0);color:var(--black)}.nl-btn.tertiary{background:transparent;color:var(--gray-9);box-shadow:none}.nl-btn.tertiary:hover{background:var(--gray-1);border-color:var(--black)}.nl-btn.primary-d{background:var(--red-6);color:#fff;box-shadow:var(--shadow-xs)}.nl-btn.primary-d:hover{background:var(--red-7);border-color:var(--black)}.nl-btn.tertiary-d{background:transparent;color:var(--red-6);box-shadow:none}.nl-btn.tertiary-d:hover{background:var(--red-0);border-color:var(--black)}.nl-btn svg{flex-shrink:0}.nl-ai{transition:all .2s ease;border-radius:var(--radius-md);background:transparent;color:var(--gray-9);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.nl-ai.xs{width:30px;height:30px}.nl-ai.sm{width:36px;height:36px}.nl-ai.tertiary:hover{background:var(--gray-1);border-color:var(--black)}.nl-field{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.nl-label{font-family:var(--font-sans);font-weight:400;font-size:var(--fs-sm);color:var(--gray-7);line-height:var(--lh-xxs)}.nl-input,.nl-select{height:40px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--gray-2);background:#fff;color:var(--fg);font-family:var(--font-sans);font-weight:500;font-size:var(--fs-sm);line-height:1;outline:none;transition:border-color .15s ease;width:100%}.nl-input::placeholder,.nl-select::placeholder{color:var(--gray-4);font-weight:400}.nl-input:focus,.nl-select:focus{border-color:var(--gray-5)}.nl-input.sm,.nl-select.sm{height:32px}.nl-input.invalid{border-color:var(--red-6)}.nl-help{font-size:var(--fs-xs);color:var(--fg-muted);line-height:var(--lh-xs)}.nl-err{font-size:var(--fs-xs);color:var(--red-7);line-height:var(--lh-xs)}.nl-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-family:var(--font-sans);font-size:11px;font-weight:500;line-height:1.2;letter-spacing:0;border:1px solid transparent;white-space:nowrap}.nl-badge.success{background:var(--green-0);color:var(--green-7);border-color:var(--green-1)}.nl-badge.danger{background:var(--red-0);color:var(--red-7);border-color:var(--red-1)}.nl-badge.warn{background:var(--yellow-0);color:var(--yellow-7);border-color:var(--yellow-1)}.nl-badge.info{background:var(--blue-0);color:var(--blue-7);border-color:var(--blue-1)}.nl-badge.neutral{background:var(--gray-0);color:var(--gray-8);border-color:var(--gray-2)}.nl-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-family:var(--font-sans);font-size:var(--fs-sm)}.nl-table thead th{text-align:left;padding:12px 16px;font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-7);font-size:10px;border-bottom:1px solid var(--gray-2);background:var(--bg-subtle)}.nl-table tbody td{padding:14px 16px;border-bottom:1px solid var(--gray-1);color:var(--gray-9);font-weight:500}.nl-table tbody tr:hover{background:var(--gray-0)}.nl-num{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.nl-stat{display:flex;flex-direction:column;gap:6px;padding:20px 22px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md)}.nl-stat .lbl{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-6);font-weight:500}.nl-stat .val{font-family:var(--font-heading);font-weight:700;font-size:32px;letter-spacing:-.02em;color:var(--gray-9);line-height:1.1;font-variant-numeric:tabular-nums}:root{--raft: #0d6e78;--raft-deep: #0a565f;--raft-tint: #e3f0f1;--raft-tint2: #cfe5e7;--harbor: #0c1719;--harbor-2: #0a1314}.raft-root *{box-sizing:border-box}.raft-root ::-webkit-scrollbar{width:10px;height:10px}.raft-root ::-webkit-scrollbar-thumb{background:var(--gray-2);border-radius:999px;border:3px solid var(--gray-0)}.raft-root ::-webkit-scrollbar-thumb:hover{background:var(--gray-3)}.dotgrid{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:22px 22px}.navitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--gray-7);font-size:14px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease}.navitem:hover{background:var(--gray-1);color:var(--gray-9)}.navitem.active{background:var(--raft-tint);color:var(--raft-deep);font-weight:600}.navitem.active svg{color:var(--raft)}.navitem svg{width:17px;height:17px;flex-shrink:0;color:var(--gray-5)}.hovrow{transition:background .12s ease}.hovrow:hover{background:var(--gray-0)}.lift{transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.lift:hover{border-color:var(--gray-3);box-shadow:var(--shadow-sm)}.seg{display:inline-flex;background:var(--gray-1);border-radius:8px;padding:3px;gap:2px}.seg button{border:0;background:transparent;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--gray-7);padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .12s ease;white-space:nowrap}.seg button.on{background:#fff;color:var(--raft-deep);box-shadow:var(--shadow-xs)}.rtabs{display:flex;gap:2px;border-bottom:1px solid var(--gray-2);margin-bottom:24px;flex-wrap:wrap}.rtab{position:relative;border:0;background:transparent;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--gray-6);padding:11px 13px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:8px;transition:color .12s ease}.rtab:hover{color:var(--gray-9)}.rtab.on{color:var(--raft-deep);border-bottom-color:var(--raft);font-weight:600}.rtab svg{width:15px;height:15px}.rtab .ct{background:var(--gray-1);color:var(--gray-6);font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;line-height:1.6}.rtab.on .ct{background:var(--raft-tint);color:var(--raft-deep)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--white-a2);color:#ffffffd1}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modalwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;background:#0c171980;padding:24px}.modalcard{width:100%;max-width:520px;background:#fff;border-radius:12px;box-shadow:var(--shadow-xl);border:1px solid var(--gray-2);animation:pop .16s var(--ease-smooth);max-height:88vh;overflow:auto}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cmdbox{display:flex;align-items:center;gap:10px;background:var(--harbor);border-radius:8px;padding:13px 14px}.cmdbox .t{flex:1;font-family:var(--font-mono);font-size:13px;color:#cfe9ea;white-space:nowrap;overflow:auto}.copybtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--white-a2);background:var(--white-a1);color:#dff3f4;font-family:var(--font-sans);font-size:12px;font-weight:600;padding:6px 11px;border-radius:6px;cursor:pointer;transition:all .12s ease;white-space:nowrap}.copybtn:hover{background:var(--white-a3)}.copybtn.done{color:#7fd99a;border-color:#7fd99a66}.rcpt{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--purple-1);color:var(--purple-7);font-size:11px;font-weight:600}.spin{width:18px;height:18px;border:2px solid var(--gray-2);border-top-color:var(--raft);border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}