@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#124e3b;--green-dark:#0c3528;--mint:#e8f1e9;--ink:#20392e;--muted:#738179;--line:#e1e6df;--paper:#f6f7f3;--amber:#9b712b;--amber-bg:#fff3dd;--red:#a2463e;--red-bg:#fcebe7;--white:#fff;--sans:'DM Sans',system-ui,sans-serif;--display:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;background:var(--paper)}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{border:0}a{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b0d4bf;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:30px;letter-spacing:-1px;font-weight:800;margin-bottom:9px;line-height:1.2}h2{font-size:18px;letter-spacing:-.4px;margin-bottom:7px}h3{font-size:14px;margin-bottom:5px}p{line-height:1.65;color:var(--muted)}.sidebar{width:244px;background:var(--green-dark);color:#cbdcd0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 18px 16px;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;padding:0 10px 39px;font-family:var(--display);font-weight:800;letter-spacing:1px;font-size:15px}.brand small{display:block;font-size:8px;letter-spacing:1.2px;font-family:var(--sans);font-weight:500;color:#9ebaa9;margin-top:8px}.brand-mark{width:30px;height:32px;display:flex;align-items:center;gap:3px;position:relative;border-top:2px solid #aacbab;border-radius:45% 45% 0 0}.brand-mark i{width:4px;background:#ecf5e8;display:block;height:18px;position:relative;top:4px}.brand-mark i:nth-child(2){height:9px;flex:1}.workspace-label{font-size:9px;letter-spacing:1.6px;padding:0 14px;margin-bottom:13px;color:#88a595}nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;border-radius:6px;padding:13px 13px;background:transparent;color:#b8cec0;font-size:12px;font-weight:500;white-space:nowrap}.nav-item:hover{background:#1e4938;color:#fff}.nav-item.active{background:#e5efe0;color:var(--green-dark);font-weight:700}.nav-icon{width:18px;font-size:18px;text-align:center;font-weight:400}.count{background:#265342;padding:2px 6px;border-radius:4px;font-size:10px;margin-left:auto}.nav-item.active .count{background:#d0dfcd}.nav-dot{width:5px;height:5px;border-radius:50%;background:#79a586;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.mode-label{font-size:9px;letter-spacing:.9px;color:#c9d9c9;display:flex;align-items:center;gap:7px}.sidebar-bottom p{font-size:11px;color:#91b09c;line-height:1.8;margin:12px 0 24px}.profile{border-top:1px solid #285040;padding-top:20px;display:flex;align-items:center;gap:11px;font-size:11px;color:#e0eadf}.profile small{display:block;font-size:10px;color:#83a890;margin-top:5px}.avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#d7e8d5;color:var(--green);font-weight:700;border-radius:50%;flex-shrink:0}.app-shell{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:75px;background:white;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.breadcrumb{color:#819085;font-size:12px;white-space:nowrap}.breadcrumb span{padding:0 14px;color:#bec8bf}.breadcrumb strong{color:#496051;font-weight:500}.topbar-right{display:flex;align-items:center;gap:18px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.65px;border-radius:4px;padding:5px 7px;white-space:nowrap}.badge.synthetic{background:#eef3e9;color:#657857}.badge.green{background:var(--mint);color:var(--green)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.neutral{background:#edf0ec;color:#6d7b71}.connection-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:#79857d;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#76a38a;display:inline-block;flex-shrink:0}.status-dot.amber{background:#cba450}.status-dot.red{background:#ba6a59}.icon-button{width:30px;height:30px;background:transparent;color:var(--muted);font-size:23px}.notice-bar{padding:11px 35px;display:flex;gap:9px;background:#f0f3e9;font-size:10px;color:#7c846e;line-height:1.6}.notice-bar strong{font-weight:600;color:#637055}.notice-icon{font-family:serif;font-style:italic;border:1px solid #a6b194;border-radius:50%;font-size:9px;width:13px;height:13px;text-align:center;line-height:12px;flex-shrink:0;margin-top:2px}main{padding:35px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:29px}.page-heading p{font-size:12px;margin-bottom:0}.eyebrow{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#8c9b8a;font-weight:600;margin-bottom:11px}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:var(--green);color:white;border:1px solid var(--green);padding:11px 15px;font-size:11px;font-weight:600;border-radius:5px;text-decoration:none;line-height:1.3;white-space:nowrap;transition:background .15s}.button:hover{background:#0d3e2d}.button.secondary{background:#fff;color:var(--green);border-color:#d4ddd1}.button.secondary:hover{background:#f3f6ef}.button.danger{background:#fff;color:var(--red);border-color:#eaccc6}.button.small{font-size:10px;padding:8px 11px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.text-button{background:transparent;color:var(--green);font-size:10px;padding:0;text-decoration:underline;text-underline-offset:3px}.metrics{display:flex;gap:16px;margin-bottom:26px}.metric{flex:1;background:#fff;border:1px solid var(--line);border-radius:7px;padding:19px 21px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#829280;font-size:10px;margin-bottom:15px}.metric-number{font-family:var(--display);font-size:27px;font-weight:700;letter-spacing:-1px;line-height:1}.metric-note{font-size:9px;color:#95a28f;margin-top:9px}.metric-mark{font-size:16px;color:#a7b9a0}.metric.warning .metric-number{color:#a17835}.workspace-split{display:flex;align-items:flex-start;gap:24px}.wide-column{flex:1;min-width:0}.side-column{width:286px;flex-shrink:0}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;margin-bottom:20px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 16px;border-bottom:1px solid #edf0e9;gap:12px}.panel-header p{font-size:10px;margin:3px 0 0}.panel-header h2{font-size:15px;margin:0}.panel-body{padding:23px}.panel-body p:last-child{margin-bottom:0}.light-panel{background:#eef2e8;border-color:#e0e7d8}.callout{padding:25px;background:var(--green);color:#e9f2e5;position:relative}.callout h2{font-size:21px;color:white;margin:6px 0 12px;line-height:1.4;max-width:290px}.callout p{font-size:11px;color:#b8d0bd;max-width:390px}.callout .eyebrow{color:#a8c4a9}.callout .button{background:#eaf2e4;color:var(--green);border-color:#eaf2e4;margin-top:8px}.mini-architecture{display:flex;gap:7px;align-items:center;margin-top:24px;font-size:9px}.mini-architecture span{border:1px solid #608775;padding:9px;border-radius:4px;color:#d5e6d5}.mini-architecture span:nth-child(3){background:#d4e5ca;color:var(--green);border-color:#d4e5ca}.mini-architecture b{color:#8eb79b;font-weight:400}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.steps li:last-child{border:0;padding-bottom:0}.step-number{font-size:10px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #d7e3cf;border-radius:50%;color:#6d8665;flex-shrink:0}.steps strong{font-size:11px;font-weight:600;display:block;margin-bottom:3px}.steps p{font-size:10px;margin:0;line-height:1.5}.row-list{padding:0 22px}.row-item{display:flex;align-items:center;gap:11px;padding:16px 0;border-bottom:1px solid #edf0e9}.row-item:last-child{border:0}.row-item .avatar{width:32px;height:32px;font-size:10px}.row-main{flex:1;min-width:0}.row-main strong{font-size:11px;display:block}.row-main small{font-size:9px;display:block;color:#96a28f;margin-top:5px}.row-item .text-button{font-size:9px}.section-divider{display:flex;align-items:center;gap:15px;margin:22px 0 15px;color:#929f8a;font-size:9px;letter-spacing:1.3px}.section-divider:after{content:'';height:1px;background:#dfe6d8;flex:1}.data-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.data-table th{font-size:8px;font-weight:600;letter-spacing:.8px;color:#95a18e;background:#fafbf7;padding:13px 19px;white-space:nowrap}.data-table td{padding:16px 19px;border-top:1px solid #edf0e9;color:#4a6050}.data-table td small{display:block;color:#98a38f;font-size:9px;margin-top:5px}.table-scroll{overflow-x:auto}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#778574}.info-label{font-size:9px;letter-spacing:1px;color:#91a08a;margin-bottom:7px;text-transform:uppercase}.info-value{font-size:13px;font-weight:500;margin-bottom:18px}.balance-box{padding:20px;background:#f3f6ee;border-left:3px solid #4b7f50;margin-bottom:20px}.balance-box .metric-number{font-size:28px}.balance-box p{font-size:9px;margin:8px 0 0}.contributor-card .avatar{width:48px;height:48px;margin-bottom:14px;font-size:16px}.contributor-card h2{font-size:17px}.contributor-card p{font-size:10px}.select-contributor{padding:10px 12px;border:1px solid var(--line);border-radius:5px;font-size:11px;color:var(--ink);background:#fff}.timeline{padding:23px 22px;display:flex;flex-direction:column;gap:18px;min-height:210px;max-height:550px;overflow-y:auto}.timeline-event{display:flex;gap:10px;max-width:91%;align-self:flex-start}.timeline-event.outbound{align-self:flex-end;flex-direction:row-reverse}.event-avatar{width:26px;height:26px;background:#eef2e8;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;color:#748b6c;flex-shrink:0}.event-content{min-width:0}.event-meta{font-size:8px;color:#8c9a82;margin-bottom:6px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.timeline-event.outbound .event-meta{justify-content:flex-end}.event-bubble{background:#f1f4ec;border:1px solid #e5ecdc;padding:13px 15px;border-radius:0 7px 7px;font-size:11px;color:#465d43;white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.timeline-event.outbound .event-bubble{background:#e7f0e4;border-color:#dce7d7;border-radius:7px 0 7px 7px;color:#38583a}.timeline-event.system{max-width:100%;align-self:stretch}.timeline-event.system .event-content{flex:1}.timeline-event.system .event-bubble{background:#fff8e8;border-color:#eee2c3;color:#8b753f;border-radius:5px;font-size:10px}.delivery{font-size:8px;margin-top:5px;color:#9ca98f;text-align:right}.delivery.failed,.delivery.blocked{color:var(--red)}.composer{padding:18px 23px;border-top:1px solid var(--line);background:#fafbf8}.composer label{display:block;font-size:9px;letter-spacing:1px;margin-bottom:9px;color:#7c8e75;text-transform:uppercase}.input-row{display:flex;gap:8px}input[type=text],input[type=tel],input[type=password],textarea{width:100%;border:1px solid #d8e0d1;background:#fff;padding:11px 12px;color:var(--ink);font-size:11px;border-radius:4px;min-width:0}textarea{min-height:90px;resize:vertical}.composer .hint{font-size:9px;margin:9px 0 0}.hint{font-size:10px;color:#8a967f;line-height:1.6}.quick-actions{padding:13px 23px;display:flex;flex-wrap:wrap;gap:7px;background:#fafbf8;border-bottom:1px solid var(--line)}.quick-action{background:#fff;border:1px solid #d9e3d1;color:#6d8561;font-size:9px;border-radius:4px;padding:6px 9px}.quick-action:hover{background:#eef3e8}.form-field{margin-bottom:18px}.form-field label{font-size:10px;display:block;font-weight:500;margin-bottom:7px}.checkbox-label{display:flex!important;gap:9px;align-items:flex-start;font-size:10px!important;font-weight:400!important;color:#6c7f65;line-height:1.6;margin:15px 0}.checkbox-label input{margin-top:3px;flex-shrink:0}.setup-status{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid #e0e7d9;border-radius:5px;margin-bottom:20px}.setup-status strong{font-size:12px;display:block}.setup-status p{font-size:10px;margin:4px 0 0}.qr-box{text-align:center;padding:20px;background:#f4f7ef;border:1px dashed #c7d7bb;border-radius:5px;margin-top:18px}.qr-box img{width:210px;max-width:100%;background:white;padding:10px}.qr-box p{font-size:10px}.warning-box{background:var(--amber-bg);padding:15px 17px;border-left:3px solid #c6a467;color:#8b7346;font-size:10px;line-height:1.75;margin-bottom:20px}.error-box{background:var(--red-bg);padding:15px;color:var(--red);font-size:11px;border-radius:5px;line-height:1.6;margin-bottom:15px}.connection-checks{display:flex;flex-direction:column;gap:0}.connection-checks div{display:flex;justify-content:space-between;padding:12px 0;font-size:10px;border-bottom:1px solid var(--line);color:#6e8265}.connection-checks div:last-child{border:0}.empty-state{padding:40px 22px;text-align:center;font-size:12px;color:#8c9a83}.footer{border-top:1px solid #e4e9dd;padding:17px 35px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;color:#9aa58f}.footer span:first-child{letter-spacing:1.2px;font-weight:700;color:#799173}.loading-state{padding:100px 0;text-align:center}.loading-state h2{font-size:19px;margin-top:18px}.loading-state p{font-size:12px}.spinner{width:23px;height:23px;border:2px solid #dbe5d3;border-top-color:var(--green);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-card{max-width:570px;margin:55px auto}.auth-card .panel-body{padding:40px}.auth-card h1{font-size:26px}.auth-card p{font-size:12px}.toast{position:fixed;bottom:25px;left:calc(50% + 110px);transform:translateX(-50%);padding:13px 20px;background:#203f30;color:white;font-size:11px;border-radius:6px;box-shadow:0 7px 20px #14352325;z-index:100;max-width:600px}.toast.error{background:#934d43}dialog{max-width:660px;width:calc(100% - 40px);border:1px solid #dce6d4;border-radius:10px;padding:30px;color:var(--ink);box-shadow:0 25px 100px #13392330}dialog::backdrop{background:#13392350}dialog p{font-size:12px}.modal-close{position:absolute;right:12px;top:10px;width:25px;height:25px;background:transparent;font-size:25px;color:#889a7d}.modal-image{width:100%;display:block;border-radius:6px;margin:20px 0}.detail-list{display:flex;gap:30px;flex-wrap:wrap}.detail-list .info-value{margin-bottom:8px}.architecture-flow{display:flex;flex-direction:column;gap:10px;align-items:stretch;max-width:740px;margin:auto}.arch-row{display:flex;gap:12px}.arch-node{padding:18px;flex:1;border:1px solid #d8e2d0;border-radius:5px;text-align:center;background:#f5f8f1;font-size:12px;font-weight:500}.arch-node small{display:block;font-size:9px;color:#8b9b82;font-weight:400;line-height:1.5;margin-top:7px}.arch-node.core{background:var(--green);color:white;border-color:var(--green)}.arch-node.core small{color:#b8d2b6}.arch-node.pending{border-style:dashed;background:#fff9eb;color:#977d49}.arch-arrow{font-size:22px;text-align:center;color:#b7c7ac;line-height:1.2}.arch-controls{background:#eef3e8;padding:15px;text-align:center;border-radius:5px;font-size:10px;color:#7d9271;line-height:1.6}.api-endpoint{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:10px}.api-endpoint:last-child{border:0}.api-method{font-weight:700;font-size:9px;color:#547c44;background:#eef4e8;border-radius:3px;padding:4px 6px;min-width:38px;text-align:center}.api-method.post{color:#a98443;background:#fff5df}.api-endpoint code{font-size:10px;overflow-wrap:anywhere}.code-box{background:#17392b;color:#cbddc4;border-radius:5px;padding:20px;font:10px/1.9 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.progress-bar{height:4px;border-radius:4px;background:#ecf1e5;width:85px;margin-top:7px;overflow:hidden}.progress-bar span{height:100%;display:block;background:#7ea36e}.progress-bar.warning span{background:#c6a669}.stat-block{padding:15px 0;border-bottom:1px solid var(--line)}.stat-block:last-child{border:0}.stat-block strong{font-size:22px;font-family:var(--display);letter-spacing:-.7px}.stat-block small{font-size:9px;color:#85977b;display:block;margin-top:5px}.legal-note{font-size:9px!important;line-height:1.8!important}.document-test img{width:100%;margin:12px 0;border-radius:5px;border:1px solid var(--line)}.json-result{white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:10px;line-height:1.7;background:#f3f6ee;padding:15px;border-radius:5px;overflow-wrap:anywhere}.subtle-rule{border:none;border-top:1px solid var(--line);margin:21px 0}.desktop-only{display:inline}.mobile-menu{display:none}
@media(min-width:1550px){main{padding:42px 55px}.topbar,.notice-bar,.footer{padding-left:55px;padding-right:55px}.side-column{width:330px}.metric-number{font-size:31px}}
@media(max-width:1170px){.sidebar{width:211px;padding-left:12px;padding-right:12px}.brand{font-size:13px;gap:9px}.brand small{font-size:7px}.app-shell{margin-left:211px}.nav-item{font-size:10px;padding:12px 10px;gap:9px}main{padding:26px}.topbar{padding:0 26px}.notice-bar{padding:10px 26px}.side-column{width:245px}.workspace-split{gap:17px}.metrics{gap:10px}.metric{padding:17px}.metric-number{font-size:23px}.topbar-right{gap:11px}.connection-badge{font-size:9px}.panel-header,.panel-body{padding:19px}.data-table td,.data-table th{padding-left:15px;padding-right:15px}.footer{padding:17px 26px}}
@media(max-width:900px){.sidebar{width:185px}.app-shell{margin-left:185px}.brand{font-size:11px;padding-left:4px}.brand-mark{width:24px;height:26px}.brand small{font-size:6px;letter-spacing:.7px}.nav-item{font-size:9px;gap:8px;padding:11px 6px}.workspace-label{font-size:8px;padding-left:5px}.workspace-split{flex-direction:column}.side-column{width:100%}.side-column>.panel{width:100%}.wide-column{width:100%}.metrics{flex-wrap:wrap}.metric{flex:1 1 40%}.topbar .badge.synthetic{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading .button{white-space:normal;font-size:10px}.footer span:nth-child(2){display:none}.toast{left:calc(50% + 80px)}}
@media(max-width:620px){.sidebar{position:static;width:100%;height:auto;padding:17px 15px;background:var(--green-dark)}.brand{padding:0 0 15px;font-size:15px;gap:11px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{width:29px}.workspace-label,.sidebar-bottom{display:none}nav{flex-direction:row;overflow-x:auto;padding-bottom:2px;gap:5px}.nav-item{font-size:10px;flex-shrink:0;padding:9px 10px}.nav-icon,.count,.nav-dot{display:none}.app-shell{margin-left:0}.topbar{height:55px;padding:0 17px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 8px}.connection-badge{font-size:9px}.notice-bar{padding:9px 17px;font-size:9px}main{padding:25px 17px}.page-heading{margin-bottom:23px;gap:10px;flex-direction:column}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.metric{padding:15px}.metric-number{font-size:23px}.metrics{gap:10px;margin-bottom:20px}.metric-top{font-size:9px;margin-bottom:11px}.metric-note{font-size:8px}.metric-mark{display:none}.panel-header{padding:17px}.panel-body{padding:19px}.callout{padding:22px}.callout h2{font-size:22px}.timeline{padding:19px 15px}.composer,.quick-actions{padding:14px 15px}.timeline-event{max-width:94%}.event-bubble{font-size:11px;padding:11px 12px}.footer{padding:16px 17px;font-size:7px}.footer .text-button{font-size:8px}.input-row .button{padding:10px 12px}.toast{left:50%;max-width:90%;width:max-content;font-size:10px}.auth-card{margin:25px auto}.auth-card .panel-body{padding:25px}.table-scroll{font-size:10px}.arch-row{flex-wrap:wrap}.arch-node{flex:1 1 40%}.data-table td{font-size:10px}.api-endpoint code{font-size:9px}.connection-checks div{font-size:9px}.detail-list{gap:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.live-updates-control{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);white-space:nowrap;cursor:pointer}.live-updates-control input{accent-color:var(--green);width:15px;height:15px;margin:0}.live-updates-control strong{font-weight:600;color:var(--green)}.live-channel-status{color:#6f8175}.live-channel-status .status-dot.red{background:var(--red)}
@media(max-width:620px){.topbar{height:auto;min-height:55px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.topbar-right{gap:9px;flex-wrap:wrap}.live-updates-control{font-size:9px}.live-channel-status{font-size:8px}}

#login-form{margin:18px 0}#login-form label{display:block;font-size:10px;font-weight:500;margin-bottom:7px}#login-form .button{margin-top:10px}#login-form #login-hint{margin:12px 0 0;color:#934d43}