@font-face{font-family:'Open Sans';src:url('fonts/open-sans.ttf') format('truetype');font-weight:300 800;font-style:normal;font-display:swap}
:root{--ref-nav:#23264c;--ref-page:#fafafa;--ref-text:#333;--ref-link:#40587f;--ref-orange:#e87842;--ref-border:#ddd;--ref-shadow:0 2px 8px #2222220b;--ref-font:'Open Sans',Arial,sans-serif;--ref-warning:#fcf9e5;--ref-warning-border:#efc75b}
:root{--ref-swatch-1:#eee;--ref-swatch-2:#fff;--ref-swatch-3:#c6c8d6;--ref-swatch-4:#ffffff3b;--ref-swatch-5:#f1f1f5;--ref-swatch-6:#303449;--ref-swatch-7:#9b9dae;--ref-swatch-8:#e7e8ed;--ref-swatch-9:#dce0ea;--ref-swatch-10:#1c2041;--ref-swatch-11:#ececf2;--ref-swatch-12:#34385e;--ref-swatch-13:#363b63;--ref-swatch-14:#e2e2e2;--ref-swatch-15:#222;--ref-swatch-16:#444;--ref-swatch-17:#0000000a;--ref-swatch-18:#aaa;--ref-swatch-19:#28333b;--ref-swatch-20:#e1e1e8;--ref-swatch-21:#333;--ref-swatch-22:#e5e5e5;--ref-swatch-23:#7f8a94;--ref-swatch-24:#171717;--ref-swatch-25:#f5f6fa;--ref-swatch-26:#243e72;--ref-swatch-27:#161616;--ref-swatch-28:#dedede;--ref-swatch-29:#494b55;--ref-swatch-30:#faf7df;--ref-swatch-31:#6880b4;--ref-swatch-32:#f8f9fb;--ref-swatch-33:#4a4a50;--ref-swatch-34:#f7c943;--ref-swatch-35:#181818;--ref-swatch-36:#ecc03d;--ref-swatch-37:#343d49;--ref-swatch-38:#172033;--ref-swatch-39:#494b58;--ref-swatch-40:#f7f8fc;--ref-swatch-41:#596679;--ref-swatch-42:#29334e;--ref-swatch-43:#f7f9fff2;--ref-swatch-44:#a6afc5;--ref-swatch-45:#22222212;--ref-swatch-46:#555;--ref-swatch-47:#1c49a6;--ref-swatch-48:#e6e6e6;--ref-swatch-49:#ccc;--ref-swatch-50:#d2d2d2;--ref-swatch-51:#f1f1f1;--ref-swatch-52:#f7dfe2;--ref-swatch-53:#bcbcbc;--ref-swatch-54:#2b56ae;--ref-swatch-55:#8a9abc;--ref-swatch-56:#f2dadd;--ref-size-1200:1200px;--ref-size-1440:1440px;--ref-size-1201:1201px;--ref-size-155:155px;--ref-size-260:260px;--ref-size-388:388px;--ref-size-250:250px;--ref-size-112:112px;--ref-size-850:850px;--ref-size-151:151px;--ref-size-350:350px;--ref-size-420:420px;--ref-size-132:132px;--ref-size-270:270px;--ref-size-_25:.25px;--ref-size-900:900px;--ref-size-100:100px;--ref-size-160:160px;--ref-size-500:500px;--ref-size-114:114px;--ref-size-240:240px;--ref-size-230:230px;--ref-size-421:421px;--ref-size-800:800px;--ref-size-106:106px;--ref-size-282:282px;--ref-size-43:43px;--ref-size-60:60px;--ref-size-39:39px;--ref-size-36:36px;--ref-size-75:75px;--ref-size-23:23px;--ref-size-21:21px;--ref-size-40:40px;--ref-size-64:64px;--ref-size-65:65px;--ref-size-12:12px;--ref-size-30:30px;--ref-size-37:37px;--ref-size-11:11px;--ref-size-58:58px;--ref-size-56:56px;--ref-size-17:17px;--ref-size-35:35px;--ref-size-24:24px;--ref-size-27:27px;--ref-size-31:31px;--ref-size-62:62px;--ref-size-13:13px;--ref-size-15:15px;--ref-size-38:38px;--ref-size-32:32px;--ref-size-25:25px;--ref-size-50:50px;--ref-size-22:22px;--ref-size-19:19px;--ref-size-82:82px;--ref-size-26:26px;--ref-size-80:80px;--ref-size-55:55px;--ref-size-45:45px;--ref-size-28:28px;--ref-size-33:33px;--ref-size-10:10px;--ref-size-29:29px;--ref-size-42:42px;--ref-size-49:49px;--ref-size-16:16px;--ref-size-20:20px;--ref-size-95:95px;--ref-size-14:14px;--ref-size-18:18px;--ref-size-2:2px;--ref-size-3:3px;--ref-size-6:6px;--ref-size-9:9px;--ref-size-5:5px;--ref-size-8:8px;--ref-size-1:1px;--ref-size-7:7px;--ref-size-4:4px}
:root{--ref-size-1201:1201px;--ref-size-1200:1200px;--ref-size-500:500px;--ref-size-900:900px;--ref-size-800:800px;--ref-size-18:18px;--ref-size-10:10px;--ref-size-12:12px;--ref-size-16:16px;--ref-size-43:43px;--ref-size-78:78px;--ref-size-8:8px;--ref-size-6:6px}
body{background:var(--ref-page);font-family:var(--ref-font);color:var(--ref-text)}#app{min-height:100vh}.sidebar{background:var(--ref-nav);width:var(--ref-size-240);color:var(--ref-swatch-1)}.brand{height:var(--ref-size-49);padding:var(--ref-size-8) var(--ref-size-14);color:var(--ref-swatch-2);letter-spacing:-1.8px;font-style:italic;font-weight:800;font-size:var(--ref-size-31);line-height:1}.brand>span{transform:skew(-7deg)}.sidebar .brand:hover{background:none}.nav-expand{display:flex;gap:var(--ref-size-12);padding:var(--ref-size-10) var(--ref-size-12) var(--ref-size-12)}.nav-expand button{background:transparent;border-color:var(--ref-swatch-3);color:var(--ref-swatch-1);flex:1;padding:var(--ref-size-6) var(--ref-size-8);font-size:var(--ref-size-14);border-radius:var(--ref-size-4)}.sidebar-search{padding:0 var(--ref-size-12) var(--ref-size-12);border-bottom:var(--ref-size-1) solid var(--ref-swatch-2)fff3b}.sidebar-search input{background:var(--ref-swatch-5);color:var(--ref-swatch-6);border-color:var(--ref-swatch-7);padding:var(--ref-size-5) var(--ref-size-8);height:var(--ref-size-33);border-radius:var(--ref-size-3);font-family:var(--ref-font);font-size:var(--ref-size-14)}.sidebar input::placeholder{color:var(--ref-swatch-6)}.sidebar nav{padding:0;scrollbar-width:none}.sidebar nav>a,.sidebar summary{font-family:var(--ref-font);font-size:var(--ref-size-14);line-height:var(--ref-size-20);padding:var(--ref-size-7) var(--ref-size-17);gap:var(--ref-size-6);color:var(--ref-swatch-8)}.sidebar summary .chevron{width:var(--ref-size-13);height:var(--ref-size-13);order:0;margin:0;color:var(--ref-swatch-9)}.sidebar summary>span{order:1}.sidebar details[open]>summary .chevron{transform:rotate(90deg)}.sidebar details>div{background:var(--ref-swatch-10)}.sidebar details>div>a{font-size:var(--ref-size-13);padding:var(--ref-size-6) var(--ref-size-16) var(--ref-size-6) var(--ref-size-39);color:var(--ref-swatch-11)}.sidebar nav a:hover,.sidebar summary:hover{background:var(--ref-swatch-12)}.sidebar nav .active{background:var(--ref-swatch-13)!important;box-shadow:none}.sidebar-bottom{display:none}.shell{margin-left:var(--ref-size-240)}.serverbar{height:var(--ref-size-40);min-height:var(--ref-size-40);background:var(--ref-swatch-2);gap:var(--ref-size-15);padding:0 var(--ref-size-24);border-color:var(--ref-swatch-14);line-height:var(--ref-size-17);align-items:center;font-size:var(--ref-size-12);color:var(--ref-swatch-15)}.serverbar>span small{font-size:var(--ref-size-10);line-height:var(--ref-size-14);display:block;color:var(--ref-swatch-16)}.load-averages{margin-left:auto;text-align:right}.topbar{height:var(--ref-size-60);min-height:var(--ref-size-60);justify-content:flex-end;padding:var(--ref-size-10) var(--ref-size-24);gap:var(--ref-size-12);box-shadow:0 var(--ref-size-2) var(--ref-size-4) var(--ref-swatch-17);position:relative;z-index:15}.global-search{flex:0 1 var(--ref-size-388);width:var(--ref-size-388);gap:0;max-width:var(--ref-size-388);height:var(--ref-size-33);border:var(--ref-size-1) solid var(--ref-swatch-18);border-radius:var(--ref-size-3);padding:0 var(--ref-size-8);background:white}.global-search input{font:var(--ref-size-16)/var(--ref-size-22) var(--ref-font);padding:var(--ref-size-3) 0;outline:none}.global-search .icon{height:var(--ref-size-17);width:var(--ref-size-17);color:var(--ref-swatch-19)}.round-control{display:grid;place-items:center;border:var(--ref-size-1) solid var(--ref-nav);border-radius:50%;width:var(--ref-size-32);height:var(--ref-size-32);padding:var(--ref-size-5);color:var(--ref-nav);background:var(--ref-swatch-2)}.round-control>.pictogram{width:var(--ref-size-19);height:var(--ref-size-19);stroke-width:2}.mobile-toggle{margin-right:auto}.search-popup{top:var(--ref-size-100);right:var(--ref-size-24);left:auto;width:var(--ref-size-500);max-width:calc(100vw - var(--ref-size-270))}.role-client .search-popup{top:var(--ref-size-60)}.role-client .brand{height:var(--ref-size-82);padding:var(--ref-size-21) var(--ref-size-24);font-size:var(--ref-size-32)}.client-nav-search{display:none}.role-client .sidebar nav{padding-top:var(--ref-size-8)}.role-client .sidebar nav>a{display:flex;gap:var(--ref-size-9);align-items:flex-start;padding:var(--ref-size-7) var(--ref-size-24);font-size:var(--ref-size-16);line-height:var(--ref-size-25);color:var(--ref-swatch-20);min-height:var(--ref-size-40)}.role-client .sidebar nav>a .pictogram{width:var(--ref-size-23);height:var(--ref-size-23);color:var(--ref-swatch-20);flex-shrink:0;margin-top:var(--ref-size-2);stroke-width:1.7}.role-client .nav-matches{padding:var(--ref-size-15)}.role-client .nav-matches a{display:block;padding:var(--ref-size-8);color:var(--ref-swatch-1)}.role-client main{padding:var(--ref-size-24)}.role-admin main{padding:var(--ref-size-24) var(--ref-size-20)}.page-title{margin-bottom:var(--ref-size-20)}h1{font:300 var(--ref-size-36)/1.1 var(--ref-font);color:var(--ref-swatch-21)}.client-tools>h1{margin:0 0 var(--ref-size-30);padding:0 0 var(--ref-size-9)}.client-grid{grid-template-columns:minmax(0,1fr) var(--ref-size-282);gap:var(--ref-size-16)}.panel{border-radius:var(--ref-size-2);border:var(--ref-size-1) solid var(--ref-swatch-22);box-shadow:var(--ref-shadow);margin-bottom:var(--ref-size-15)}.client-group{border:0;box-shadow:var(--ref-shadow)}.client-group summary{height:var(--ref-size-64);padding:var(--ref-size-15) var(--ref-size-16);background:white;gap:var(--ref-size-12);justify-content:flex-start;border-bottom:var(--ref-size-1) solid var(--ref-swatch-1)}.client-group h2{font-size:var(--ref-size-14);font-weight:400;color:var(--ref-swatch-15)}.client-group summary>.pictogram{height:var(--ref-size-29);width:var(--ref-size-29)}.client-group summary>.chevron{margin-left:auto;width:var(--ref-size-14);height:var(--ref-size-14);transform:rotate(-90deg);color:var(--ref-swatch-23)}.client-group details:not([open]) summary>.chevron{transform:rotate(90deg)}.tool-grid{padding:var(--ref-size-8) var(--ref-size-14) var(--ref-size-12);grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.tool-card{min-height:var(--ref-size-58);padding:var(--ref-size-7) var(--ref-size-2);gap:var(--ref-size-14);line-height:var(--ref-size-20);color:var(--ref-link);font:var(--ref-size-14)/var(--ref-size-20) var(--ref-font)}.tool-card>.pictogram{width:var(--ref-size-43);height:var(--ref-size-43);flex:0 0 var(--ref-size-43);color:var(--ref-swatch-24)}.tool-card:hover{background:var(--ref-swatch-25);color:var(--ref-swatch-26)}.pictogram{width:var(--ref-size-42);height:var(--ref-size-42);flex-shrink:0;color:var(--ref-swatch-27)}.icon-accent{stroke:var(--ref-orange)}.icon-accent-fill{fill:var(--ref-orange);stroke:currentColor}.tool-icon:after{display:none}.right-column{gap:0;display:block}.general-information>h2,.client-statistics>h2{font-size:var(--ref-size-14);font-weight:600;border:0;padding:var(--ref-size-20) var(--ref-size-22) var(--ref-size-9)}.client-info{padding:var(--ref-size-9) var(--ref-size-23);border-bottom:var(--ref-size-1) solid var(--ref-swatch-28);font-size:var(--ref-size-14);line-height:var(--ref-size-22)}.client-info small{font-size:var(--ref-size-12);color:var(--ref-swatch-29);font-weight:600;display:block;margin-bottom:var(--ref-size-4)}.client-info a{color:var(--ref-link)}.client-info p{margin:var(--ref-size-3) 0 0}.certificate-state{white-space:nowrap}.client-info:has(.certificate-state){padding-top:var(--ref-size-7);padding-bottom:var(--ref-size-9)}.client-info .domain-risk{background:var(--ref-swatch-30);text-align:center;margin-top:var(--ref-size-6);line-height:var(--ref-size-25)}.client-info .ssl-caption{font-size:var(--ref-size-12);line-height:var(--ref-size-18)}.monitoring-card{border:var(--ref-size-1) solid var(--ref-swatch-31);border-radius:var(--ref-size-3);padding:var(--ref-size-10);margin:var(--ref-size-10);font-size:var(--ref-size-14);line-height:var(--ref-size-20)}.monitoring-card .button{display:flex;margin-top:var(--ref-size-10);padding:var(--ref-size-5);line-height:var(--ref-size-20);font-size:var(--ref-size-14)}.client-info select{width:100%;height:var(--ref-size-33);background:var(--ref-swatch-32);color:var(--ref-swatch-33);font-size:var(--ref-size-14)}.server-info-link{display:flex;justify-content:space-between;padding:var(--ref-size-15) var(--ref-size-23);font-size:var(--ref-size-14);color:var(--ref-link)}.server-info-link .icon{width:var(--ref-size-15);height:var(--ref-size-15)}.client-statistics .resource{padding:var(--ref-size-12) var(--ref-size-23)}.client-statistics .resource>div:first-child{display:block}.client-statistics .resource strong{font-weight:600;display:block;font-size:var(--ref-size-12)}.client-statistics .resource span{font-size:var(--ref-size-12)}.client-statistics .resource small{display:none}.client-statistics .progress{height:var(--ref-size-6);margin-top:var(--ref-size-6)}.role-admin .admin-home{padding-top:var(--ref-size-114)}.compatibility-notice{background:var(--ref-warning);border-left:var(--ref-size-3) solid var(--ref-warning-border);padding:var(--ref-size-20);margin-bottom:var(--ref-size-18);min-height:var(--ref-size-151);font:var(--ref-size-14)/var(--ref-size-21) var(--ref-font)}.compatibility-notice p{margin:0}.notice-button{border:0;background:var(--ref-swatch-34);color:var(--ref-swatch-35);padding:var(--ref-size-7) var(--ref-size-12);margin-top:var(--ref-size-10);font-size:var(--ref-size-16);font-weight:600}.notice-button:hover{background:var(--ref-swatch-36)}.admin-overview{display:grid;grid-template-columns:minmax(0,1fr) var(--ref-size-260);gap:var(--ref-size-14);align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 var(--ref-size-12)}.section-heading h2,.statistics-section>h2,.all-tools-section>h2{font-size:var(--ref-size-26);font-weight:400;line-height:var(--ref-size-29)}.text-button{border:0;background:transparent;padding:0 var(--ref-size-36);color:var(--ref-swatch-37);font-size:var(--ref-size-14)}.favorites{display:grid;grid-template-columns:1fr 1fr;gap:var(--ref-size-14);padding:0}.favorites>a{min-height:var(--ref-size-112);border-radius:var(--ref-size-2);background:var(--ref-swatch-2);box-shadow:var(--ref-shadow);padding:var(--ref-size-16);display:flex;align-items:flex-start;gap:var(--ref-size-18);color:var(--ref-swatch-38)}.favorites>a>.pictogram{width:var(--ref-size-42);height:var(--ref-size-42);margin-top:var(--ref-size-2);flex-shrink:0}.favorites strong{font:600 var(--ref-size-18)/var(--ref-size-24) var(--ref-font);color:var(--ref-swatch-38)}.favorites p{font:var(--ref-size-14)/var(--ref-size-24) var(--ref-font);color:var(--ref-swatch-39);margin:var(--ref-size-10) 0 0}.favorites a:hover{background:var(--ref-swatch-40)}.statistics-section>h2{margin-bottom:var(--ref-size-12)}.admin-statistics{border:0;padding:var(--ref-size-12) var(--ref-size-15)}.admin-statistics>div{padding:0 0 var(--ref-size-10)}.admin-statistics strong{font-size:var(--ref-size-14);color:var(--ref-swatch-38);font-weight:600}.admin-statistics p{font-size:var(--ref-size-14);line-height:var(--ref-size-21);margin:var(--ref-size-9) 0 0;color:var(--ref-swatch-15)}.all-tools-section{margin-top:var(--ref-size-18)}.all-tools-section>h2{margin:0 0 var(--ref-size-14)}.feature-groups{padding:0}.feature-groups>details{border:0;background:var(--ref-swatch-2);box-shadow:var(--ref-shadow);margin-bottom:var(--ref-size-14)}.feature-groups summary{padding:var(--ref-size-18) var(--ref-size-16);gap:var(--ref-size-17);min-height:var(--ref-size-62)}.feature-groups summary>.pictogram{width:var(--ref-size-23);height:var(--ref-size-23)}.feature-groups summary>h3{font-weight:600;font-size:var(--ref-size-16);margin:0;line-height:var(--ref-size-22)}.feature-groups summary>.chevron{margin-left:auto;color:var(--ref-swatch-41);transform:rotate(90deg)}.feature-groups details[open] .chevron{transform:rotate(-90deg)}.admin-tool-grid{padding:var(--ref-size-10) var(--ref-size-18) var(--ref-size-20);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ref-size-15)}.admin-tool-grid>a{display:flex;align-items:center;gap:var(--ref-size-14);color:var(--ref-link);font-size:var(--ref-size-14)}.admin-tool-grid>a>.pictogram{width:var(--ref-size-37);height:var(--ref-size-37)}.tool-page-heading{display:flex;align-items:center;gap:var(--ref-size-16);margin:var(--ref-size-3) 0 var(--ref-size-22)}.tool-page-heading>.pictogram{width:var(--ref-size-38);height:var(--ref-size-38)}.tool-page-heading h1{font-size:var(--ref-size-28);font-weight:300}.breadcrumb{font-size:var(--ref-size-13);margin-bottom:var(--ref-size-24)}.role-admin .tool-page-heading h1{font-size:var(--ref-size-22);font-weight:400}.role-admin .tool-page-heading>.pictogram{width:var(--ref-size-36);height:var(--ref-size-36)}.demo-dock{position:fixed;right:var(--ref-size-14);bottom:var(--ref-size-10);z-index:50;max-width:var(--ref-size-350);color:var(--ref-swatch-42);background:var(--ref-swatch-43);border:var(--ref-size-1) solid var(--ref-swatch-44);border-radius:var(--ref-size-4);box-shadow:0 var(--ref-size-2) var(--ref-size-6) var(--ref-swatch-15)22212;font-size:var(--ref-size-10)}.demo-dock>summary{cursor:pointer;padding:var(--ref-size-5) var(--ref-size-10);list-style:none;letter-spacing:var(--ref-size-_25);font-weight:600}.demo-dock>div{padding:var(--ref-size-12);display:grid;gap:var(--ref-size-8)}.demo-dock label{font-size:var(--ref-size-11)}.demo-dock select{font-size:var(--ref-size-11);min-width:var(--ref-size-230)}.demo-dock small{font-size:var(--ref-size-10)}.page-footer{font:var(--ref-size-12)/var(--ref-size-20) var(--ref-font);padding:var(--ref-size-18) var(--ref-size-24) var(--ref-size-45);background:var(--ref-page);border:0;color:var(--ref-swatch-46);align-items:center}.page-footer>div{display:flex;gap:var(--ref-size-20)}.page-footer a{color:var(--ref-swatch-47)}.role-admin .panel-body{font-family:var(--ref-font)}.role-admin .accounts-table{font:var(--ref-size-12)/var(--ref-size-18) var(--ref-font)}.role-admin .accounts-table td{padding:var(--ref-size-8) var(--ref-size-10)}.role-admin .accounts-table th{font-size:var(--ref-size-13);background:var(--ref-swatch-48);border:var(--ref-size-1) solid var(--ref-swatch-49);padding:var(--ref-size-6) var(--ref-size-10)}.role-admin .accounts-table th button{font-size:var(--ref-size-12);font-weight:600;color:var(--ref-swatch-27)}.role-admin .accounts-table td{border:var(--ref-size-1) solid var(--ref-swatch-50)}.role-admin .accounts-table tbody tr:nth-child(even){background:var(--ref-swatch-51)}.role-admin .accounts-table tbody tr:has(.danger){background:var(--ref-swatch-52)}.role-admin .accounts-table .badge{font-size:var(--ref-size-10)}.role-admin .pagination{padding:var(--ref-size-16) 0;justify-content:flex-start;gap:var(--ref-size-12)}.role-admin .pagination button{border-radius:0;font-size:var(--ref-size-12);padding:var(--ref-size-3) var(--ref-size-7)}.role-admin .account-list{background:transparent;border:0;box-shadow:none}.role-admin .account-list>.panel-body{padding:0}.account-search-box{max-width:var(--ref-size-850);background:var(--ref-swatch-51);border:var(--ref-size-1) solid var(--ref-swatch-53);padding:var(--ref-size-14) var(--ref-size-38);margin:var(--ref-size-20) 0}.account-search-box form{max-width:none!important}.account-search-row{display:flex;align-items:center;gap:var(--ref-size-10);min-height:var(--ref-size-45)}.account-search-row>strong{font-size:var(--ref-size-13);min-width:var(--ref-size-95);text-align:right;margin-right:var(--ref-size-20)}.account-search-row>input{height:var(--ref-size-27);width:var(--ref-size-155);border-radius:0;padding:var(--ref-size-3) var(--ref-size-5)}.account-search-row button{padding:var(--ref-size-7) var(--ref-size-13)}.account-search-row label{display:flex;flex-direction:row;align-items:center;gap:var(--ref-size-7);white-space:nowrap;font-size:var(--ref-size-13);font-weight:400}.account-search-row input[type=radio]{width:auto;accent-color:var(--ref-swatch-47)}.account-search-options{display:flex;gap:var(--ref-size-14);flex-wrap:wrap}.role-admin .account-list .toolbar{justify-content:flex-start;margin:var(--ref-size-14) 0;gap:var(--ref-size-14)}.role-admin .account-list .toolbar>span{font-size:var(--ref-size-12)}.role-admin .account-list .toolbar .primary{order:-1}.role-admin .account-list .table-wrap{border:0}.role-admin .account-list .search-form{margin:0;display:block}.role-admin .account-list .account-create-top{margin:var(--ref-size-4) 0 0}.role-admin .account-list .account-create-top button{font-size:var(--ref-size-14)}.role-admin .account-list .export-link{border:0;background:transparent;color:var(--ref-swatch-47);padding:0;font-size:var(--ref-size-12)}.role-admin .account-list .pagination .per-page{display:flex;align-items:center;flex-direction:row;font-size:var(--ref-size-12);font-weight:400;gap:var(--ref-size-6)}.per-page input{width:var(--ref-size-43);padding:var(--ref-size-2) var(--ref-size-4);height:var(--ref-size-24);border-radius:0}.pagination .pagination-page{background:var(--ref-swatch-54);color:var(--ref-swatch-2);border:var(--ref-size-1) solid var(--ref-swatch-55);padding:var(--ref-size-1) var(--ref-size-5);font-size:var(--ref-size-12)}
@media(max-width:1200px){.client-grid{grid-template-columns:minmax(0,1fr) var(--ref-size-260)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview{grid-template-columns:minmax(0,1fr) var(--ref-size-240)}.favorites>a{min-height:var(--ref-size-132)}.favorites p{font-size:var(--ref-size-12);line-height:var(--ref-size-19)}.favorites strong{font-size:var(--ref-size-16)}.serverbar>span:nth-child(2){display:block}.serverbar>span:nth-child(4){display:none}}
@media(max-width:900px){.admin-overview{grid-template-columns:1fr}.statistics-section{display:none}.favorites>a{min-height:var(--ref-size-112)}.admin-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid{grid-template-columns:minmax(0,1fr) var(--ref-size-240)}.tool-grid{grid-template-columns:1fr}.role-admin .admin-home{padding-top:var(--ref-size-35)}.client-info{padding-left:var(--ref-size-15);padding-right:var(--ref-size-15)}.client-group summary{height:var(--ref-size-55)}.tool-card{min-height:var(--ref-size-58)}.role-admin .topbar{height:var(--ref-size-60)}}
@media(max-width:800px){.shell{margin-left:0}.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.topbar{height:var(--ref-size-60);min-height:var(--ref-size-60);padding:var(--ref-size-10) var(--ref-size-15);flex-wrap:nowrap;gap:var(--ref-size-8)}.global-search{order:0;flex:1;min-width:0;max-width:none;flex-basis:auto;border:var(--ref-size-1) solid var(--ref-swatch-18);margin:0;padding:0 var(--ref-size-7)}.global-search input{font-size:var(--ref-size-13)}.round-control{width:var(--ref-size-29);height:var(--ref-size-29)}.serverbar{padding:0 var(--ref-size-15);gap:var(--ref-size-10);font-size:var(--ref-size-10)}.serverbar>span:nth-child(3){display:none}.serverbar>span small{font-size:var(--ref-size-9)}.serverbar .load-averages{display:none}.role-client .client-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.right-column{display:block}.role-client .right-column{margin-top:var(--ref-size-12)}.client-group h2{font-size:var(--ref-size-14)}.role-client .right-column .panel{margin-bottom:var(--ref-size-16)}.role-admin main,.role-client main{padding:var(--ref-size-24) var(--ref-size-16)}.search-popup,.role-client .search-popup{max-width:calc(100vw - var(--ref-size-30));width:calc(100vw - var(--ref-size-30));left:var(--ref-size-15);right:var(--ref-size-15);top:var(--ref-size-100)}.role-client .search-popup{top:var(--ref-size-60)}.client-nav-search{display:block;padding:0 var(--ref-size-15) var(--ref-size-10)}.client-nav-search input{width:100%;font-size:var(--ref-size-13)}.nav-close{top:var(--ref-size-4);right:var(--ref-size-4)}.account-search-box{padding:var(--ref-size-14)}.account-search-row>strong{min-width:var(--ref-size-75);margin-right:var(--ref-size-4)}.account-search-row label{font-size:var(--ref-size-12)}.account-search-options{gap:var(--ref-size-10)}.page-footer{font-size:var(--ref-size-10);padding:var(--ref-size-18) var(--ref-size-16) var(--ref-size-50)}.page-footer>div{gap:var(--ref-size-10)}}
@media(max-width:500px){.role-admin .admin-home{padding-top:var(--ref-size-30)}.role-client main{padding:var(--ref-size-24) var(--ref-size-15)}.client-tools>h1{font-size:var(--ref-size-30);margin-bottom:var(--ref-size-24)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--ref-size-8) var(--ref-size-10) var(--ref-size-12)}.tool-card{min-height:var(--ref-size-65);font-size:var(--ref-size-12);gap:var(--ref-size-10);line-height:var(--ref-size-17)}.tool-card>.pictogram{width:var(--ref-size-36);height:var(--ref-size-36);flex-basis:var(--ref-size-36)}.client-group summary{padding:var(--ref-size-13) var(--ref-size-14);height:var(--ref-size-56)}.client-group summary>.pictogram{width:var(--ref-size-26);height:var(--ref-size-26)}.compatibility-notice{padding:var(--ref-size-15);font-size:var(--ref-size-12);line-height:var(--ref-size-19);min-height:0}.compatibility-notice p{margin-bottom:var(--ref-size-6)}.notice-button{font-size:var(--ref-size-13);padding:var(--ref-size-7) var(--ref-size-10)}.favorites{grid-template-columns:1fr;gap:var(--ref-size-12)}.favorites>a{min-height:var(--ref-size-106);padding:var(--ref-size-15);gap:var(--ref-size-16)}.favorites strong{font-size:var(--ref-size-16)}.favorites p{font-size:var(--ref-size-12);line-height:var(--ref-size-20);margin-top:var(--ref-size-7)}.section-heading h2,.statistics-section>h2,.all-tools-section>h2{font-size:var(--ref-size-24)}.text-button{font-size:var(--ref-size-12);padding:0}.admin-tool-grid{grid-template-columns:1fr}.feature-groups summary{padding:var(--ref-size-17) var(--ref-size-15);gap:var(--ref-size-13)}.feature-groups summary>h3{font-size:var(--ref-size-14)}.all-tools-section{margin-top:var(--ref-size-25)}.role-admin .tool-page-heading h1,.tool-page-heading h1{font-size:var(--ref-size-24)}.tool-page-heading{gap:var(--ref-size-12)}.tool-page-heading>.pictogram{width:var(--ref-size-31);height:var(--ref-size-31)}.breadcrumb{font-size:var(--ref-size-11);line-height:var(--ref-size-18);margin-bottom:var(--ref-size-20)}.account-search-box{margin-top:var(--ref-size-16);padding:var(--ref-size-12)}.account-search-row{align-items:flex-start;flex-wrap:wrap;min-height:var(--ref-size-38);margin-bottom:var(--ref-size-7)}.account-search-row>strong{font-size:var(--ref-size-11);min-width:var(--ref-size-65);padding-top:var(--ref-size-4)}.account-search-row>input{width:var(--ref-size-160)}.account-search-row button{font-size:var(--ref-size-12);padding:var(--ref-size-5) var(--ref-size-9)}.account-search-options{padding-left:0;max-width:calc(100% - var(--ref-size-80));gap:var(--ref-size-7)}.account-search-row label{font-size:var(--ref-size-11)}.role-admin .pagination{flex-wrap:wrap;gap:var(--ref-size-8)}.role-admin .pagination>span{font-size:var(--ref-size-11)}.role-admin .pagination>div{gap:var(--ref-size-4)}.demo-dock{right:var(--ref-size-7);bottom:var(--ref-size-7);font-size:var(--ref-size-8)}.demo-dock summary{padding:var(--ref-size-5) var(--ref-size-8)}.page-footer>div{flex-wrap:wrap}.role-admin .account-list .account-create-top button{font-size:var(--ref-size-12)}.role-admin .account-list .toolbar{font-size:var(--ref-size-11)}.client-info{padding:var(--ref-size-10) var(--ref-size-23)}.client-group{margin-bottom:var(--ref-size-15)}}
/* Measurements from the rendered var(--ref-size-1440) Jupiter and WHM reference views. */
@media(min-width:1201px){.role-client .tool-grid{grid-template-columns:repeat(3,var(--ref-size-250));padding-left:var(--ref-size-15);padding-right:var(--ref-size-15)}.role-client .tool-card{padding-left:0;padding-right:0}.role-client .client-tools>h1{margin-bottom:var(--ref-size-20)}}
.compatibility-notice{margin-bottom:var(--ref-size-23)}.section-heading{margin-bottom:var(--ref-size-15)}.admin-statistics{min-height:var(--ref-size-421)}.suspended-legend{background:var(--ref-swatch-56)}
.statistics-section>.panel{margin-bottom:0;min-height:var(--ref-size-420)}
#account-search-form{display:block;max-width:none;gap:0}.account-search-row{min-height:var(--ref-size-43)}.account-search-row>strong{min-width:var(--ref-size-78)}.account-search-options{gap:var(--ref-size-12)}.role-admin .account-list>.panel-body>.pagination{padding:var(--ref-size-6) 0}.role-admin .tool-page-heading{margin-bottom:var(--ref-size-16)}.role-admin .breadcrumb{margin-bottom:var(--ref-size-18)}.role-admin .accounts-table td{padding:var(--ref-size-6) var(--ref-size-10)}.role-admin .accounts-table td small{display:none}
#account-search-form.search-form{display:block!important;gap:0!important;align-items:stretch!important}
.client-info small{line-height:var(--ref-size-18)}

/* WHM Tools measurements: 62px group heading, 48px icons, 14px row spacing. */
.role-admin .feature-groups>details{border-radius:4px;background:#fff;box-shadow:0 3px 10px rgba(10,37,64,.05);margin-bottom:14px;overflow:hidden}
.role-admin .feature-groups summary{height:62px;min-height:62px;padding:15px;gap:8px;list-style:none}
.role-admin .feature-groups summary>.pictogram{width:32px;height:32px;flex:0 0 32px}
.role-admin .feature-groups summary>h3{font-size:16px;line-height:18px;font-weight:600;color:#333}
.role-admin .feature-groups summary>.chevron{width:14px;height:14px;margin-right:5px;color:#97a0aa}
.role-admin .feature-groups details[open]>summary{border-bottom:1px solid #eee}
.role-admin .admin-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 0;padding:19px 0 15px}
.role-admin .admin-tool-grid>a{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 15px;font-size:15px;line-height:22.5px;color:#365aa2;border-radius:2px}
.role-admin .admin-tool-grid>a:hover{text-decoration:underline}
.role-admin .admin-tool-grid>a:focus-visible{outline:2px solid #365aa2;outline-offset:2px}
.role-admin .admin-tool-grid>a>.pictogram{width:48px;height:48px;flex:0 0 48px;object-fit:contain}
.admin-reference-icon{display:block;object-fit:contain}
.role-admin .nexa-additional-tools{margin-top:24px;background:#fff;border-radius:4px;padding:15px;box-shadow:0 3px 10px rgba(10,37,64,.05)}
.role-admin .nexa-additional-tools>h2{font-size:20px;font-weight:400;margin:0}
@media(max-width:991px){.role-admin .admin-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.role-admin .admin-tool-grid{grid-template-columns:1fr}.role-admin .feature-groups summary{padding:15px}.role-admin .admin-tool-grid>a{margin:0 15px}}
/* Keep the WHM information/search bars visible while browsing long Tools groups. */
.role-admin .serverbar{position:sticky;top:0;z-index:22;flex-shrink:0}
.role-admin .topbar{position:sticky;top:40px;z-index:21;flex-shrink:0}
.role-admin .admin-tool-grid>a{width:fit-content;max-width:calc(100% - 30px)}
.role-admin .admin-tool-grid{padding-bottom:16px}

.role-client .modern-theme-switch{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:6px 12px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#365aa2;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}.role-client .modern-theme-switch:hover{background:#eff6ff}.role-client .modern-theme-switch:focus-visible{outline:2px solid #365aa2;outline-offset:3px}@media(max-width:540px){.role-client .modern-theme-switch{font-size:11px;padding:6px 7px}}
