@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{font-family:'DM Sans','Segoe UI',sans-serif;color:#243248;background:#f5f7fa;color-scheme:light;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;display:flex;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce2ea;background:#fff;color:#35445b;border-radius:8px;padding:10px 15px;font-weight:600;transition:.15s}button:hover:not(:disabled){background:#f0f5f6;border-color:#aac2c4}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #72c7c0;outline-offset:2px}.primary{background:#137f75;border-color:#137f75;color:#fff;box-shadow:0 2px 2px #103e3810}.primary:hover:not(:disabled){background:#0b6b62;border-color:#0b6b62}.wide{width:100%;display:flex;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-size:26px;font-weight:800;font-family:Manrope,Segoe UI,sans-serif}.brand>span{font-size:22px}.brand-dot{color:#6dd0bd}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#152438;padding:32px 20px 18px;display:flex;flex-direction:column;color:#e5eaf3}.workspace-label{font-size:9px;letter-spacing:1.8px;color:#6f839e;margin:38px 14px 14px;font-weight:700}nav{display:grid;gap:5px}nav button{display:flex;gap:12px;text-align:left;align-items:center;border:0;background:transparent;color:#a5b5ca;font-size:13px;padding:13px 16px;font-weight:500}nav button.active{color:#fff;background:#263a50;box-shadow:inset 3px 0 #68c9b6}nav button:hover:not(:disabled){background:#203349;border:0}.nav-count{margin-left:auto;font-size:10px;background:#3d645f;color:#abecda;border-radius:4px;padding:2px 6px}.nav-count:empty{display:none}.nav-bottom{margin-top:auto}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #304058;margin-top:30px;padding-top:20px}.avatar{height:38px;width:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:#d5e7df;color:#24664d;border-radius:11px}.avatar.pale{background:#edf0f8;color:#657292}.profile button{background:none;color:#ced9e8;border:0;padding:5px;font-size:12px}.profile #identity{flex:1;text-align:left}main{margin-left:235px;padding:0 38px 50px;width:calc(100% - 235px);min-width:0}#topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9ef;font-size:12px;color:#8895a9}.slash{padding:0 12px;color:#c2cbd8}#breadcrumb{color:#42516a}#notifications{font-size:20px;border:0;background:none}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 26px}h1,h2,h3{font-family:Manrope,Segoe UI,sans-serif;color:#202e43}h1{font-size:29px;letter-spacing:-.8px;margin:7px 0 9px;font-weight:800}h2{font-size:17px;margin:0;font-weight:800;letter-spacing:-.3px}h3{font-size:15px;margin:0 0 8px}p{line-height:1.7;color:#778398;overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#93a0b2}.muted,.hint{color:#8692a4}.hint,small{font-size:11px;line-height:1.6;color:#8a96a8}small{display:block;margin-top:5px}#subtitle{font-size:12px;margin:0}.card{background:#fff;border:1px solid #e3e8ef;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 3px 8px #253b5803}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading p{font-size:12px}.section-heading>span{font-size:11px;color:#97a3b4}.source-tag{display:inline-flex;font-size:9px;font-weight:700;letter-spacing:1px;color:#38877e;background:#edf7f3;border:1px solid #dcefe6;border-radius:5px;padding:5px 8px}.welcome-strip{background:#eaf3f0;border:1px solid #d6e8e0;border-radius:12px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.welcome-strip h2{font-size:21px;margin-top:13px}.welcome-strip p{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.metric-card{padding:21px;background:white;border:1px solid #e2e7ee;border-radius:12px}.metric-card>div{font-size:11px;color:#758297;display:flex;justify-content:space-between}.metric-card>div span{color:#98aaa7}.metric-card strong{display:block;font-size:34px;font-family:Manrope,sans-serif;font-weight:800;margin:12px 0 3px;color:#233249}.metric-card p{font-size:10px;margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#95a0b0;font-weight:600;padding:14px 12px;background:#f9fafc}td{padding:19px 12px;font-size:12px;border-bottom:1px solid #edf0f4}tbody tr:last-child td{border-bottom:0}td strong{font-size:12px;font-weight:600}.client-cell{display:flex;gap:12px;align-items:center}.badge{display:inline-flex;align-items:center;gap:5px;background:#eef1f6;color:#778598;padding:5px 9px;font-size:10px;border-radius:5px;white-space:nowrap;font-weight:600}.badge:before{content:'';height:4px;width:4px;background:currentColor;border-radius:50%}.badge.accepted,.badge.approved,.badge.completed,.badge.published,.badge.sent{background:#e9f5ee;color:#428760}.badge.pending,.badge.ready_for_manager_review{background:#fff3da;color:#b08b37}.badge.rejected,.badge.failed{background:#fff0ee;color:#b96662}.badge.collecting{background:#ebf0fb;color:#637ab3}.badge.submitted{background:#f0eafb;color:#8b74ad}.text-button{border:0;padding:0;background:none;color:#258779;font-size:12px}.filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:18px}.filter-row input{max-width:300px}.filter-row .muted{font-size:11px}.empty{text-align:center;padding:50px 25px;color:#8794a8}.empty>span{font-size:36px;color:#b3c6c6;display:block;margin-bottom:15px}.empty p{font-size:12px;max-width:430px;margin:0 auto}.workflow-strip{display:flex;align-items:center;justify-content:space-between;border:1px solid #e1e7ec;background:#fff;border-radius:10px;padding:20px 24px;margin-bottom:26px;gap:15px;font-size:11px;color:#a1acb9}.workflow-strip span{display:flex;align-items:center;gap:9px}.workflow-strip b{font-weight:500}.workflow-strip i{font-style:normal;color:#ccd4df}.workflow-strip .done{color:#6c9b89}.workflow-strip .active-step{color:#187e72;font-weight:700}.file-progress{padding:22px 26px;border:1px solid #e2e8ef;background:#fff;border-radius:12px;display:flex;align-items:center;gap:35px;margin-bottom:22px}.file-progress>div{min-width:220px}.file-progress strong{display:block;font-size:21px;letter-spacing:-.4px;margin-top:6px}.file-progress p{font-size:11px;margin:3px 0}progress{width:100%;height:7px;border:0;border-radius:8px;background:#edf0f5;accent-color:#3ba798}progress::-webkit-progress-bar{background:#edf0f5;border-radius:8px}progress::-webkit-progress-value{background:#3ba798;border-radius:8px}.tabs{display:flex;gap:30px;margin-bottom:24px;border-bottom:1px solid #dde5ee;overflow:auto}.tabs button{padding:16px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font-size:12px;color:#8a96a9;white-space:nowrap}.tabs button.active{color:#157d72;border-bottom-color:#157d72}.tabs span{font-size:9px;border-radius:5px;padding:2px 6px;background:#e5eee9;margin-left:8px}.document-workspace{display:grid;grid-template-columns:285px minmax(0,1fr);gap:22px;align-items:start}.document-list,.document-detail,.category-list{background:#fff;border:1px solid #e2e8ef;border-radius:12px;padding:20px}.document-list h2{font-size:13px}.document-item{width:100%;display:flex;gap:12px;text-align:left;padding:17px 12px;margin:9px 0;border:1px solid transparent;background:none}.document-item.selected{border-color:#cde1db;background:#f1f8f5}.document-item>span:nth-child(2){flex:1}.document-item strong{display:block;font-size:11px;line-height:1.6}.document-item .badge{margin-top:9px;font-size:9px}.file-icon{width:30px;height:35px;background:#edf1f7;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#8697b0}.document-item i{font-style:normal;color:#9cabbc}.document-detail{padding:26px}.guide{display:flex;gap:12px;background:#f7f9fb;border:1px solid #e9edf3;border-radius:8px;padding:17px;margin:18px 0}.guide>span{color:#80a09a;font-size:18px}.guide strong{font-size:12px}.guide p{font-size:12px;margin:4px 0 8px}.preview{height:355px;background:#eef1f6;border:1px solid #e5e9f0;border-radius:8px;overflow:hidden}.preview iframe{width:100%;height:100%;border:0}.file-meta{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:11px}.review-actions{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #edf0f5;padding-top:18px}.rejection{background:#fff1ee;border-left:3px solid #cd8079;padding:18px;border-radius:6px;color:#a05d59;font-size:12px}.rejection p{color:#a16e68}.upload-zone{border:1.5px dashed #cddbd7;border-radius:10px;padding:23px;text-align:center;background:#f9fcfa}.upload-zone>span{display:block;color:#2a9986;font-size:27px}.upload-zone strong{font-size:12px;display:block;margin:8px}.upload-zone input{margin:12px auto 0;font-size:11px;max-width:350px;border:0;background:none}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.history{margin-top:25px;border-top:1px solid #e7ebf0}.history-row{padding:13px 0;display:flex;gap:20px;flex-wrap:wrap;align-items:center;border-bottom:1px solid #edf0f5;font-size:11px}.history-row p{width:100%}.history-row a{margin-left:auto}.approval-banner{background:#e9f5ef;border:1px solid #cfe8da;display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:20px;margin-bottom:20px}.approval-banner p{font-size:12px}.approval-banner strong{font-size:13px}.information-field{max-width:680px;margin:22px 0 30px}.information-field label{margin-bottom:5px}.information-field .hint{margin:0}.timeline{padding:8px 0}.timeline-item{display:flex;gap:20px;padding:0 0 26px;position:relative}.timeline-item:before{content:'';position:absolute;left:5px;top:15px;bottom:0;border-left:1px solid #e3e9ee}.timeline-item:last-child:before{display:none}.timeline-dot{height:11px;width:11px;border-radius:50%;background:#bddad1;border:3px solid #eef6f2;margin-top:5px;flex-shrink:0}.timeline-item strong{text-transform:capitalize;font-size:12px}.timeline-item p{font-size:12px;margin:5px 0}.task-row,.notification-row{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #ecf0f5}.task-row>div,.notification-row>div{flex:1}.task-row strong,.notification-row strong{font-size:12px}.task-row>button{border:0;font-size:22px;padding:5px;background:none;color:#67a38e}.category-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px}.category-list{padding:20px 10px}.category-list h2{padding:0 10px 20px;font-size:13px}.category-list button{display:block;width:100%;border:0;text-align:left;background:none;padding:15px 12px;font-size:12px}.category-list button.selected{background:#eff7f3;color:#398574}.category-list small{padding-left:21px}.category-detail td small{max-width:300px}.category-detail .form-actions{justify-content:flex-start}label{display:grid;gap:9px;font-size:12px;font-weight:600;color:#506078;margin:20px 0}input,select,textarea{width:100%;padding:11px 12px;background:#fff;border:1px solid #dce3ec;border-radius:7px;color:#35445b;min-width:0}textarea{resize:vertical;min-height:90px}input::placeholder{color:#b2bdcd}.check{display:flex;align-items:center;gap:9px;font-weight:500}.check input{width:16px;height:16px;accent-color:#1e8777}form{max-width:680px}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.columns form{min-width:0}summary{font-size:12px;font-weight:600;color:#60748c;cursor:pointer;padding:16px 0}a{color:#258b7e;text-decoration:none;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere}.summary{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding:10px;font-size:12px}.summary dt{color:#8492a5;text-transform:capitalize}.summary dd{margin:0;overflow-wrap:anywhere}.action-menu{display:grid;gap:10px}.action-menu button{text-align:left;padding:17px}.toast{position:fixed;bottom:25px;right:28px;z-index:99999;max-width:min(480px,90vw);padding:15px 20px;border-radius:8px;box-shadow:0 8px 24px #25354b22;font-size:12px;margin:0}.toast:empty{display:none}.toast.success{background:#e0f2e9;color:#337a59}.toast.error{background:#fff0ed;color:#ad6259}dialog{width:min(600px,92vw);max-height:90vh;border:0;border-radius:14px;padding:28px;box-shadow:0 25px 100px #101e3440;color:#34445b}dialog::backdrop{background:#16263e70;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.modal-heading h2{font-size:20px}.modal-heading button{border:0;font-size:23px;padding:3px 9px;color:#99a8bb}.intake-profile{display:flex;align-items:center;gap:14px;background:#f6f8fb;border-radius:9px;padding:16px;margin-bottom:12px}.intake-profile .badge{margin-left:auto}.intake-profile h3{margin:0}.intake-profile p{font-size:11px;margin:3px 0}.notice{background:#edf6f1;color:#548677;border-radius:8px;padding:15px;font-size:11px;line-height:1.8;margin-top:20px}.divider{border-top:1px solid #e8edf3;margin:20px 0}.checklist-preview{background:#f6f8fb;border-radius:8px;padding:16px}.checklist-preview p{font-size:11px;margin-top:0}.checklist-preview>span{display:flex;gap:8px;align-items:center;font-size:11px;padding:6px 0}.checklist-preview small{margin:0 0 0 auto}.signed-out aside,.signed-out #topbar,.signed-out #page-header{display:none}.signed-out main{width:100%;margin:0;padding:0;min-height:100vh}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-intro{background:#182c40;color:white;padding:60px 12%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-intro:after{content:'';position:absolute;width:450px;height:450px;right:-260px;bottom:-240px;border:90px solid #284850;border-radius:50%}.login-logo{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;margin-bottom:90px}.login-intro h1{font-size:52px;color:#fff;line-height:1.23;letter-spacing:-2px;margin:20px 0}.login-intro>.eyebrow{color:#75bdb0}.login-intro>p{color:#a1b6c9;font-size:14px}.login-flow{display:flex;gap:12px;align-items:center;font-size:10px;color:#90b4b1;margin-top:45px}.login-flow i{font-style:normal}.login-panel{align-self:center;justify-self:center;width:min(370px,80%);padding:30px 0}.login-mark{display:block;font-size:35px;font-weight:800;color:#268f7c;margin-bottom:25px}.login-panel h2{font-size:27px;letter-spacing:-1px}.login-panel>p{font-size:12px;margin:10px 0 30px}.login-panel label{margin:22px 0}.login-panel input{padding:14px}.login-panel button{margin-top:12px;padding:14px}.login-panel .login-help{font-size:10px;text-align:center;margin-top:24px}.client-nav .workspace-label,.client-nav #management-nav{display:none}.email-status{margin-top:20px}.email-status p{display:flex;gap:12px;font-size:11px;align-items:center}
@media(min-width:1600px){main{padding-left:60px;padding-right:60px}}@media(max-width:1100px){aside{width:200px}main{margin-left:200px;width:calc(100% - 200px);padding:0 25px 40px}.metrics{gap:12px}.document-workspace{grid-template-columns:235px minmax(0,1fr)}.workflow-strip{flex-wrap:wrap}.category-workspace{grid-template-columns:200px minmax(0,1fr)}}@media(max-width:800px){aside{position:static;width:100%;padding:18px}body{display:block}.workspace-label,.nav-bottom .workspace-label{display:none}.brand{margin-bottom:15px}nav{display:flex;flex-wrap:wrap;gap:5px}nav button{padding:10px;font-size:11px}.nav-bottom{margin-top:8px}.profile{margin-top:12px;padding-top:12px}.profile #identity{flex:0}.profile #logout{margin-left:auto}main{margin:0;width:100%;padding:0 18px 30px}#topbar{height:50px}header{margin:22px 0;align-items:flex-start}h1{font-size:25px}#header-actions{display:flex;gap:5px;flex-wrap:wrap}#header-actions button{font-size:10px;padding:8px}.metrics{grid-template-columns:repeat(2,1fr)}.welcome-strip{padding:22px;align-items:flex-start;flex-direction:column}.welcome-strip h2{font-size:19px}.workflow-strip{font-size:9px;padding:16px}.workflow-strip i{display:none}.workflow-strip span{width:45%}.file-progress{flex-wrap:wrap;padding:18px;gap:15px}.file-progress>div{min-width:0;flex:1}.file-progress progress{order:3}.document-workspace,.category-workspace,.columns{grid-template-columns:1fr}.document-list{padding:14px}.document-list .section-heading{margin-bottom:10px}.document-item{padding:11px;margin:3px 0}.document-detail{padding:20px}.preview{height:300px}.card{padding:18px}.category-list{display:flex;flex-wrap:wrap;gap:5px}.category-list h2{display:none}.category-list button{width:auto;padding:10px}.category-list small{display:none}.tabs{gap:25px}.login-layout{grid-template-columns:1fr}.login-intro{display:none}.login-panel{width:min(370px,85%);padding:60px 0;align-self:start}.signed-out main{background:#f8fafb}.intake-profile{flex-wrap:wrap}.intake-profile .badge{margin-left:52px}.review-actions{justify-content:space-between}.approval-banner{flex-wrap:wrap;gap:12px}}
 .settings-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.team-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}@media(max-width:1000px){.settings-columns{grid-template-columns:1fr}}
 .topbar-actions{display:flex;align-items:center;gap:12px}#theme-toggle{background:transparent;font-size:11px;padding:7px 11px;color:#6f8096}.loading-panel{padding:60px;text-align:center;color:#78918e}.signed-out #theme-toggle{display:none}
html[data-theme=dark]{color-scheme:dark;background:#101923;color:#d2dce8}html[data-theme=dark] body{background:#101923;color:#d2dce8}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:#e6edf6}html[data-theme=dark] p,html[data-theme=dark] small,html[data-theme=dark] .muted,html[data-theme=dark] .hint{color:#99a9bd}html[data-theme=dark] .card,html[data-theme=dark] .metric-card,html[data-theme=dark] .document-list,html[data-theme=dark] .document-detail,html[data-theme=dark] .category-list,html[data-theme=dark] .file-progress,html[data-theme=dark] .workflow-strip,html[data-theme=dark] dialog{background:#192535;border-color:#304053;color:#d2dce8}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] button{background:#1d2b3d;border-color:#35475d;color:#d2dce8}html[data-theme=dark] button:hover:not(:disabled){background:#283c50}html[data-theme=dark] .primary{background:#218d80;color:#fff;border-color:#218d80}html[data-theme=dark] .primary:hover:not(:disabled){background:#28a08f}html[data-theme=dark] label{color:#b8c7d8}html[data-theme=dark] th{background:#1d2a3b;color:#8ea3bd}html[data-theme=dark] td,html[data-theme=dark] #topbar,html[data-theme=dark] .tabs,html[data-theme=dark] .history,html[data-theme=dark] .history-row,html[data-theme=dark] .task-row,html[data-theme=dark] .notification-row,html[data-theme=dark] .review-actions,html[data-theme=dark] .divider{border-color:#304053}html[data-theme=dark] .welcome-strip,html[data-theme=dark] .approval-banner,html[data-theme=dark] .notice{background:#1c3937;border-color:#28524a;color:#a7d5c6}html[data-theme=dark] .guide,html[data-theme=dark] .checklist-preview,html[data-theme=dark] .intake-profile,html[data-theme=dark] .upload-zone{background:#1e2d3d;border-color:#33485b}html[data-theme=dark] .document-item.selected,html[data-theme=dark] .category-list button.selected{background:#203c3a;border-color:#3a6257;color:#b8e2d7}html[data-theme=dark] .preview{background:#152030;border-color:#35455a}html[data-theme=dark] .metric-card strong{color:#e6edf6}html[data-theme=dark] #breadcrumb{color:#c4d3e4}html[data-theme=dark] .source-tag{background:#243e3a;border-color:#35594e;color:#9ecfbd}html[data-theme=dark] .badge{background:#2a394e;color:#a9bbd1}html[data-theme=dark] .badge.accepted,html[data-theme=dark] .badge.approved,html[data-theme=dark] .badge.completed,html[data-theme=dark] .badge.published,html[data-theme=dark] .badge.sent{background:#214738;color:#a4d6b8}html[data-theme=dark] .badge.pending,html[data-theme=dark] .badge.ready_for_manager_review{background:#4d4128;color:#e3ca8d}html[data-theme=dark] .badge.rejected,html[data-theme=dark] .badge.failed,html[data-theme=dark] .rejection{background:#492f34;color:#ecb2af}html[data-theme=dark] .badge.collecting{background:#2b3d5d;color:#b0c7f3}html[data-theme=dark] .badge.submitted{background:#3b3256;color:#c9b9ec}html[data-theme=dark] .text-button,html[data-theme=dark] a,html[data-theme=dark] .tabs button.active{color:#79c8b6}html[data-theme=dark] .signed-out main{background:#101923}html[data-theme=dark] aside{background:#111e2e}html[data-theme=dark] nav button,html[data-theme=dark] .profile button{background:transparent;border-color:transparent}html[data-theme=dark] nav button.active{background:#263c51;color:#fff}html[data-theme=dark] .toast.success{background:#214738;color:#b1ddc6}html[data-theme=dark] .toast.error{background:#492f34;color:#f0bab1}html[data-theme=dark] progress::-webkit-progress-bar{background:#304052}html[data-theme=dark] .timeline-item:before{border-color:#34465b}html[data-theme=dark] .file-icon{background:#2b3c52;color:#abc0db}
.connection-hub{--hub-border:#dce5ed;--hub-panel:#f7fafb;--hub-muted:#63768a;border:1px solid var(--hub-border);border-radius:16px;background:#fff;margin-bottom:24px;overflow:hidden}.connection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px}.connection-heading h2{font-size:24px;margin:12px 0 8px}.connection-heading p{margin:0;color:var(--hub-muted);line-height:1.6}.connection-status{white-space:nowrap;display:flex;align-items:center;gap:8px;background:#fff2d7;color:#795b17;padding:9px 13px;border-radius:30px;font-weight:600}.connection-status i{width:8px;height:8px;background:currentColor;border-radius:50%}.connection-status.ready{background:#e3f3eb;color:#196448}.connection-stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;background:var(--hub-panel);border-block:1px solid var(--hub-border);padding:20px 30px;gap:24px}.connection-stats div{display:grid;gap:6px}.connection-stats strong{font-size:19px}.connection-stats span{color:var(--hub-muted);font-size:12px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.connection-config,.connection-next{padding:28px 30px;min-width:0}.connection-config{border-right:1px solid var(--hub-border)}.connection-hub h3{font-size:16px;margin:0 0 14px;display:flex;align-items:center;gap:10px}.connection-hub p{line-height:1.65}.step-number{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e7f2ef;color:#137f75;font-size:13px}.connection-config form{max-width:none}.connection-next{background:var(--hub-panel)}.key-label{font-weight:600;margin-top:20px;margin-bottom:10px}.key-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.key-actions button{font-size:12px;padding:9px 12px}.connection-hub .hint{color:var(--hub-muted);font-size:12px}.connection-hub label{display:block;font-size:12px;margin-bottom:8px}.copy-row{display:flex;gap:8px}.copy-row input{width:100%;min-width:0;font-family:Consolas,monospace;font-size:12px}.copy-row button{flex-shrink:0}.connection-instruction{border:1px solid var(--hub-border);padding:16px;border-radius:10px;margin:18px 0 26px}.connection-instruction p,.delivery-note p{margin:7px 0 0;font-size:13px}.setup-checks{display:grid;gap:12px;margin:22px 0}.setup-checks>div{display:flex;gap:10px;align-items:center}.setup-checks small{margin-left:auto;color:var(--hub-muted)}.check-dot{color:#8b98a9;font-weight:bold}.check-dot.complete{color:#137f75}.delivery-note{padding:16px;border-left:3px solid #137f75;background:#eef6f4;border-radius:5px}.connection-activity{padding:25px 30px;border-top:1px solid var(--hub-border)}.connection-activity .section-heading{align-items:center}.connection-activity .section-heading p{margin:0;color:var(--hub-muted);font-size:13px}.connection-activity td code{overflow-wrap:anywhere;font-size:12px}.connection-empty{padding:30px;text-align:center;background:var(--hub-panel);border:1px dashed var(--hub-border);border-radius:10px;margin-top:18px}.connection-empty p{margin:8px 0 0;color:var(--hub-muted)}.connection-reference{padding:18px 30px;border-top:1px solid var(--hub-border)}html[data-theme=dark] .connection-hub{--hub-border:#33485b;--hub-panel:#172536;--hub-muted:#9eb0c5;background:#1b2a3b}html[data-theme=dark] .connection-status{background:#4d4128;color:#e3ca8d}html[data-theme=dark] .connection-status.ready{background:#214738;color:#a4d6b8}html[data-theme=dark] .step-number,html[data-theme=dark] .delivery-note{background:#203c3a;color:#b8e2d7}@media(max-width:1100px){.connection-grid{grid-template-columns:1fr}.connection-config{border-right:0;border-bottom:1px solid var(--hub-border)}}@media(max-width:650px){.connection-heading{align-items:flex-start;flex-direction:column}.connection-heading,.connection-config,.connection-next,.connection-activity,.connection-reference{padding:20px}.connection-stats{padding:20px;grid-template-columns:1fr 1fr}.connection-stats>div:last-child{grid-column:1/-1}.copy-row{flex-direction:column}.connection-activity .section-heading{align-items:flex-start;gap:12px;flex-direction:column}}