:root{--ink:#1b3034;--muted:#778589;--bg:#f5f7f8;--card:#fff;--line:#e7edef;--green:#1c7e52;--green-light:#eaf7ee;--sidebar:#14282c;--sidebar-muted:#91a8aa;--danger:#c34849;--radius:16px;--shadow:0 2px 5px #14302c03;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #60ad88;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#62a783;box-shadow:0 0 0 3px #4baf7814}h1,h2,h3,p{margin:0}svg{display:block;flex-shrink:0}input,select,textarea{width:100%;border:1px solid #dce5e6;border-radius:9px;padding:11px 12px;color:var(--ink);background:#fff;transition:border .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#9ba6a9}label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}select{cursor:pointer}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;cursor:pointer}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}textarea{resize:vertical;min-height:92px;line-height:1.6}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.button svg{width:17px;height:17px}.primary{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 2px 3px #1c7e5215}.primary:hover{background:#146e45}.secondary{background:#fff;border-color:#dce5e5;color:#475f62}.secondary:hover{background:#f5f8f7}.danger-button{background:var(--danger);color:#fff}.danger-button:hover{background:#ad3a3b}.small-button{min-height:32px;padding:6px 10px;font-size:12px}.icon-button{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;border-radius:7px;color:#7b8c8f;flex-shrink:0}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:#edf3f2;color:var(--green)}.icon-button.danger:hover{background:#fff0f0;color:var(--danger)}.text-link{color:var(--green);display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:600}.text-link:hover{color:#0c5c38}.text-link span{font-size:17px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#819296;margin-bottom:12px}.muted{font-size:12px;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:650;line-height:1;white-space:nowrap}.chip.subtle{border:1px solid #e1e9e7;background:#f4f8f6;color:#709081}.chip.green{background:var(--green-light);color:var(--green)}.chip.orange{background:#fff5e6;color:#aa7519}.chip.red{background:#fff0ef;color:var(--danger)}.chip.gray{background:#edf1f2;color:#829093}.status-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:#5ec995;flex-shrink:0}.avatar{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:10px;background:#f0eee4;color:#867d56;flex-shrink:0;font-size:13px;font-weight:700}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar);color:#eff8f6;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:29px 19px 16px;z-index:30}.brand{display:flex;align-items:center;gap:11px;letter-spacing:-.35px;font-size:17px;font-weight:650;white-space:nowrap}.brand-mark{width:37px;height:37px;border-radius:10px;color:#8eeda9;display:flex;align-items:center;justify-content:center;background:#274441;font-size:24px;font-weight:600;letter-spacing:-4px;flex-shrink:0;padding-right:4px}.brand-mark>span{font-size:18px;align-self:flex-start;margin-top:3px;margin-left:-2px}.brand small{display:block;font-size:10px;color:var(--sidebar-muted);font-weight:400;letter-spacing:1px;margin-top:5px}.workspace-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7c999c;margin:42px 9px 15px;letter-spacing:.5px}.workspace-label span{font-size:8px;letter-spacing:.7px;color:#708b8e;padding:4px 5px;border:1px solid #355052;border-radius:4px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;height:45px;border-radius:8px;padding:0 12px;color:#a3b7b9;font-size:12px;transition:background .15s,color .15s}.sidebar nav a>span:first-child{display:flex}.sidebar nav svg{width:17px;height:17px}.sidebar nav a:hover{background:#203a3d;color:#e0ede8}.sidebar nav a.active{color:#a1edb4;background:#29433c}.nav-count{margin-left:auto;font-size:10px;padding:2px 6px;color:#9cd8ad;border:1px solid #466957;border-radius:4px;min-width:22px;text-align:center}.nav-heading{font-size:10px;color:#779497;padding:27px 12px 10px;letter-spacing:.5px}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-health{display:flex;gap:10px;align-items:center;padding:15px 12px;border:1px solid #30494c;border-radius:10px;font-size:11px;color:#bbd0cc;margin-bottom:19px}.sidebar-health small{font-size:10px;color:#7e9999;display:block;margin-top:5px}.sidebar-health .status-dot{background:#70b591}.account{display:flex;align-items:center;gap:11px;border-top:1px solid #31474a;padding:18px 5px 0}.account>div{overflow:hidden;flex:1}.account strong{font-size:11px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis}.account small{display:block;font-size:10px;color:#80989c;margin-top:4px}.account .avatar{background:#344b48;color:#cde4c9;width:31px;height:31px;border-radius:9px}.account .icon-button{color:#7f9a9d}.account .icon-button:hover{background:#2c4445;color:#fff}.main-shell{margin-left:240px;flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:14px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.topbar-left{font-size:11px}.breadcrumb{color:#91a0a3}.breadcrumb-slash{color:#bcc9cb;font-size:15px}.topbar-left strong{font-weight:500;color:#506568}.topbar-right{gap:19px}.topbar-right .avatar{width:29px;height:29px;font-size:11px;border-radius:9px}.sync-status{font-size:10px;display:flex;align-items:center;gap:7px;color:#739087}.sync-status.error{color:var(--danger)}.sync-status.error .status-dot{background:var(--danger)}.sync-status.loading{color:#a18949}.sync-status.loading .status-dot{background:#ceb46f}.mobile-menu{display:none}main{padding:35px 36px 30px;max-width:1700px;margin:0 auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading h1{font-size:28px;font-weight:640;letter-spacing:-1px;line-height:1.4}.page-heading .eyebrow{margin-bottom:8px;font-size:9px}.page-heading p{font-size:11px;color:#869699;line-height:1.7;margin-top:8px}.heading-dot{color:var(--green);margin-left:4px}.page-heading>.button{margin-top:9px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat-card{padding:22px 22px 20px;position:relative}.stat-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-card-heading span{color:#7b8c8f;font-size:11px;font-weight:500}.stat-icon{height:30px;width:30px;border:1px solid #e7eceb;background:#f7faf8;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#729386}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:28px;letter-spacing:-.7px;font-weight:650;line-height:1.2}.stat-value small{font-size:13px;color:#9caaab;margin-left:5px;font-weight:400}.stat-bottom{margin-top:14px;font-size:10px;color:#93a09f;display:flex;align-items:center;gap:7px}.stat-bottom .chip{font-size:9px;padding:4px 6px}.overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:23px;margin-bottom:23px}.card-heading{padding:23px 24px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h2{font-size:13px;font-weight:650}.card-heading p{font-size:10px;color:#94a0a3;margin-top:7px}.card-heading>span>svg{width:20px;height:20px;color:#759088}.chart-legend{display:flex;gap:15px;font-size:9px;color:#8c9b9c}.chart-legend span{display:flex;gap:6px;align-items:center}.chart-legend i{width:6px;height:6px;border-radius:50%}.legend-in{background:#56a889}.legend-out{background:#b8c8bd}.traffic-chart{height:168px;margin:7px 24px 0;position:relative}.traffic-chart svg{width:100%;height:100%;overflow:visible}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:9px;color:#9aaaaa;font-size:11px;border-bottom:1px solid #edf1f0}.chart-empty svg{width:26px;height:26px;color:#b2c4bc}.chart-empty small{font-size:10px}.traffic-foot{display:flex;align-items:center;gap:36px;padding:18px 24px 21px}.traffic-foot>div{display:flex;flex-direction:column;gap:7px}.traffic-foot span{font-size:9px;color:#8fa09f}.traffic-foot strong{font-size:13px;font-weight:550}.traffic-foot>small{font-size:8px;color:#a1adad;margin-left:auto;max-width:120px;line-height:1.7;text-align:right}.network-card{display:flex;flex-direction:column}.network-flow{display:flex;align-items:center;justify-content:center;padding:23px 19px 27px}.flow-node{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:61px}.flow-node>span{height:34px;width:34px;background:#f2f6f4;border:1px solid #e2ebe6;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#819c8c}.flow-node svg{width:16px;height:16px}.flow-node.highlighted>span{background:#eaf6ed;border-color:#d1e9d7;color:var(--green)}.flow-node strong{font-size:17px;line-height:1;font-weight:650}.flow-node small{font-size:9px;color:#899b97}.flow-wire{position:relative;display:flex;align-items:center;align-self:flex-start;margin-top:15px;width:48px;color:#c6d7cd;justify-content:center}.flow-wire i{height:1px;width:100%;background:repeating-linear-gradient(to right,#c7d9ce 0 3px,transparent 3px 6px)}.flow-wire span{position:absolute;right:-2px;font-size:15px;top:-10px}.network-health{margin:0 24px;padding:14px 13px;background:#f6f9f7;border:1px solid #eaf0ec;border-radius:9px;display:flex;align-items:flex-start;gap:8px;color:#76917d;font-size:10px;line-height:1.7}.network-health .status-dot{margin-top:6px}.network-health.warning{color:#a0854c;background:#fffaf1;border-color:#f6eddb}.network-health.warning .status-dot{background:#d8b468}.network-card>.text-link{margin:19px 24px 22px;font-size:10px}.table-scroll{overflow:auto;width:100%;scrollbar-width:thin}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;white-space:nowrap}th{color:#97a4a6;font-size:9px;font-weight:500;background:#fafcfc;border-top:1px solid #edf1f2;border-bottom:1px solid #edf1f2;padding:12px 24px}td{padding:19px 24px;border-bottom:1px solid #edf1f2;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfefd}td:first-child{max-width:240px}td strong{font-weight:600;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:230px}td small{color:#9aa7a7;font-size:9px;display:block;margin-top:5px}.row-name{display:flex;align-items:center;gap:10px}.row-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:31px;height:31px;border-radius:8px;color:#78a088;border:1px solid #e0ebe4;background:#f7faf8}.row-icon svg{width:15px;height:15px}.route-cell{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#5e7777;max-width:290px}.route-cell>div{display:flex;align-items:center;gap:9px}.route-cell span{overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:125px}.route-cell i{font-family:var(--font);color:#b8c8c2;font-style:normal}.route-cell small{font-family:var(--font)}.status-cell{max-width:190px}.status-cell small{max-width:170px;white-space:normal;overflow-wrap:anywhere;font-size:9px;line-height:1.5}.status-cell.error-text small{color:var(--danger)}.bytes-cell{color:#667b7d;font-size:10px}.row-actions{display:flex;align-items:center;gap:5px}.row-actions .icon-button{width:27px;height:27px}.row-actions .icon-button svg{width:15px;height:15px}.page-footnote{font-size:9px;color:#a5b1b2;text-align:center;margin:21px 0 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}.search-field{display:flex;align-items:center;gap:9px;margin:0;min-width:180px;width:320px;border:1px solid #e5ebed;border-radius:8px;padding:0 11px;background:#fff}.search-field:focus-within{border-color:#77ad91}.search-field>span{display:flex;color:#a1b0b1}.search-field svg{width:15px;height:15px}.search-field input{border:0;box-shadow:none!important;padding:10px 0;font-size:11px;background:transparent}.toolbar-filters{display:flex;align-items:center;gap:17px}.toolbar-filters select{width:128px;font-size:10px;padding:9px 11px}.toolbar .muted{font-size:10px}.rules-table td{padding:19px 17px}.rules-table th{padding-left:17px;padding-right:17px}.rules-table td:first-child,.rules-table th:first-child{padding-left:24px}.empty-state{padding:44px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#8c9e9e;gap:10px}.empty-icon{display:flex;align-items:center;justify-content:center;height:49px;width:49px;border-radius:15px;background:#f0f6f2;border:1px solid #e2ece5;color:#8dae9a;margin-bottom:3px}.empty-icon svg{height:24px;width:24px}.empty-state h3{font-size:13px;color:#55716c;font-weight:600}.empty-state p{font-size:11px;line-height:1.8;max-width:460px}.empty-state .button{margin-top:8px;min-height:35px;font-size:11px}.switch{display:inline-flex;align-items:center;width:29px;height:17px;background:#dce5e4;border:0;border-radius:20px;padding:2px;transition:background .15s}.switch span{height:13px;width:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #17413330;transition:transform .15s}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true] span{transform:translateX(12px)}.protocol-chip{background:#f2f5f7;border:1px solid #e5eaed;color:#7e929b;font-size:8px;border-radius:4px;padding:4px 6px;font-weight:600}.compact-summary{display:flex;align-items:center;gap:21px;margin-bottom:21px;font-size:11px;color:#879b99}.compact-summary>span{display:flex;align-items:center;gap:7px}.compact-summary strong{font-weight:600;color:#4e7066}.nodes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.node-card{padding:22px}.node-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.node-card-icon{height:38px;width:38px;background:#edf6ef;border:1px solid #daebe0;color:#67a17c;display:flex;align-items:center;justify-content:center;border-radius:11px}.node-card-icon svg{width:20px;height:20px}.node-card h2{font-size:15px;margin:17px 0 7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.node-card-address{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#91a29f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #edf1f0;border-bottom:1px solid #edf1f0;padding:16px 0;margin:20px 0 14px}.node-card-metrics span{display:block;font-size:9px;color:#92a39f;margin-bottom:8px}.node-card-metrics strong{font-weight:550;font-size:12px;color:#56726a}.node-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.node-card-bottom small{font-size:9px;color:#9faeaa}.node-actions{display:flex;gap:4px}.node-actions .icon-button{width:27px;height:27px}.node-actions svg{width:15px;height:15px}.notice{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid;border-radius:10px;font-size:11px;line-height:1.8;margin:20px 0}.notice>span{display:flex;margin-top:2px}.notice svg{width:16px;height:16px}.notice.info{background:#eff7f3;border-color:#dfede5;color:#6d9080}.notice.danger{background:#fff2f0;border-color:#f4dbd5;color:#b25a53}.deployment-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:23px}.settings-list{margin:6px 24px 20px}.settings-list>div{padding:16px 0;border-bottom:1px solid #edf1f1;display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.settings-list>div:last-child{border-bottom:0}.settings-list dt{color:#96a6a2;font-size:10px;flex-shrink:0}.settings-list dd{margin:0;font-size:11px;font-weight:500;color:#5c7b6d;text-align:right;overflow-wrap:anywhere}.card-actions{border-top:1px solid var(--line);padding:19px 24px 22px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}.card-actions .button{font-size:11px;min-height:36px}.card-actions small{font-size:9px;color:#9aa9a4}.setup-steps{list-style:none;padding:9px 24px 0;margin:0}.setup-steps li{display:flex;gap:17px;margin-bottom:22px;position:relative}.setup-steps li>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;align-items:center;justify-content:center;width:29px;height:29px;font-size:10px;color:#5a8c70;border:1px solid #dceae0;border-radius:9px;background:#f5f9f5;flex-shrink:0}.setup-steps h3{font-size:11px;font-weight:600;margin:4px 0 7px}.setup-steps p{font-size:10px;color:#91a299;line-height:1.9}.setup-card>.text-link{margin:0 24px 23px;font-size:11px}.deployment-note{margin-top:23px;padding:24px;display:flex;gap:17px;align-items:flex-start}.deployment-note>span{display:flex;color:#7da68b}.deployment-note svg{width:22px;height:22px}.deployment-note h2{font-size:12px;margin:1px 0 8px}.deployment-note p{font-size:11px;color:#8b9e97;line-height:1.9}.audit-detail{white-space:normal;max-width:550px;overflow-wrap:anywhere;color:#81948f;font-size:10px;line-height:1.7}.audit-action{font-size:10px;color:#597a69}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login-story{background:#14282c;color:#e5f2ed;padding:45px 54px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story::after{content:"";position:absolute;width:450px;height:450px;border:1px solid #2b474550;border-radius:50%;right:-220px;bottom:-160px;box-shadow:0 0 0 70px #203c3820,0 0 0 140px #203c3820;pointer-events:none}.login-story .brand{font-size:21px}.login-story .brand small{font-size:8px;letter-spacing:1.7px}.login-intro{margin:auto 0;max-width:450px;padding:60px 0;z-index:1}.login-intro .eyebrow{color:#83b897;font-size:9px;letter-spacing:2.5px}.login-intro h1{font-size:38px;line-height:1.55;font-weight:550;letter-spacing:-1.2px;margin:20px 0}.login-intro p{color:#8fa8a1;font-size:13px;line-height:2;max-width:340px}.login-lines{display:flex;align-items:center;justify-content:space-between;max-width:340px;margin-top:50px;gap:14px}.login-lines span{padding:13px 14px;border-radius:8px;border:1px solid #3a5852;font-size:11px;color:#a9c3b6;white-space:nowrap}.login-lines b{width:46px;height:46px;border:1px solid #78a988;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#a1d7a8;flex-shrink:0}.login-lines i{height:1px;flex:1;background:#567764;min-width:15px}.login-footer{font-size:10px;color:#698881;letter-spacing:1px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:340px;max-width:100%}.login-icon{height:44px;width:44px;border-radius:12px;background:#edf6ee;display:flex;align-items:center;justify-content:center;color:var(--green);font-size:25px;margin-bottom:28px}.login-form .eyebrow{color:#86a492;letter-spacing:1.3px;margin-bottom:12px}.login-form h2{font-size:26px;letter-spacing:-.6px;font-weight:600}.login-form>p{font-size:11px;color:#92a09f;line-height:1.8;margin:12px 0 34px}.login-form label{font-size:11px;color:#6e8580;margin-top:21px}.login-form input{padding:13px;font-size:12px;background:#fcfdfc}.login-submit{width:100%;margin-top:28px;justify-content:space-between;font-size:12px}.login-note{display:block;text-align:center;color:#a5b2ae;font-size:10px;line-height:1.8;margin-top:19px}.form-error{color:#b84b4b;font-size:11px;line-height:1.8;background:#fff1f0;border:1px solid #f2d8d5;border-radius:7px;padding:10px 12px;margin:16px 0}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#f7faf7}.loading-screen p{font-size:12px;color:#88a08e}.loading-screen .brand-mark{background:#193b2d;width:46px;height:46px}.editor-dialog,.confirm-dialog,.token-dialog{border:1px solid #e2ebe6;border-radius:17px;background:#fff;color:var(--ink);padding:0;box-shadow:0 20px 100px #14282c35;width:580px;max-width:calc(100% - 32px);max-height:calc(100dvh - 64px);overflow:auto}.confirm-dialog{width:420px}.token-dialog{width:580px;padding:24px}.editor-dialog::backdrop,.confirm-dialog::backdrop,.token-dialog::backdrop{background:#102b2860;backdrop-filter:blur(2px)}.dialog-heading{padding:24px 25px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf2ef}.dialog-heading h2{font-size:19px;font-weight:600}.dialog-heading .eyebrow{font-size:8px;margin-bottom:8px}.editor-fields{padding:24px 25px;display:flex;flex-direction:column;gap:19px}.editor-fields label{font-size:11px;color:#607e6b;margin-bottom:7px}.editor-fields input,.editor-fields select,.editor-fields textarea{font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-help{font-size:10px;color:#99aaa0;line-height:1.8;margin-top:7px}.checkbox-label{display:flex;align-items:center;gap:8px;line-height:1.6;margin:0!important}.checkbox-label input{margin:0;flex-shrink:0}.checkbox-label small{font-size:10px;color:#99aaa0;font-weight:400}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px 18px;padding:13px;border:1px solid #e4ebe6;border-radius:9px}.checkbox-group label{display:flex;align-items:center;gap:7px;white-space:nowrap;max-width:100%}.checkbox-group label span{white-space:normal;overflow-wrap:anywhere;font-size:11px}.checkbox-group .field-help{margin:0}.form-divider{height:1px;background:#edf2ed}.editor-dialog .form-error{margin:0 25px 18px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:11px;border-top:1px solid #edf2ef;padding:17px 25px}.dialog-footer .button{min-height:38px;min-width:79px;font-size:11px}.confirm-dialog>p{padding:24px 25px;font-size:12px;line-height:1.9;color:#819287}.confirm-dialog .form-error{margin:0 25px 20px;padding:10px 12px}.token-dialog .dialog-heading{padding:0 0 19px}.token-dialog .notice{margin:20px 0}.token-dialog>label{font-size:11px;color:#608570}.token-copy{display:flex;gap:10px}.token-copy input{font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#698975;background:#f8fbf8;min-width:0}.token-copy .button{font-size:11px;flex-shrink:0}.token-dialog h3{font-size:12px;margin:24px 0 12px;font-weight:600}.token-dialog pre{font-size:10px;line-height:1.9;border-radius:8px;background:#15372b;color:#b9d6c4;overflow:auto;padding:15px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.token-dialog .field-help{margin-top:13px}.token-dialog .dialog-footer{padding:20px 0 0;margin-top:20px}.toast-region{position:fixed;bottom:25px;right:25px;z-index:100;display:flex;flex-direction:column;gap:9px;max-width:calc(100% - 40px)}.toast{font-size:12px;border:1px solid #d5e8da;background:#fff;border-radius:10px;box-shadow:0 4px 20px #244d3315;color:#587d64;padding:15px 19px;display:flex;align-items:center;gap:10px;animation:toast-in .15s ease-out}.toast.danger{color:#b45a56;border-color:#edd6d2}.toast svg{height:16px;width:16px}.sidebar-shade{position:fixed;inset:0;background:#17382d65;backdrop-filter:blur(2px);z-index:25}@keyframes toast-in{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1600px){main{padding-top:45px}.stat-card{padding:26px}.traffic-chart{height:210px}.network-flow{padding-top:38px;padding-bottom:39px}.network-health{margin-top:auto}.network-card>.text-link{margin-top:21px}.card-heading{padding-top:26px;padding-bottom:21px}}@media(max-width:1250px){.sidebar{width:215px;padding-left:14px;padding-right:14px}.main-shell{margin-left:215px}.brand{font-size:15px;gap:9px}.brand-mark{width:34px;height:34px;font-size:23px}main{padding:28px 25px}.topbar{padding:0 25px}.stats-grid{gap:12px}.stat-card{padding:18px}.stat-value{font-size:25px}.overview-grid{grid-template-columns:1.25fr 1fr;gap:17px}.card-heading{padding-left:19px;padding-right:19px}.traffic-chart{margin-left:19px;margin-right:19px}.traffic-foot{padding-left:19px;padding-right:19px;gap:24px}.network-flow{padding-left:9px;padding-right:9px}.flow-node{min-width:55px}.flow-wire{width:30px}.network-health{margin-left:19px;margin-right:19px}.network-card>.text-link{margin-left:19px}.nodes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:26px}.toolbar{padding-left:19px;padding-right:19px}th,td{padding-left:19px;padding-right:19px}}@media(max-width:1000px){.sidebar{width:194px;padding-left:12px;padding-right:12px}.main-shell{margin-left:194px}.brand{font-size:14px;gap:7px}.brand small{font-size:8px}.brand-mark{width:31px;height:31px;font-size:21px}.workspace-label{font-size:9px;margin-left:5px;margin-right:5px}.workspace-label span{font-size:7px}.sidebar nav a{font-size:11px;gap:10px;padding:0 10px}.sidebar-health{padding:12px 9px;font-size:10px;gap:8px}.sidebar-health small{font-size:9px}.overview-grid{grid-template-columns:1fr}.stats-grid{gap:11px}.stat-card{padding:15px 14px}.stat-icon{width:26px;height:26px}.stat-card-heading{margin-bottom:17px}.stat-card-heading span{font-size:10px}.stat-value{font-size:24px}.stat-bottom{font-size:9px;gap:4px;flex-wrap:wrap}.network-flow{padding:18px 25px}.flow-wire{width:80px}.network-card>.text-link{margin:17px 19px}.network-health{padding:11px 13px}.deployment-grid{grid-template-columns:1fr}.traffic-chart{height:190px}.login-story{padding:40px 35px}.login-intro h1{font-size:31px}.login-intro p{font-size:12px}.login-form-wrap{padding:35px}.toolbar .search-field{width:260px}.toolbar-filters{gap:12px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading>.button{font-size:11px;padding:10px 12px;min-height:38px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);width:235px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar .brand{font-size:17px;gap:11px}.sidebar .brand-mark{width:37px;height:37px;font-size:24px}.sidebar .brand small{font-size:10px}.sidebar nav a{font-size:12px}.sidebar-health{font-size:11px}.main-shell{margin-left:0}.topbar{height:62px;padding:0 19px}.topbar-left,.topbar-right{gap:12px}.topbar-left{font-size:10px}.topbar-right .avatar{display:none}.topbar-right .icon-button{width:25px;height:25px}.sync-status{font-size:9px}.mobile-menu{display:flex}.breadcrumb,.breadcrumb-slash{display:none}main{padding:27px 19px 24px}.page-heading{margin-bottom:22px;gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;max-width:260px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading>.button{margin-top:18px;min-height:35px;padding:8px 10px;font-size:10px}.page-heading>.button svg{width:14px;height:14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:19px}.stat-card{padding:18px}.stat-card-heading span{font-size:11px}.stat-value{font-size:27px}.stat-icon{width:28px;height:28px}.stat-card-heading{margin-bottom:12px}.stat-bottom{margin-top:11px;font-size:9px}.overview-grid{gap:19px;margin-bottom:19px}.card-heading{padding:21px 19px 16px}.card-heading h2{font-size:12px}.card-heading p{font-size:9px}.traffic-chart{height:165px}.traffic-foot{gap:30px}.traffic-foot>small{font-size:7px}.flow-wire{width:70px}.toolbar{flex-wrap:wrap;gap:13px;padding:17px 19px}.toolbar .search-field{width:100%;min-width:0}.toolbar-filters{justify-content:space-between;width:100%}.toolbar-filters select{font-size:10px}.nodes-grid{gap:14px}.node-card{padding:18px}.node-card h2{font-size:14px}.node-card-top .chip{font-size:8px}.node-card-metrics{gap:5px}.node-card-metrics strong{font-size:10px}.node-card-bottom{flex-wrap:wrap;gap:7px}.node-actions{margin-left:auto}.node-card-address{font-size:10px}.compact-summary{font-size:10px;gap:17px}.login-screen{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100dvh;padding:36px 25px}.login-form{width:350px}.login-form h2{font-size:27px}.editor-dialog,.confirm-dialog,.token-dialog{max-height:calc(100dvh - 32px);max-width:calc(100% - 24px)}.dialog-heading{padding:21px}.editor-fields{padding:21px;gap:17px}.dialog-footer{padding:16px 21px}.editor-dialog .form-error{margin-left:21px;margin-right:21px}.token-dialog{padding:21px}.deployment-note{padding:20px}.deployment-note p{font-size:10px}.toast-region{bottom:19px;right:19px}.toast{font-size:11px}.notice{font-size:10px}}@media(max-width:440px){main{padding:24px 14px}.topbar{padding:0 14px}.page-heading h1{font-size:21px;letter-spacing:-.6px}.page-heading p{max-width:210px;font-size:9px}.page-heading>.button{font-size:9px;padding:8px;gap:4px}.page-heading>.button svg{width:12px;height:12px}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-card-heading span{font-size:10px}.stat-bottom{font-size:8px}.stat-value{font-size:25px}.stat-value small{font-size:11px}.stat-icon{height:26px;width:26px}.card-heading{padding-left:16px;padding-right:16px}.chart-legend{gap:10px;font-size:8px}.traffic-chart{margin-left:16px;margin-right:16px;height:155px}.traffic-foot{padding-left:16px;padding-right:16px;gap:24px}.traffic-foot strong{font-size:11px}.traffic-foot>small{max-width:85px}.flow-wire{width:54px}.nodes-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:17px}.editor-dialog{max-width:calc(100% - 18px);border-radius:13px}.editor-fields{padding:20px}.dialog-heading h2{font-size:18px}.token-copy{gap:6px}.token-copy .button{padding:8px 10px}.text-link{font-size:10px}.card-heading p{font-size:8px}.empty-state{padding:35px 17px}.setup-steps,.settings-list{padding-left:0;padding-right:0;margin-left:19px;margin-right:19px}.setup-steps{padding-top:6px}.settings-list{margin-top:0}.compact-summary{gap:12px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Appearance tokens are shared by the public site and the console. */
:root{--accent:#187f60;--accent-hover:#126449;--accent-soft:#e7f5ee;--accent-bright:#85e5b9;--ink:#233833;--muted:#667a73;--bg:#f4f7f5;--card:#fff;--soft:#f1f6f3;--line:#dce7df;--sidebar:#132e27;--sidebar-muted:#a3b9af;--green:var(--accent);--green-light:var(--accent-soft);--shadow:0 5px 18px #122e2605;--danger:#bd3e49;--danger-soft:#fcebee;--warning:#996209;--warning-soft:#fff4dc;--hero-glow:#a5e4c855;--hero-ink:#13392b}
:root[data-palette=blue]{--accent:#2467bc;--accent-hover:#185294;--accent-soft:#e8f1ff;--accent-bright:#9bc6ff;--sidebar:#172c47;--sidebar-muted:#a4b9d3;--hero-glow:#b7d7ff70;--hero-ink:#203b65}
:root[data-palette=purple]{--accent:#7052b5;--accent-hover:#573a92;--accent-soft:#f0ebfa;--accent-bright:#c6b4fa;--sidebar:#2a2445;--sidebar-muted:#beb1da;--hero-glow:#d8c8ff65;--hero-ink:#453260}
:root[data-palette=amber]{--accent:#a76010;--accent-hover:#884b0a;--accent-soft:#fff2df;--accent-bright:#ffd2a1;--sidebar:#3c2c19;--sidebar-muted:#d2bda2;--hero-glow:#ffdca365;--hero-ink:#614419}
:root[data-palette=rose]{--accent:#ba4569;--accent-hover:#963354;--accent-soft:#fcebf1;--accent-bright:#ffb7cd;--sidebar:#3d2430;--sidebar-muted:#d3aebd;--hero-glow:#ffcedd65;--hero-ink:#633044}
:root[data-palette=graphite]{--accent:#526271;--accent-hover:#35424e;--accent-soft:#eaf0f5;--accent-bright:#c2d3e4;--sidebar:#242d36;--sidebar-muted:#b6c2cf;--hero-glow:#cad7e160;--hero-ink:#293744}
:root[data-mode=dark]{--ink:#ecf1ed;--muted:#a6b6ae;--bg:#111815;--card:#19221d;--soft:#1e2b24;--line:#314137;--accent:#8fdbb7;--accent-hover:#b1ebce;--accent-soft:#244b3b;--hero-glow:#38775c40;--hero-ink:#e1f3e9;--danger:#ffa5ae;--danger-soft:#48262e;--warning:#f1cb78;--warning-soft:#453923;--shadow:0 5px 18px #00000018}
:root[data-mode=dark][data-palette=blue]{--bg:#111924;--card:#182333;--soft:#1e2d42;--line:#31445b;--ink:#ebf1fa;--muted:#a7b8ce;--accent:#91bfff;--accent-hover:#b5d5ff;--accent-soft:#223f64;--hero-glow:#35649a40}
:root[data-mode=dark][data-palette=purple]{--bg:#191621;--card:#242031;--soft:#2d283d;--line:#443b58;--ink:#f1edf8;--muted:#b9afca;--accent:#c8b1ff;--accent-hover:#dfccff;--accent-soft:#443261;--hero-glow:#65469940}
:root[data-mode=dark][data-palette=amber]{--bg:#1e1912;--card:#2b2319;--soft:#342b1e;--line:#4c3e2a;--ink:#faf1e4;--muted:#c6b79f;--accent:#f5c284;--accent-hover:#ffdbac;--accent-soft:#594023;--hero-glow:#9c793540}
:root[data-mode=dark][data-palette=rose]{--bg:#21151c;--card:#2f2029;--soft:#3b2933;--line:#543943;--ink:#f9eef2;--muted:#cbb0bc;--accent:#ffaac5;--accent-hover:#ffc9da;--accent-soft:#603244;--hero-glow:#a94b6d40}
:root[data-mode=dark][data-palette=graphite]{--bg:#161b21;--card:#222931;--soft:#2b343e;--line:#3f4c59;--ink:#eef3f7;--muted:#b4c0cb;--accent:#bacede;--accent-hover:#d2e2ed;--accent-soft:#3b4c5b;--hero-glow:#617e9440}
input,select,textarea,.topbar,.secondary,.search-field,.login-screen,.editor-dialog,.confirm-dialog,.token-dialog,.toast{background:var(--card);color:var(--ink);border-color:var(--line)}
input:focus,select:focus,textarea:focus,.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
button:focus-visible,a:focus-visible{outline-color:var(--accent)}
.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}:root[data-mode=dark] .primary{color:var(--bg)}
.secondary:hover,.icon-button:hover,.row-icon,.stat-icon,.flow-node>span,.empty-icon,.node-card-icon,.avatar,.chip.subtle,.protocol-chip{background:var(--soft);color:var(--accent);border-color:var(--line)}
.text-link,.text-link:hover,.compact-summary strong,.audit-action,.settings-list dd,.node-card-metrics strong,.empty-state h3,.editor-fields label,.token-dialog>label{color:var(--accent)}
.chip.gray{background:var(--soft);color:var(--muted)}.chip.orange{background:var(--warning-soft);color:var(--warning)}.chip.red,.form-error,.notice.danger,.icon-button.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}
.notice.info,.network-health{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}.network-health.warning{background:var(--warning-soft);border-color:var(--line);color:var(--warning)}
.card-heading p,.eyebrow,.page-heading p,.stat-card-heading span,.stat-bottom,.traffic-foot span,.traffic-foot>small,td small,th,.bytes-cell,.node-card-address,.node-card-metrics span,.node-card-bottom small,.page-footnote,.field-help,.settings-list dt,.setup-steps p,.deployment-note p,.audit-detail,.login-form>p,.login-note,.compact-summary,.chart-empty,.empty-state,.sync-status,.breadcrumb,.topbar-left strong,.flow-node small,.checkbox-label small,.account small{color:var(--muted)}
th{background:var(--soft)}td,th,.node-card-metrics,.settings-list>div,.dialog-heading,.dialog-footer,.chart-empty,.form-divider{border-color:var(--line)}tbody tr:hover{background:var(--soft)}
.sidebar nav a{color:var(--sidebar-muted)}.sidebar nav a.active{color:var(--accent-bright);background:color-mix(in srgb,var(--accent-bright) 12%,transparent)}.sidebar nav a:hover{background:color-mix(in srgb,var(--accent-bright) 9%,transparent);color:#fff}.sidebar-health{border-color:color-mix(in srgb,var(--sidebar-muted) 23%,transparent)}.sidebar-health small,.workspace-label,.nav-heading{color:var(--sidebar-muted)}
.sidebar .brand-mark,.login-story .brand-mark{color:var(--accent-bright);background:color-mix(in srgb,var(--accent-bright) 13%,transparent)}.nav-count{color:var(--accent-bright);border-color:color-mix(in srgb,var(--accent-bright) 30%,transparent)}
.brand-mark{background:var(--sidebar);color:var(--accent-bright)}.account{border-color:color-mix(in srgb,var(--sidebar-muted) 23%,transparent)}.sidebar .account .avatar{background:color-mix(in srgb,var(--accent-bright) 14%,transparent);color:var(--accent-bright)}
.login-story{background:var(--sidebar)}.login-intro .eyebrow{color:var(--accent-bright)}.login-intro p,.login-footer{color:var(--sidebar-muted)}.login-lines span,.login-lines b{color:var(--accent-bright);border-color:color-mix(in srgb,var(--accent-bright) 40%,transparent)}.login-lines i{background:var(--sidebar-muted)}.login-form input{background:var(--soft)}.loading-screen{background:var(--bg)}.loading-screen p{color:var(--muted)}.token-copy input{background:var(--soft);color:var(--accent)}
.theme-control{position:relative;color:var(--muted);font-size:12px}.theme-control summary{cursor:pointer;list-style:none;display:flex;gap:7px;align-items:center;padding:8px;border-radius:7px;white-space:nowrap}.theme-control summary::-webkit-details-marker{display:none}.theme-control summary:hover{background:var(--soft);color:var(--accent)}.theme-panel{position:absolute;z-index:45;right:0;top:calc(100% + 13px);width:224px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:0 16px 50px #102a2825}.theme-panel strong{font-size:12px;font-weight:600;color:var(--ink)}.theme-swatches{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.theme-swatches button{width:23px;height:23px;border-radius:50%;border:3px solid var(--card);box-shadow:0 0 0 1px transparent;padding:0;transition:transform .2s}.theme-swatches button[aria-pressed=true]{box-shadow:0 0 0 1px var(--accent);transform:scale(1.15)}[data-theme=mint]{background:#58aa88}[data-theme=blue]{background:#6897d6}[data-theme=purple]{background:#a084cf}[data-theme=amber]{background:#d6a266}[data-theme=rose]{background:#dc8aa6}[data-theme=graphite]{background:#7b8b9b}.mode-toggle{border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:9px 13px;border-radius:9px;font-size:11px;line-height:1.2}.mode-toggle:hover{border-color:var(--accent)}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan-card{padding:25px;display:flex;flex-direction:column;position:relative;border-top:3px solid var(--accent)}.plan-card.disabled-plan{opacity:.65;border-top-color:var(--muted)}.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-card h2{font-size:18px}.plan-description{font-size:12px;color:var(--muted);margin:13px 0 21px;line-height:1.8;min-height:42px}.plan-price{font-size:34px;font-weight:650;letter-spacing:-1px;margin-bottom:8px}.plan-price small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:7px}.plan-features{list-style:none;margin:15px 0 25px;padding:0;border-top:1px solid var(--line)}.plan-features li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.plan-features strong{color:var(--ink);font-weight:550;text-align:right}.plan-card>.button{margin-top:auto}.subscription-card{padding:24px;margin-bottom:23px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-left:4px solid var(--accent)}.subscription-card h2{font-size:17px;margin-bottom:9px}.subscription-card p{font-size:11px;color:var(--muted);line-height:1.8}.subscription-metrics{display:flex;gap:28px}.subscription-metrics div{display:flex;flex-direction:column;gap:9px}.subscription-metrics span{color:var(--muted);font-size:10px}.subscription-metrics strong{font-size:14px}.probe-metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;margin:18px 0}.probe-metrics span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.probe-metrics strong{font-size:12px;font-weight:550}.node-probe-progress{height:4px;background:var(--soft);border-radius:4px;overflow:hidden;margin-top:8px}.node-probe-progress i{display:block;height:100%;background:var(--accent)}.node-expiry{display:flex;justify-content:space-between;padding:10px 0;font-size:10px;border-top:1px solid var(--line);color:var(--muted)}.node-expiry strong{color:var(--ink);font-weight:500}.engine-label{font-size:9px;color:var(--muted);margin-top:6px}.form-section-label{margin:6px 0 0;font-size:12px;color:var(--accent);font-weight:650;display:flex;align-items:center;gap:9px}.form-section-label:after{content:'';height:1px;background:var(--line);flex:1}.editor-fields .policy-note{background:var(--soft);padding:12px;border-radius:9px;font-size:11px;color:var(--muted);line-height:1.8}.editor-fields textarea.pem-input{font:10px/1.6 ui-monospace,monospace}.log-domain-source{display:block;font-size:9px;color:var(--muted);margin-top:5px}.log-reason{white-space:normal;max-width:250px;overflow-wrap:anywhere;font-size:10px;color:var(--muted)}.order-id{font-family:ui-monospace,monospace;font-size:10px;display:block}.orders-actions{display:flex;gap:7px}.orders-actions .button{font-size:10px;min-height:30px;padding:6px 10px}.payment-instructions{white-space:pre-wrap;line-height:1.8;font-size:12px;color:var(--muted)}.payment-card{padding:22px;margin-bottom:23px}.payment-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.payment-card h2{font-size:14px}.rule-path-detail{font-family:var(--font);font-size:9px;margin-top:6px;color:var(--muted)}
@media(max-width:1250px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{padding-top:22px}.workspace-label{margin-top:25px}.sidebar nav{gap:3px}.sidebar nav a{height:40px}.nav-heading{padding-top:16px}.sidebar-bottom{padding-top:20px}.theme-control summary span{display:none}.subscription-card{align-items:flex-start;flex-direction:column}.subscription-metrics{width:100%;justify-content:space-between}}
@media(max-width:760px){.plans-grid{gap:14px}.plan-card{padding:20px}.plan-price{font-size:29px}.topbar-right{gap:6px}.theme-panel{right:-80px}.subscription-metrics{gap:15px;flex-wrap:wrap}.subscription-metrics strong{font-size:12px}.sidebar{overflow-y:auto}.sidebar nav a{height:37px}.sidebar-bottom{padding-top:20px}.sidebar-health{margin-bottom:12px}.sidebar-health small{display:none}}
@media(max-width:520px){.plans-grid{grid-template-columns:1fr}.theme-control summary{padding:6px}.sync-status{max-width:95px}.editor-dialog{width:620px}.probe-metrics{gap:14px}}
.sidebar{overflow-y:auto}.node-card-top{flex-wrap:wrap}.node-card-top .node-card-icon{margin-right:auto}
@media(min-width:761px) and (max-height:820px){.sidebar{padding-top:21px}.workspace-label{margin-top:24px}.sidebar nav a{height:37px}.sidebar nav{gap:3px}.nav-heading{padding-top:15px;padding-bottom:7px}.sidebar-bottom{padding-top:19px}.sidebar-health{display:none}.account{padding-top:14px}}
.legend-in{background:var(--accent)}.legend-out{background:var(--muted)}.flow-node.highlighted>span,.login-icon{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}.toast{color:var(--accent)}.route-cell{color:var(--muted)}.flow-wire i{background:repeating-linear-gradient(to right,var(--muted) 0 3px,transparent 3px 6px);opacity:.45}.flow-wire span{color:var(--muted)}.setup-steps li>span{border-color:var(--line);background:var(--soft);color:var(--accent)}
:root:not([data-mode=dark]){--muted:#5f7169}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}
input::placeholder,textarea::placeholder{opacity:1}.icon-button,.chart-legend,.card-actions small,.login-form label,.checkbox-label small{color:var(--muted)}.workspace-label span{color:var(--sidebar-muted);border-color:color-mix(in srgb,var(--sidebar-muted) 35%,transparent)}
.subscription-metrics{flex-wrap:wrap;gap:18px 25px}.subscription-note{max-width:340px;margin-top:9px}.subscription-card{align-items:flex-start}
/* Personal appearance stays local to the browser. */
body{isolation:isolate}.appearance-wallpaper-layer{display:none;position:fixed;inset:0;z-index:-1;background-image:var(--wallpaper-image);background-size:cover;background-position:center;pointer-events:none;opacity:var(--wallpaper-opacity,.26)}.appearance-wallpaper-layer:after{content:'';position:absolute;inset:0;background:var(--bg);opacity:var(--wallpaper-dim,.28)}:root[data-wallpaper=true] .appearance-wallpaper-layer{display:block}:root[data-wallpaper=true] .card,:root[data-wallpaper=true] .topbar{background:color-mix(in srgb,var(--card) 94%,transparent)}:root[data-wallpaper=true] .login-screen,:root[data-wallpaper=true] .loading-screen{background:color-mix(in srgb,var(--card) 94%,transparent)}:root[data-custom-colors=true] .sidebar,:root[data-custom-colors=true] .login-story{color:var(--sidebar-ink)}:root[data-custom-colors=true] .sidebar nav a:hover{color:var(--sidebar-ink)}:root[data-custom-colors=true] .sidebar nav a.active{color:var(--sidebar-active-ink);background:color-mix(in srgb,var(--sidebar-active-ink) 12%,transparent)}:root[data-custom-colors=true] .text-link,:root[data-custom-colors=true] .chip.green,:root[data-custom-colors=true] .stat-icon,:root[data-custom-colors=true] .editor-fields label,:root[data-custom-colors=true] .form-section-label,:root[data-custom-colors=true] .settings-list dd{color:var(--accent-text)}:root[data-custom-colors=true] .primary{color:var(--accent-ink)}:root[data-custom-colors=true] .heading-dot{color:var(--accent-text)}.custom-appearance-button{margin-top:13px;font-size:11px;white-space:normal}.theme-panel .custom-appearance-button{width:100%;min-height:36px;padding:8px}.appearance-dialog,.rule-detail-dialog,.tls-guide-dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:19px;padding:0;max-width:calc(100% - 24px);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 100px #10252040}.appearance-dialog{width:580px}.appearance-dialog::backdrop,.rule-detail-dialog::backdrop,.tls-guide-dialog::backdrop{background:#10252070;backdrop-filter:blur(4px)}.appearance-fields{padding:24px;display:flex;flex-direction:column;gap:18px}.appearance-local-note{font-size:11px;line-height:1.8;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:13px}.appearance-color-row{display:grid;grid-template-columns:1fr 42px 130px;align-items:center;gap:10px}.appearance-color-row>label{margin:0;color:var(--ink);font-size:12px}.appearance-color-row input[type=color]{height:38px;padding:3px;border-radius:7px;cursor:pointer}.appearance-color-row input[type=text]{font:11px ui-monospace,monospace}.appearance-upload{position:relative;align-self:flex-start;margin:0;cursor:pointer;overflow:hidden}.appearance-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;padding:0}.appearance-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}.appearance-background-preview{height:140px;border:1px dashed var(--line);border-radius:12px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}.appearance-background-preview.has-image span{display:none}.appearance-range label{display:flex;justify-content:space-between;font-size:11px}.appearance-range label span{font:10px ui-monospace,monospace;color:var(--muted)}.appearance-range input{padding:0;border:0;accent-color:var(--accent)}.appearance-status{font-size:11px;color:var(--muted);line-height:1.8;min-height:18px}.appearance-status.appearance-error{color:var(--danger)}.rule-detail-dialog{width:1000px}.rule-detail-tabs{display:flex;gap:10px;padding:16px 25px 0;border-bottom:1px solid var(--line)}.rule-detail-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px;padding:12px 4px;margin-right:10px}.rule-detail-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.rule-detail-section{padding:20px 25px 25px}.detail-sync{font-size:10px;color:var(--muted);padding:14px 25px 0}.detail-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.detail-metric{padding:18px;display:flex;flex-direction:column;gap:10px}.detail-metric>span{font-size:11px;color:var(--muted)}.detail-metric strong{font-size:18px;font-weight:600}.detail-metric small{font-size:10px;color:var(--muted);line-height:1.7}.detail-targets{padding:18px;margin-top:17px}.detail-targets h3{font-size:13px;margin-bottom:13px}.detail-targets p{margin-top:8px;max-width:none}.detail-policy-note{font-size:11px;color:var(--muted);line-height:1.9;margin-top:15px}.rule-detail-section table td,.rule-detail-section table th{padding-left:15px;padding-right:15px}.log-storage-summary{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--ink);margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.log-storage-summary small{font-size:10px;color:var(--muted);line-height:1.8}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tls-guide-dialog{width:630px}.tls-guide-content{padding:25px;font-size:12px;line-height:1.9}.tls-guide-content p,.tls-guide-content li{color:var(--muted)}.tls-guide-content ol{padding-left:20px}.tls-guide-content li{margin:12px 0}.tls-guide-content pre,.tls-assistance pre{background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:14px;overflow:auto;font:10px/1.8 ui-monospace,monospace;color:var(--ink)}.tls-assistance{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:16px;font-size:11px;line-height:1.8;color:var(--muted)}.tls-assistance h3{font-size:12px;color:var(--ink);margin-bottom:8px}.tls-assistance .button{font-size:10px;min-height:32px;margin-top:12px}.advanced-fields{border:1px solid var(--line);border-radius:11px;padding:13px}.advanced-fields summary{cursor:pointer;font-size:11px;color:var(--accent);font-weight:600}.advanced-fields>div{display:flex;flex-direction:column;gap:16px;padding-top:16px}.billing-explanation{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:12px;font-size:11px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.detail-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-detail-section{padding:17px}.rule-detail-tabs{padding-left:17px;gap:5px}.rule-detail-tabs button{font-size:11px;margin-right:4px}.rule-detail-dialog .dialog-footer{flex-wrap:wrap}.appearance-fields{padding:20px}.heading-actions .button{font-size:10px;min-height:34px}.heading-actions{justify-content:flex-end}.appearance-color-row{grid-template-columns:1fr 38px 105px}.tls-guide-content{padding:20px}.subscription-metrics{gap:17px}.rule-detail-dialog .dialog-heading{padding:21px}.detail-sync{padding-left:17px}.detail-metric strong{font-size:15px}}
@media(max-width:440px){.detail-metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.detail-metric{padding:14px}.detail-metric>span{font-size:10px}.detail-metric small{font-size:9px}.appearance-dialog .dialog-footer{flex-wrap:wrap}.appearance-dialog .dialog-footer .button{font-size:10px}.rule-detail-dialog .dialog-footer .button{font-size:10px}.rule-detail-tabs button{font-size:10px}.rule-detail-route{max-width:240px}.heading-actions{max-width:135px}}
.custom-site-logo{width:100%;height:100%;object-fit:contain}.brand-mark.has-site-logo{padding:4px;letter-spacing:0;background:transparent}.primary{color:var(--accent-ink,#fff)}:root[data-custom-colors=true] .landing .hero h1 em{background:none;color:var(--ink)}:root[data-custom-colors=true] .landing .eyebrow,:root[data-custom-colors=true] .landing .hero-tag,:root[data-custom-colors=true] .landing .core-h,:root[data-custom-colors=true] .landing .statement h2 em{color:var(--accent-text)}
.appearance-url-row{display:grid;grid-template-columns:1fr auto;gap:10px}.appearance-url-row>label,.appearance-url-row>p{grid-column:1/-1;margin:0}.appearance-url-row input{font-size:11px;min-width:0}.branding-image-preview{width:100%;max-height:150px;object-fit:contain;background:var(--soft);border:1px solid var(--line);border-radius:10px;margin:12px 0}.advanced-fields>p,.advanced-fields>.button,.advanced-fields>div{margin-top:17px}.advanced-fields>.form-row{display:grid;gap:16px;padding-top:0}.advanced-fields>div:not(.form-row){gap:0;padding-top:0}.advanced-fields>div>label{margin-bottom:8px}.probe-history-card,.probe-service-card,#probes-panel>.card{margin-bottom:20px}.latency-chart{height:225px;padding:0 20px 20px}.latency-chart svg{width:100%;height:100%;overflow:visible}.probe-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding:5px 24px 24px}.probe-history-summary>div{display:flex;flex-direction:column;gap:7px}.probe-history-summary span{font-size:10px;color:var(--muted)}.probe-history-summary strong{font-size:13px;color:var(--ink);font-weight:600}.probe-history-select{max-width:370px;font-size:10px}.chart-no-samples{display:grid;place-items:center;height:100%;text-align:center;font-size:11px;color:var(--muted)}.probe-history-card .card-heading{align-items:flex-start}.probe-service-card .card-heading{gap:18px}.probe-service-card .card-heading>div{max-width:350px}#log-storage-help{padding:0 24px 22px}.node-card-bottom{flex-wrap:wrap}.node-actions{align-items:center}.node-card .node-actions .small-button{font-size:10px;min-height:28px;padding:5px 7px}:root[data-mode=dark] .primary{color:var(--accent-ink,var(--sidebar))}.rule-detail-tabs button[aria-selected=true]{color:var(--accent-text,var(--accent))}
.node-install-section{min-width:0}.node-install-section h3{margin-top:24px}.node-install-section .release-command,.release-command-dialog .release-command{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font-size:11px;line-height:1.65;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:14px}.token-copy input{min-width:0}.release-command-dialog .appearance-fields{display:block}.release-command-dialog .appearance-fields>.button{margin-bottom:12px}.release-command-dialog .appearance-fields>h3{margin-top:26px}
@media(max-width:760px){.probe-history-card .card-heading{flex-direction:column}.probe-history-select{max-width:100%;width:100%}.probe-history-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:5px 18px 20px}.latency-chart{height:205px;padding:0 12px 14px}.probe-service-card .card-heading{flex-direction:column;align-items:flex-start}.appearance-url-row{grid-template-columns:1fr}.appearance-url-row>*{grid-column:1}.advanced-fields>.form-row{grid-template-columns:1fr}.node-actions{flex-wrap:wrap}.card-actions .button{white-space:normal;text-align:left}}

.brand{min-width:0}.brand>span:not(.brand-mark){overflow:hidden;text-overflow:ellipsis}.landing-brand>span:not(.brand-mark){max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-center strong{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing .final-cta .button{white-space:normal;text-align:center}
@media(max-width:680px){.landing-brand>span:not(.brand-mark){max-width:140px}.network-center strong{max-width:105px}}

.probe-history-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.probe-history-range{width:100px;font-size:11px;padding:8px}.probe-history-controls .small-button{font-size:10px;min-height:32px}.probe-history-legend{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 16px;max-height:170px;overflow:auto}.probe-legend-item{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:7px 10px;border-radius:7px;font-size:10px;text-align:left;max-width:100%;line-height:1.5}.probe-legend-item i{height:7px;width:7px;flex-shrink:0;border-radius:50%}.probe-legend-item[aria-pressed=false]{opacity:.5}.probe-legend-item[aria-pressed=false] span{text-decoration:line-through}.probe-history-status{font-size:11px;line-height:1.8;color:var(--muted);padding:0 24px}.probe-history-status:empty{display:none}.probe-chart-help{font-size:10px;line-height:1.8;color:var(--muted);padding:0 24px 17px}.probe-history-table td,.probe-history-table th{padding-left:16px;padding-right:16px}.probe-history-table td:first-child{white-space:normal;min-width:180px;max-width:250px}.probe-history-table td strong{max-width:250px}.probe-history-table{margin-bottom:7px}@media(max-width:760px){.probe-history-controls{justify-content:flex-start}.probe-history-legend{padding:0 17px 13px}.probe-legend-item{font-size:9px}.probe-chart-help,.probe-history-status{padding-left:17px;padding-right:17px}.probe-history-controls .small-button{font-size:9px}}

.text-link,.text-link:hover,.chip.green,.stat-icon,.editor-fields label,.form-section-label,.settings-list dd,.landing-nav nav a:hover,.landing .eyebrow,.landing .hero-tag{color:var(--accent-text,var(--accent))}.landing .hero-tag i{background:var(--accent-text,var(--accent))}

/* Account management and integration settings */
.product-grid{display:grid;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.product-card{padding:24px;min-width:0}.product-card .card-heading{padding:0;margin-bottom:20px}.product-form{display:grid;gap:15px;margin-bottom:20px}.product-field{display:grid;gap:8px;font-size:13px;font-weight:500}.product-field input,.product-field select,.product-secret input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:11px 13px;font:inherit}.product-list{margin-top:18px;display:grid;gap:10px}.product-list-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.product-list-row small{display:block;margin-top:5px;color:var(--muted)}.product-secret{display:grid;gap:10px;border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:18px}.public-probe-page{max-width:1280px;padding:48px 28px;margin:0 auto}.public-probe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.public-probe-page .page-heading{margin-top:28px}@media(max-width:1100px){.public-probe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.product-grid,.public-probe-grid{grid-template-columns:1fr}.product-card{padding:20px}.product-list-row{flex-wrap:wrap}.public-probe-page{padding:28px 18px}}

.sidebar{overflow-y:auto}.product-card .node-grants{margin:10px 0;padding:12px}.product-card .button{margin-right:8px}.product-card .product-list-row .button{margin-right:0}.product-secret{overflow-wrap:anywhere}
/* Software licensing details use the established product card layout. */
.license-details{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:12px 20px;margin:24px 0}
.license-details dt{color:var(--muted)}.license-details dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.license-details{grid-template-columns:1fr;gap:6px}.license-details dd{margin-bottom:12px}}

.credentials-screen{grid-template-columns:1fr}.credentials-screen .login-form-wrap{min-height:100dvh}.credentials-screen .login-form{width:min(420px,100%)}