.cdn-nav-label{padding:19px 13px 7px;margin-top:7px;border-top:1px solid #d8e4f3;color:#567294;font-size:11px;font-weight:800;letter-spacing:1.5px}
.cdn-shell{--cdn-border:#dce7f3;--cdn-muted:#6d8099;display:grid;gap:18px;color:#20334e}
.cdn-panel{background:#fff;border:1px solid var(--cdn-border,#dce7f3);border-radius:15px;padding:20px;min-width:0}
.cdn-panel h3,.cdn-panel h4{margin:0 0 10px;color:#243957}.cdn-panel p{margin:8px 0}
.cdn-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border:1px solid #cbdffa;border-radius:16px;background:linear-gradient(125deg,#edf5ff,#f9fdff);min-width:0}
.cdn-hero h3{font-size:23px;margin:0 0 8px;color:#21446f}.cdn-hero p{color:#637b96;margin:0;max-width:760px;line-height:1.8}.cdn-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:1.8px;color:#4881c4;margin-bottom:10px}
.cdn-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;border:1px solid #cfe0f4;border-radius:6px;padding:3px 8px;background:#f3f8fe;color:#4b6c92;white-space:nowrap}
.cdn-chip.cdn-good{background:#eefbf4;border-color:#c2ebd6;color:#19865b}.cdn-chip.cdn-warn{background:#fff8e9;border-color:#f0dfb6;color:#976810}.cdn-chip.cdn-bad{background:#fff1f2;border-color:#f2cbd0;color:#bd4352}.cdn-chip.cdn-muted{background:#f1f4f8;color:#7c8a9c}
.cdn-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cdn-metric{padding:20px;background:white;border:1px solid var(--cdn-border);border-radius:14px}.cdn-metric>span{display:block;color:var(--cdn-muted);font-size:13px}.cdn-metric strong{display:block;font-size:30px;font-weight:750;margin:9px 0;color:#245790}.cdn-metric small{color:var(--cdn-muted);font-size:12px}
.cdn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cdn-grid.cdn-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.cdn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cdn-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cdn-toolbar h3{margin:0}.cdn-actions button,.cdn-toolbar button{white-space:nowrap}
.cdn-button{background:#3974f6;color:#fff;border:1px solid transparent;padding:9px 13px;font-size:13px;font-weight:650;border-radius:9px;box-shadow:none}.cdn-button:hover{filter:brightness(.97)}.cdn-button.cdn-secondary{color:#42678f;background:#f5f9fe;border-color:#d5e2f1}.cdn-button.cdn-danger{color:#b74655;background:#fff5f6;border-color:#f0d7dc}.cdn-button.cdn-small{font-size:12px;padding:5px 8px;border-radius:7px}.cdn-button:disabled{opacity:.5;cursor:not-allowed}.cdn-button:focus-visible{outline:3px solid #91bcff;outline-offset:2px}
.cdn-note{padding:13px 15px;background:#eef6ff;color:#446382;border:1px solid #d6e6f9;border-radius:10px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.cdn-note.cdn-warn{background:#fff9ed;border-color:#f3e3c2;color:#8a682f}.cdn-note.cdn-error{background:#fff1f3;border-color:#efc5ce;color:#b24055}.cdn-note strong{font-weight:750}.cdn-note p{margin:4px 0}
.cdn-hint{display:block;font-size:12px;color:#6d8099;line-height:1.6;margin-top:4px;overflow-wrap:anywhere}.cdn-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere;word-break:break-word}.cdn-subline{display:block;font-size:12px;color:#7790aa;margin-top:5px}.cdn-copy{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}.cdn-ip-list{display:flex;gap:4px;flex-wrap:wrap;max-width:380px}.cdn-empty{padding:34px 18px;text-align:center;color:#7488a2;background:#fff;border:1px dashed #d8e4f3;border-radius:12px}.cdn-empty strong{display:block;color:#415e80;margin-bottom:7px}.cdn-value-list{display:grid;gap:10px;margin:12px 0}.cdn-value-list>div{display:flex;justify-content:space-between;gap:15px;padding-bottom:8px;border-bottom:1px solid #edf2f8}.cdn-value-list dt{color:#7386a0}.cdn-value-list dd{margin:0;text-align:right;overflow-wrap:anywhere}
.cdn-table-panel{padding:0;overflow:hidden}.cdn-table-wrap{overflow:auto;overscroll-behavior-x:contain}.cdn-table{width:100%;min-width:700px;border-collapse:collapse;font-size:13px}.cdn-table th{padding:13px 15px;background:#f6f9fd;color:#607b99;font-weight:650;text-align:left;border-bottom:1px solid #dde7f2;white-space:nowrap}.cdn-table td{padding:13px 15px;border-bottom:1px solid #edf2f7;vertical-align:top;white-space:normal;max-width:400px;overflow-wrap:anywhere}.cdn-table tr:last-child td{border-bottom:0}.cdn-table tbody tr:hover{background:#fbfdff}.cdn-table input[type=checkbox]{width:16px;height:16px;accent-color:#3974f6;cursor:pointer}.cdn-table .cdn-actions{min-width:140px}
.cdn-search{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cdn-search input,.cdn-search select{border:1px solid #d2e0f0;border-radius:8px;background:#fff;color:#294566;padding:9px 11px;min-width:100px}.cdn-search input{flex:1;min-width:170px;max-width:420px}.cdn-search select{max-width:240px}.cdn-count{font-size:12px;color:#7890aa;margin-left:auto}.cdn-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#7890aa}.cdn-pagination>div{display:flex;gap:7px}
.cdn-form{color:#243b58}.cdn-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.cdn-field{display:grid;gap:7px;margin:13px 0;color:#45607f;font-size:13px;min-width:0}.cdn-field input,.cdn-field select,.cdn-field textarea{width:100%;max-width:100%;min-width:0;padding:10px 11px;background:#fff;border:1px solid #d5e2f1;border-radius:9px;color:#203c5d;font:inherit;outline:none}.cdn-field textarea{resize:vertical;min-height:85px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cdn-field input:focus,.cdn-field select:focus,.cdn-field textarea:focus{border-color:#76a6f6;box-shadow:0 0 0 3px #d6e6ff}.cdn-field input:disabled,.cdn-field select:disabled{background:#f2f5f9;opacity:.6}.cdn-check{display:flex;align-items:flex-start;gap:8px;margin:12px 0;color:#496784;font-size:13px;line-height:1.6}.cdn-check input{width:17px;height:17px;margin-top:2px;flex-shrink:0;accent-color:#3974f6}.cdn-section-title{font-size:14px;font-weight:750;margin:20px 0 8px;padding-top:15px;border-top:1px solid #e2eaf4;color:#2d517c}.cdn-details{margin:13px 0;border:1px solid #dce6f2;border-radius:10px;padding:12px 13px}.cdn-details summary{cursor:pointer;font-size:13px;font-weight:700;color:#426b99}.cdn-details[open] summary{margin-bottom:10px}.cdn-form-error{padding:10px 12px;background:#fff1f3;color:#b74355;border-radius:8px;border:1px solid #efc5ce;font-size:13px;margin:8px 0;line-height:1.7}
.cdn-plan-card{display:flex;flex-direction:column;gap:13px}.cdn-plan-card h3{font-size:18px;margin:0}.cdn-plan-price{font-size:27px;color:#2966a8;font-weight:750}.cdn-plan-price small{font-size:12px;font-weight:400;color:#7890aa}.cdn-plan-card .cdn-actions{margin-top:auto}.cdn-chain{display:grid;gap:8px;margin:14px 0}.cdn-chain>div{display:flex;align-items:flex-start;gap:12px;padding:13px;background:#f7faff;border:1px solid #e0e9f4;border-radius:10px}.cdn-chain b{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;background:#e0ecfc;border-radius:6px;font-size:11px;color:#4576ab}.cdn-chain strong{font-size:12px;display:block;margin-bottom:3px;color:#728ca8}.cdn-status-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cdn-progress{height:5px;background:#ebf1f8;border-radius:4px;margin:6px 0;overflow:hidden}.cdn-progress>span{display:block;background:#4b8af2;height:100%;max-width:100%;border-radius:4px}.cdn-live{width:7px;height:7px;border-radius:50%;background:#24af79;display:inline-block}
@media(max-width:1200px){.cdn-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cdn-grid.cdn-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cdn-shell{gap:13px}.cdn-hero{padding:18px;display:block}.cdn-hero>.cdn-chip{margin-top:12px}.cdn-hero h3{font-size:20px}.cdn-panel{padding:15px}.cdn-table-panel{padding:0}.cdn-grid,.cdn-grid.cdn-three,.cdn-form-grid{grid-template-columns:minmax(0,1fr)}.cdn-metrics{gap:9px}.cdn-metric{padding:15px}.cdn-metric strong{font-size:24px}.cdn-toolbar{align-items:flex-start}.cdn-toolbar>.cdn-actions{width:100%}.cdn-search{width:100%}.cdn-search input{max-width:none}.cdn-count{width:100%;margin:0}.cdn-table{min-width:0}.cdn-table thead{display:none}.cdn-table,.cdn-table tbody,.cdn-table tr,.cdn-table td{display:block;width:100%;max-width:none}.cdn-table tr{padding:12px 15px;border-bottom:1px solid #dce7f3}.cdn-table td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;border:0;padding:5px 0;text-align:left!important}.cdn-table td::before{content:attr(data-label);font-size:12px;color:#7b90aa;font-weight:500}.cdn-table .cdn-actions{min-width:0}.cdn-table td.cdn-full{display:block}.cdn-table td.cdn-full:before{display:none}.cdn-ip-list{max-width:none}.cdn-form-grid{gap:0}.cdn-field{margin:10px 0}.cdn-pagination{align-items:flex-start}.cdn-note{font-size:12px}.cdn-value-list>div{gap:9px}.cdn-table td>small{display:inline}.cdn-table td>div,.cdn-table td>span{min-width:0}}
.cdn-field[hidden]{display:none}.cdn-ip-editor-row{padding:7px 11px 9px;margin:12px 0;background:#f8fbff;border:1px solid #dce7f3;border-radius:10px}.cdn-ip-divider{display:none}.cdn-dns-line-list{display:grid;gap:8px;max-height:280px;overflow:auto;font-size:12px}.cdn-dns-line-list>div{padding-bottom:6px;border-bottom:1px solid #dfebf7}
.cdn-nav-scroll{overflow-y:auto;min-height:0;flex:1;align-content:start;padding-right:4px;padding-bottom:14px;overscroll-behavior:contain}

.cdn-node-resources{min-width:155px;max-width:260px}.cdn-node-resources .cdn-progress{height:3px;margin:3px 0 5px}.cdn-resource-label{font-size:12px;color:#637d98;line-height:1.4}.cdn-node-resources .cdn-hint{font-size:11px}

.cdn-resolution{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.cdn-resolution .cdn-panel{min-width:0}.cdn-ip-tree{border-bottom:1px solid #e6e9ee;padding:8px 0}.cdn-ip-tree summary{cursor:pointer;display:flex;align-items:center;gap:8px}.cdn-ip-choice{display:flex;align-items:center;gap:10px;margin:6px 0 6px 25px}.cdn-cascade{display:flex;gap:4px;margin:12px 0;overflow:auto}.cdn-cascade select{min-width:110px;max-width:220px}.cdn-resolution .cdn-table{min-width:540px}@media(max-width:900px){.cdn-resolution{grid-template-columns:1fr}}

.cdn-origin-row{border:1px solid #dce7f3;padding:12px;margin:10px 0;border-radius:6px}.cdn-origin-row .cdn-toolbar{margin-bottom:4px}.cdn-origin-row .cdn-check{margin:4px 8px 4px 0}.cdn-site-more{position:relative}.cdn-site-more summary{cursor:pointer;color:#3974f6;font-size:12px;padding:5px}.cdn-site-more[open]{display:grid;gap:5px}.cdn-site-more .cdn-button{display:block;margin:4px 0;width:100%}

.cdn-listener-errors{max-width:320px;padding:7px;margin:6px 0}.cdn-listener-errors summary{color:#b24055}.cdn-listener-errors ul{margin:7px 0 0;padding-left:17px;color:#b24055;font-size:12px;overflow-wrap:anywhere}.cdn-listener-errors li+li{margin-top:5px}

.impersonation-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;margin:0 0 10px;background:#fff6db;border:1px solid #d6a53c;color:#604500;font-size:13px}.impersonation-banner[hidden]{display:none}.impersonation-banner span{flex:1;min-width:200px}.impersonation-banner button{white-space:nowrap}

.managed-users-filter{align-items:flex-end;gap:8px;flex-wrap:wrap}.managed-users-filter label{display:flex;flex-direction:column;gap:4px;font-size:12px}.managed-users-filter .user-filter-query{flex:1 1 220px}.managed-users-filter select,.managed-users-filter input{min-width:110px;width:100%;max-width:100%}.managed-users-filter .page-info{align-self:center}

.login-brand-ad{margin:10px 0;padding:10px 12px;border:1px solid #d8e2f0;border-radius:6px;background:#f6f9ff;color:#18304f;font-size:13px;overflow-wrap:anywhere}.login-brand-ad p{white-space:pre-wrap;margin:0 0 4px}.brand-footer b,.login-footer b,.app-footer b{overflow-wrap:anywhere;white-space:pre-wrap}

.brand-custom-logo{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:inherit}.brand-image-preview{display:block;max-width:160px;max-height:80px;object-fit:contain;margin:8px 0}.brand-logo img[hidden]{display:none}

.control-maintenance{padding:10px 12px;margin:8px 0;border:1px solid #c89834;background:#fff8e6;color:#573e12;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.control-maintenance[hidden]{display:none}

.control-tls-fingerprint{max-width:220px;overflow-wrap:anywhere;font-family:monospace;font-size:12px}

#cdn-cert-search>[data-cert-advanced]{flex:1 1 100%;min-width:0}

.login-brand-ad-image{max-width:100%;max-height:240px;object-fit:contain}.login-brand-ad-image[hidden]{display:none}