:root{--ink:#252d31;--muted:#6c828d;--accent:#126dff;--accent-dark:#075fe8;--line:#e4ebf5;--surface:#fff;--tint:#eef5ff;--shadow:0 4px 24px rgba(18,59,112,.035)}
body{font-size:15px}
.console-page .orange{background:#fff6e8;color:#bd903d}
.node-health-stack{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px}
.console-page .admin-nps-node-form-v2 .node-health-stack .badge{height:auto;min-height:28px;font-size:11px;padding:4px 6px}
.console-page .badge.is-live{display:inline-flex;align-items:center;gap:7px;color:#24845b;background:#edf8f1}
.console-page .badge.is-live:before{content:"";display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#21b879;animation:online-breathe 2.4s ease-in-out infinite}
.console-page .system-card .presence-dot{position:relative;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#b7c2c8;margin-left:auto}
.console-page .system-card .presence-dot.is-live{background:#21b879;animation:online-breathe 2.4s ease-in-out infinite}
@keyframes online-breathe{0%,100%{transform:scale(.85);box-shadow:0 0 0 0 rgba(33,184,121,.18)}50%{transform:scale(1.15);box-shadow:0 0 0 4px rgba(33,184,121,0)}}
@media(prefers-reduced-motion:reduce){.console-page .badge.is-live:before,.console-page .system-card .presence-dot.is-live{animation:none}}
:focus-visible{outline-color:#bdd4ff}
.console-page{background:#f6f9fc}
.console-page .sidebar{background:rgba(255,255,255,.9)}
.console-page .logo,.auth-logo,.brand-mark{background:var(--accent)}
.console-page .brand-name,.site-brand,.auth-nav .auth-brand{color:#272f33;font-size:16px}
.console-page .nav a{font-size:14px;color:#627680;height:41px}
.console-page .nav a:hover{background:#f2f7fa;color:#303a3f}
.console-page .nav a.active{background:#eef5ff;color:var(--accent)}
.console-page .nav-fold summary{font-size:12px;color:#8e9fa8}
.console-page .system-card strong{font-size:12px;color:#4c5b63}
.console-page .system-card span{font-size:11px;color:#8497a0}
.console-page .system-card .shield{background:#eef5ff;color:#2e80ff}
.console-page .system-card i{background:#84c5e6}
.console-page .topbar h1{font-size:23px;color:var(--ink)}
.console-page .topbar p{font-size:13px;color:#798d97}
.console-page .profile>span{background:#eef5ff;border-color:#dce8fb;color:#2e80ff;font-size:13px}
.console-page .profile strong{font-size:13px}.console-page .profile small{font-size:11px;color:#7f929c}
.console-page .profile small a{color:#6d838e}
.console-page .stat h3{font-size:13px;color:#728792}
.console-page .stat strong{font-size:28px;color:#2d363a}
.console-page .stat small{font-size:12px;color:#8c9ea7}
.console-page .orange{background:#fff6e8;color:#bd903d}
.console-page .blue{background:#eef5ff;color:#2e80ff}
.console-page .panel h2,.console-page .table-card h2{font-size:17px;color:var(--ink)}
.console-page .table th{font-size:13px;color:#738893;background:#f7f9fa}
.console-page .table td{font-size:14px;color:#424f56}
.console-page .table th,.console-page .table td{border-color:#e6edf1}
.console-page .table tbody tr:hover{background:#f9fdff}
.console-page code{font-size:12px;color:#5a6b74;background:#ebf5fa}
.console-page .badge{font-size:12px}
.console-page .badge.blue-b{color:#126dff;background:#eef5ff}
.console-page .toolbar .field{font-size:14px;height:38px;color:#627680}
.console-page .primary,.console-page .secondary{font-size:14px;height:38px;min-height:38px}
.console-page .secondary{color:#6a7f8a}.console-page .secondary:hover{background:#ecf8fe}
.console-page .action{font-size:13px}
.console-page .pager,.console-page .page{font-size:12px}
.console-page .page.active{background:#eef5ff;border-color:#dce8fb;color:var(--accent)}
.console-page label{font-size:14px;color:#6d838e}
.console-page input:not([type=checkbox]):not([type=hidden]),.console-page select,.console-page textarea{font-size:15px;color:#3f4b51;border-color:#dae5eb}
.console-page input:not([type=checkbox]):not([type=hidden]),.console-page select{height:38px}
.console-page input::placeholder,.auth-page input::placeholder{color:#9eadb5}
.console-page input:focus,.console-page select:focus,.console-page textarea:focus,.auth-page input:focus{border-color:#76adff;outline-color:#eef5ff}
.console-page .form button:not(.action):not(.secondary):not(.danger),.console-page .grid-form button:not(.action):not(.secondary):not(.danger){height:38px;font-size:14px}
.console-page .line{font-size:14px;color:#778c96;border-color:#e0eaef}
.console-page .line strong{font-size:14px;color:#54646c}
.console-page .progress{background:#eef3fa}.console-page .progress span{background:#76adff!important}
.console-page .quick strong{font-size:14px;color:#4b5a62}.console-page .quick small{font-size:12px;color:#8b9ca5}
.console-page .quick a:hover{background:#f1fafe}
.dashboard-guide h2{font-size:19px;color:#51626a}.dashboard-guide p{font-size:14px;color:#82959f}
.section-kicker{font-size:12px;color:#8e9fa8}
.console-page .alert,.service-notice{font-size:14px}
.service-notice{border-color:#d2e6f0;background:#f0f9fe;color:#6b818c}
.console-page .section-summary{font-size:17px}
.console-page .modal{background:rgba(48,39,32,.24)}
.console-page .dialog h3{font-size:20px}
.console-page .toggle-field>span{height:38px;border-color:#d7e3e9}
.console-page .switch{background:#d5e2e8}
.console-page .client-guide-button{font-size:13px;background:#f5f9ff;border-color:#dce8fb;color:#126dff}
.console-page .admin-nps-node-form-v2 label{font-size:13px;color:#7b8f99}
.console-page .admin-nps-node-form-v2 input,.console-page .admin-nps-node-form-v2 select{font-size:15px;height:38px}
.console-page .admin-nps-node-form-v2 .badge,.console-page .admin-nps-check{font-size:13px;height:38px}
.console-page .admin-nps-node-actions-v2 button{font-size:13px;height:38px!important}
.console-page .admin-nps-node-actions-v2 .secondary{background:#ecf8fe;color:#6b818c;border-color:#cce3ef}
.console-page .admin-nps-input-note small{font-size:12px;color:#8d9ea7}
.console-page .plan h3{font-size:17px}.console-page .plan p{font-size:13px;color:#889aa3}
.console-page .price small{font-size:13px;color:#8c9da6}
.console-page .plan-row-form label{font-size:12px;color:#7b8f99}
.console-page .plan-row-form .action{background:#ecf8fe;border-color:#cae4f1;height:36px}
.console-page .plan-delete-form .danger{font-size:13px;height:36px}
.console-page .form-row label{font-size:13px;color:#7b8f99}
.console-page .settings .muted{font-size:13px;color:#889ba4}
.console-page .brand-preview strong{font-size:15px}
.console-page .cert-page-head h1{font-size:19px}.console-page .cert-page-head p,.console-page .cert-page-head a{font-size:13px}
.console-page .cert-flow-info{background:#f5fbfe}
.console-page .cert-step{background:#eef5ff;color:#2e80ff;font-size:12px}
.console-page .cert-flow-info h2{font-size:17px}.console-page .cert-flow-info p,.console-page .cert-flow-info li{font-size:13px;color:#7e919b}
.console-page .cert-flow-info li:before{color:#74bde2}.console-page .cert-ready{background:#e1f4fd;color:#7a8e98;font-size:12px}
.console-page .cert-flow-form button{font-size:14px;height:38px}.console-page .cert-flow-form label{font-size:13px;color:#738893}
.console-page .cert-note{font-size:12px;color:#7c909a}.console-page .dns-param-box{background:#f9fdff}
.console-page .cert-support{background:#f8fbfd}.console-page .cert-support strong{font-size:14px;color:#647882}.console-page .cert-support span{font-size:12px;color:#879aa3}
.console-page .resource-card h3{font-size:17px}.console-page .resource-card p{font-size:14px;color:#7d919b}.console-page .resource-card a{font-size:13px}
.account-avatar{background:#eef5ff;color:#2e80ff}.account-overview p{font-size:14px;color:#7c909a}
.account-details>div{font-size:14px}.account-details dt{color:#788d97}.account-details dd{color:#5d6f78}
.account-security h2{font-size:20px}.account-quota span{font-size:12px;color:#879aa3}.account-quota strong{font-size:19px;color:#5f727b}
.auth-page{background:linear-gradient(120deg,#f2fafe,#f7f9fa 58%,#f5fbfe)}
.auth-nav,.auth-nav>a{font-size:14px;color:#7c909a}.auth-nav .auth-brand{color:#323d42}
.auth-page h1{font-size:27px;color:#2f383c}.auth-eyebrow{font-size:13px;color:#8a9ca5}
.auth-page p{font-size:14px;color:#80939d}.auth-page label{font-size:14px;color:#687d87}
.auth-page input{font-size:15px;border-color:#d6dde0;color:#435158;height:43px}
.auth-page .form button{font-size:15px;height:43px}.auth-form-link{font-size:13px}
.auth-page .auth-panel>p:last-child{font-size:13px}.auth-footer{font-size:12px;color:#92a3ab}
.console-page .guide-sidebar a{font-size:14px;color:#758a95}.console-page .guide-section p{font-size:15px}
.copy-command{font-size:13px;background:#f0f9fd;border-color:#cee3ee;color:#687d87}.copy-command:hover{background:#dcf2fd}
/* Public website */
.console-page .nav a,.console-page label,.console-page .admin-nps-node-form-v2 label,.console-page .form-row label,.console-page .cert-flow-form label,.auth-page label{color:#5e717b}
.console-page .topbar p,.console-page .line,.console-page .quick small,.console-page .cert-flow-info p,.console-page .cert-flow-info li,.console-page .resource-card p,.console-page .settings .muted,.auth-page p,.dashboard-guide p{color:#718792}
.console-page .line strong,.account-details dd,.account-quota strong{color:#4c5b62}
.site-header{border-color:var(--line)}.site-header nav{font-size:14px;color:#768b95}.header-actions{font-size:14px}
.button{font-size:14px}.button.compact{font-size:13px}.button:hover{background:var(--accent-dark)}
.button.quiet{border-color:#d6dde0;color:#728893}.button.quiet:hover{background:#e5f6fe}
.eyebrow{font-size:13px;color:#2e80ff}.hero>p{font-size:17px;color:#7a8f99}
.protocols{font-size:12px;color:#94a5ad}.protocols b{color:#b8c3c9}
.preview-heading{font-size:12px;color:#8598a1}.preview-caption{color:#9eadb5}
.product-view img{border-color:#d0e3ec;box-shadow:0 14px 44px #397da30a}
.section-heading>span{font-size:12px;color:#8b9ca5}.section-heading p{font-size:14px;color:#879aa3}
.feature-grid article>svg{color:#4a91ff}.feature-grid h3{font-size:17px}.feature-grid p{font-size:14px;color:#7f939d}
.getting-started li>span{color:#6fbbe1;border-color:#b3dbef;font-size:15px}.getting-started h3{font-size:16px}.getting-started p{font-size:14px;color:#7e929c}
.text-link{font-size:13px;color:#126dff}.closing{background:#f2f7ff}
footer{font-size:12px;color:#889aa3}footer .site-brand{font-size:14px;color:#6e8590}footer .brand-mark{background:#4a91ff}
.hero>p,.section-heading p,.feature-grid p,.getting-started p{color:#6b818c}
@media(max-width:820px){.console-page .topbar h1{font-size:20px!important}.console-page .topbar .mobile-menu-btn{border-color:#d4e4ec}.console-page .stat strong{font-size:25px}.console-page .cert-flow-info p{font-size:12px}.console-page .nav a.active{background:#eef5ff!important;color:#126dff}}
@media(max-width:600px){.console-page .table td,.console-page .tunnels-page .table td{font-size:14px}.console-page .table td:before{font-size:12px;color:#8c9da6}.console-page .table td:first-child{font-size:15px;color:#4b5a61}.console-page .table-actions .action{font-size:14px}}
@media(max-width:520px){.auth-nav .auth-brand{font-size:15px}.account-quota strong{font-size:17px}.console-page .admin-nps-node-actions-v2 button{font-size:12px}}
@media(max-width:760px){.hero>p{font-size:15px}.closing .button{font-size:13px}}
@media(max-width:400px){.site-brand{font-size:15px}.button.compact{font-size:12px}.header-actions{font-size:13px;gap:10px}}