:root{color:#30363d;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;background:#f1f3f5;font-family:Arial,Tahoma,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.loading{color:#526170;place-content:center;justify-items:center;gap:12px;min-height:100vh;display:grid}.spinner{border:3px solid #cdd3da;border-top-color:#356a9a;border-radius:50%;width:25px;height:25px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-wrap{background:linear-gradient(135deg,#e7edf3,#f5f6f7 55%,#e5eaf0);place-items:center;min-height:100vh;padding:26px;display:grid}.auth-box{background:#fff;border:1px solid #cdd3da;border-radius:6px;width:min(100%,445px);padding:30px;box-shadow:0 8px 28px #244b7012}.brand{color:#244b70;align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:#244b70;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.brand strong{font-size:16px;display:block}.brand small{color:#758391;margin-top:3px;font-size:12px;display:block}.eyebrow{letter-spacing:.12em;color:#356a9a;margin:26px 0 7px;font-size:10px;font-weight:700}.auth-box h1,.page-heading h1{color:#243746;margin:0;font-size:26px}.muted{color:#72808c;font-size:13px;line-height:1.55}.form{gap:15px;margin-top:23px;display:grid}.field{color:#445260;gap:6px;font-size:12px;font-weight:700;display:grid}.field input{color:#30363d;background:#fff;border:1px solid #c8d0d8;border-radius:4px;outline:none;height:39px;padding:0 11px}.field input:focus{border-color:#356a9a;box-shadow:0 0 0 3px #356a9a20}.hint{color:#758391;margin:-9px 0 0;font-size:11px;line-height:1.5}.primary{color:#fff;background:#356a9a;border:1px solid #244b70;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:0 14px;font-weight:700;display:flex}.primary:hover{background:#244b70}.primary:disabled{opacity:.55;cursor:wait}.secure-note{color:#71808d;border-top:1px solid #e5e8eb;align-items:center;gap:8px;margin-top:23px;padding-top:15px;font-size:11px;display:flex}.footnote{color:#8a96a0;text-align:center;margin:20px 0 0;font-size:11px}.notice{color:#963838;background:#fff2f2;border:1px solid #e4aaaa;border-radius:4px;align-items:flex-start;gap:9px;margin-top:17px;padding:10px 11px;font-size:12px;line-height:1.45;display:flex}.totp-box{color:#244b70;background:#f2f7fb;border:1px solid #b6cbe0;border-radius:4px;gap:11px;padding:12px;font-size:12px;display:flex}.totp-box p{color:#657787;margin:4px 0 0;line-height:1.5}.secret{letter-spacing:.12em;color:#244b70;overflow-wrap:anywhere;background:#f6f8fa;border:1px dashed #9baab8;border-radius:4px;padding:10px;font-size:14px;display:block}.shell{grid-template-rows:56px 1fr;grid-template-columns:222px minmax(0,1fr);min-height:100vh;display:grid}.topbar{color:#fff;background:#244b70;border-bottom:1px solid #1a3e60;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 22px;display:flex;box-shadow:0 2px 4px #132a3d24}.brand.compact{color:#fff}.brand.compact .brand-mark{background:#356a9a;border:1px solid #7c9db9;width:31px;height:31px}.top-meta{align-items:center;gap:13px;display:flex}.server-pill,.admin-name{color:#e7edf3;align-items:center;gap:7px;font-size:12px;display:flex}.icon-button{color:#fff;background:#315d83;border:1px solid #62819d;border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{background:#3f709b}.sidebar{background:#fff;border-right:1px solid #cdd3da;flex-direction:column;min-height:calc(100vh - 56px);padding:18px 11px;display:flex}.side-title{color:#8995a0;letter-spacing:.13em;padding:9px 10px;font-size:9px;font-weight:700}.nav-item{color:#526170;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:11px;height:37px;margin:2px 0;padding:0 10px;font-size:12px;display:flex}.nav-item:hover{background:#f2f6f9}.nav-item.selected{color:#244b70;background:#eaf1f7;border-color:#d6e2ec;font-weight:700}.nav-caret{margin-left:auto;font-size:20px;line-height:1}.sidebar-bottom{border-top:1px solid #e2e6e9;margin-top:auto;padding-top:13px}.mini-service{color:#65727d;align-items:center;gap:8px;height:27px;padding:0 10px;font-size:11px;display:flex}.mini-service small{color:#7f8b95;margin-left:auto}.sidebar-bottom>small{color:#87939d;padding:14px 10px 3px;font-size:10px;display:block}.dot,.status-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot.live,.status-dot.good{background:#438a54}.status-dot.pending{background:#d39b36}.status-dot.bad{background:#c54b4b}.content{width:100%;max-width:1600px;margin:auto;padding:22px 26px 13px}.breadcrumb{color:#85919b;margin-bottom:18px;font-size:11px}.breadcrumb span{color:#a9b1b8;padding:0 7px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.page-heading .eyebrow{margin:0 0 5px}.page-heading .muted{margin:6px 0 0}.secondary{color:#485966;background:#fff;border:1px solid #bdc7cf;border-radius:4px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex}.secondary:hover{background:#f7f9fa}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metric{background:#fff;border:1px solid #cdd3da;border-radius:5px;flex-direction:column;min-height:113px;padding:15px 16px;display:flex;position:relative}.metric-icon{color:#356a9a;background:#eef3f7;border:1px solid #dce6ed;border-radius:4px;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:14px;right:14px}.metric>span{color:#697784;font-size:11px}.metric>strong{color:#243746;margin:13px 0 3px;font-size:25px}.metric>small{color:#85919b;font-size:10px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel{background:#fff;border:1px solid #cdd3da;border-radius:5px;overflow:hidden}.panel-head{border-bottom:1px solid #e2e6e9;justify-content:space-between;align-items:center;min-height:58px;padding:12px 15px;display:flex}.panel-head h2{color:#2b3f50;margin:0;font-size:14px}.panel-head p{color:#84919c;margin:5px 0 0;font-size:10px}.refresh-text{color:#8a97a1;align-items:center;gap:5px;font-size:10px;display:flex}.service-list{padding:3px 14px}.service-row{color:#4d5c68;border-bottom:1px solid #edf0f2;align-items:center;gap:10px;min-height:42px;font-size:11px;display:flex}.service-row:last-child{border:0}.service-icon{color:#7891a7}.service-row strong{align-items:center;gap:6px;margin-left:auto;font-size:10px;font-weight:600;display:flex}.state-ok{color:#438a54}.state-pending{color:#9a7a38}.panel-icon{color:#7891a7}.domain-summary{padding:6px 15px 10px}.domain-summary>div{color:#65727d;border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:10px;min-height:37px;font-size:11px;display:flex}.domain-summary strong{color:#334757;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.domain-summary .mono{font-family:Consolas,monospace;font-size:10px}.domain-summary .hint{margin:10px 0 2px}.activity-panel{margin-bottom:10px}.text-button{color:#356a9a;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.empty-state{color:#65727d;align-items:center;gap:12px;padding:20px 16px;display:flex}.empty-icon{color:#6886a0;background:#f1f6f9;border:1px solid #d9e3ea;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.empty-state strong{color:#526170;font-size:11px}.empty-state p{color:#8b969f;margin:4px 0 0;font-size:10px}.footer{color:#8a96a0;justify-content:space-between;padding-top:9px;font-size:10px;display:flex}.footer>span:last-child{align-items:center;gap:7px;display:flex}.notice-close{color:inherit;background:0 0;border:0;margin-left:auto;padding:0}.notice.danger{margin:0 0 14px}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:18px}.sidebar{width:200px}.shell{grid-template-columns:200px minmax(0,1fr)}}@media (width<=700px){.shell{grid-template-rows:54px auto 1fr;grid-template-columns:1fr}.topbar{grid-row:1;padding:0 12px}.top-meta{gap:7px}.admin-name{display:none}.sidebar{border-bottom:1px solid #cdd3da;border-right:0;flex-direction:row;grid-row:2;gap:4px;width:100%;min-height:auto;padding:7px 9px;display:flex;overflow:auto}.side-title,.sidebar-bottom{display:none}.nav-item{flex:none;height:34px;margin:0;padding:0 10px;font-size:11px}.nav-item svg,.nav-caret{display:none}.content{grid-row:3;padding:16px 12px}.page-heading h1{font-size:23px}.page-heading .muted{max-width:230px}.metric-grid{gap:8px}.metric{min-height:100px;padding:12px}.metric>strong{margin-top:11px;font-size:22px}.metric-icon{width:25px;height:25px;top:9px;right:9px}.dashboard-grid{grid-template-columns:1fr;gap:10px}.footer{gap:8px;font-size:9px}.auth-box{padding:24px 20px}.server-pill{display:none}}.management{margin-bottom:18px}.toolbar{flex-wrap:wrap;align-items:end;gap:12px;padding:16px;display:flex}.toolbar input{min-width:230px}.page-message{margin:0;padding:12px 16px;font-size:13px;line-height:1.6}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.data-table th{color:#445260;background:#f1f3f5;font-weight:700}.data-table th,.data-table td{border-bottom:1px solid #dce1e6;padding:12px 16px}.data-table td{overflow-wrap:anywhere;max-width:400px}.empty-cell{text-align:center;color:#72808c;padding:30px!important}.dns-result{background:#f1f3f5;border:1px solid #cdd3da;padding:14px;font-size:12px;overflow:auto}.field select{color:#30363d;background:#fff;border:1px solid #c8d0d8;border-radius:5px;min-height:39px;padding:8px}.modern .field select{color:#e8f2ff;background:#0d1522;border-color:#ffffff15}.data-table td small{max-width:330px;margin-bottom:8px;line-height:1.5;display:block}.design-switch{z-index:100;background:#fff;border:1px solid #cdd3da;border-radius:12px;gap:4px;padding:5px;display:flex;position:fixed;bottom:20px;right:24px;box-shadow:0 8px 30px #0002}.design-switch button{color:#526170;background:0 0;border:0;border-radius:8px;padding:9px 14px;font-size:12px}.design-switch button[aria-pressed=true]{color:#fff;background:#244b70}.design-view{min-height:100vh}.modern{color:#d5dfec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b101b;font-family:Inter,Segoe UI,sans-serif}.modern .shell{background:radial-gradient(at 80% 0,#183d583b,#0000 60%),radial-gradient(at 5% 70%,#233a6233,#0000 50%),#0b101b;grid-template-rows:76px 1fr;grid-template-columns:244px minmax(0,1fr)}.modern .topbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:none;background:#101725b8;border-bottom:1px solid #ffffff0d;padding:0 30px}.modern .brand strong{letter-spacing:-.5px;font-size:18px}.modern .brand,.modern .brand.compact{color:#eef5ff}.modern .brand-mark,.modern .brand.compact .brand-mark{background:linear-gradient(140deg,#449bd8,#315b9d);border:1px solid #91ceff55;border-radius:12px;width:38px;height:38px;box-shadow:0 4px 22px #2b91d535}.modern .sidebar{background:#10172599;border-right:1px solid #ffffff0d;gap:4px;width:auto;min-height:calc(100vh - 76px);padding:26px 16px}.modern .side-title{color:#65768e;margin-bottom:10px;font-size:10px}.modern .nav-item{color:#91a1b8;border-radius:10px;height:44px;font-size:13px;transition:background .2s,color .2s,transform .2s}.modern .nav-item:hover{color:#edf4ff;background:#ffffff07;transform:translate(3px)}.modern .nav-item.selected{color:#8fd2ff;background:linear-gradient(100deg,#24598655,#24446722);border:1px solid #60b5f02b;box-shadow:inset 3px 0 #65bcf3}.modern .sidebar-bottom{border-color:#ffffff0d}.modern .mini-service,.modern .mini-service small,.modern .sidebar-bottom>small{color:#93a4ba}.modern .content{align-self:start;max-width:1550px;margin:0 auto;padding:30px 36px 90px}.modern .breadcrumb{color:#6d7e95;margin-bottom:28px}.modern .page-heading{margin-bottom:26px}.modern .page-heading h1{color:#f2f6ff;letter-spacing:-1px;font-size:31px;font-weight:650}.modern .eyebrow{color:#6fbced;letter-spacing:.16em;font-size:9px}.modern .muted{color:#8899b1}.modern .metric-grid{gap:16px;margin-bottom:20px}.modern .metric{background:linear-gradient(145deg,#1a2639b8,#121c2bb8);border:1px solid #ffffff0c;border-radius:16px;min-height:145px;padding:21px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 8px 30px #00000014}.modern .metric:after{content:"";background:linear-gradient(90deg,#0000,#66bdfd55,#0000);height:1px;position:absolute;bottom:0;left:20px;right:20px}.modern .metric:hover{border-color:#67b6ec40;transform:translateY(-4px);box-shadow:0 14px 30px #0003}.modern .metric>span{color:#9cacc1;font-size:12px}.modern .metric>strong{color:#f2f7ff;letter-spacing:-1px;margin:18px 0 6px;font-size:34px}.modern .metric>small{color:#70849f}.modern .metric-icon{color:#7fc8ff;background:#3d91ce15;border:1px solid #76b9ec20;border-radius:10px;width:34px;height:34px;top:18px;right:18px}.modern .dashboard-grid{gap:20px;margin-bottom:20px}.modern .panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#131d2cb8;border:1px solid #ffffff0d;border-radius:16px;animation:.32s ease-out surface-in;box-shadow:0 10px 35px #00000012}.modern .panel-head{border-color:#ffffff0b;min-height:76px;padding:19px 21px}.modern .panel-head h2{color:#e3edfc;font-size:14px;font-weight:600}.modern .panel-head p{color:#7488a3;font-size:11px}.modern .service-list{padding:4px 21px}.modern .service-row{color:#acbcd1;border-color:#ffffff08;min-height:53px;font-size:12px}.modern .service-icon,.modern .panel-icon{color:#6594bc}.modern .service-row strong{background:#ffffff04;border-radius:7px;padding:5px 8px;font-size:11px}.modern .state-ok{color:#6dd2a1}.modern .state-pending{color:#e6ba70}.modern .domain-summary{padding:5px 21px 15px}.modern .domain-summary>div{color:#8295ae;border-color:#ffffff08;min-height:47px;font-size:12px}.modern .domain-summary strong{color:#cad9ec;font-size:12px}.modern .hint{color:#7388a3}.modern .empty-state{padding:26px 21px}.modern .empty-icon{color:#78afd4;background:#3e75931c;border-color:#70bcf21c;border-radius:11px}.modern .empty-state strong{color:#c2d1e5;font-size:12px}.modern .empty-state p{color:#768ba5;font-size:11px}.modern .secondary,.modern .icon-button{color:#adbed4;background:#ffffff05;border:1px solid #ffffff15;border-radius:9px;transition:background .2s,border-color .2s,transform .2s}.modern .secondary{padding:10px 13px;font-size:12px}.modern .secondary:hover,.modern .icon-button:hover{background:#74bffd12;border-color:#74bffd55;transform:translateY(-1px)}.modern .primary{background:linear-gradient(120deg,#3d94ce,#3d6faf);border:1px solid #88c8ff44;border-radius:9px;box-shadow:0 4px 18px #257bc425}.modern .text-button{color:#81c5f4}.modern .field{color:#9db2ca}.modern .field input{color:#e8f2ff;background:#0d1522;border-color:#ffffff15;border-radius:8px}.modern .field input:focus{border-color:#68b8f0;box-shadow:0 0 0 3px #68b8f015}.modern .data-table th{color:#95aac3;background:#0f1826}.modern .data-table th,.modern .data-table td{border-color:#ffffff09;padding:15px 21px}.modern .data-table tbody tr:hover{background:#ffffff03}.modern .page-message{color:#93a7c0}.modern .dns-result{color:#9fcbeb;background:#0d1522;border-color:#ffffff12;border-radius:10px}.modern .footer{color:#62758f;padding-top:18px}.modern .auth-wrap{background:radial-gradient(at 25% 10%,#26547d55,#0000 60%),#0b101b}.modern .auth-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141e2ed9;border:1px solid #ffffff13;border-radius:20px;padding:36px;box-shadow:0 25px 90px #0004}.modern .auth-box h1{color:#eef5ff;letter-spacing:-.7px}.modern .secure-note{color:#8b9fb9;border-color:#ffffff0d}.modern .totp-box,.modern .secret{color:#a9d6fa;background:#192b40;border-color:#4985ad55}.modern .notice{color:#ffc1c7;background:#411e29;border-color:#aa4b6155}.modern .design-switch{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#172233e8;border-color:#ffffff20;box-shadow:0 8px 35px #0005}.modern .design-switch button{color:#90a3be}.modern .design-switch button[aria-pressed=true]{color:#f4faff;background:#326b9d}.modern .dot.live,.modern .status-dot.good{background:#65cba0;box-shadow:0 0 9px #65cba040}.modern button:focus-visible{outline-offset:3px;outline:2px solid #8acbff}@keyframes surface-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.modern .shell{grid-template-columns:210px minmax(0,1fr)}.modern .content{padding:24px 22px 90px}}@media (width<=700px){.modern .shell{grid-template-rows:64px auto 1fr;grid-template-columns:1fr}.modern .topbar{padding:0 14px}.modern .sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:5px;min-height:auto;padding:10px}.modern .nav-item{height:38px}.modern .content{padding:22px 14px 90px}.modern .page-heading h1{font-size:26px}.modern .metric{min-height:135px;padding:16px}.modern .metric>strong{font-size:29px}.modern .metric-grid{gap:10px}.modern .metric-icon{width:27px;height:27px;top:12px;right:12px}.modern .panel-head{padding:16px}.modern .brand strong{font-size:16px}.design-switch{bottom:12px;right:12px}.modern .footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.modern *{transition:none!important;animation:none!important}.modern .metric:hover,.modern .nav-item:hover{transform:none}}.modern .shell{grid-template-columns:254px minmax(0,1fr)}.modern .topbar{z-index:20;position:sticky;top:0}.modern .sidebar{scrollbar-width:thin;scrollbar-color:#2c415b transparent;background:linear-gradient(165deg,#142035,#101827 48%,#0e1623);border-right:1px solid #9bc9ff12;gap:5px;height:calc(100dvh - 76px);min-height:0;padding:28px 15px 20px;position:sticky;top:76px;overflow-y:auto;box-shadow:inset -1px 0 #00000040,8px 0 30px #00000008}.modern .sidebar .side-title{letter-spacing:.16em;color:#7186a4;margin:0 0 12px;padding:0 15px;font-size:9px;font-weight:650}.modern .nav-item{color:#95a6bf;border:1px solid #0000;border-radius:11px;flex-shrink:0;gap:12px;height:auto;min-height:49px;margin:0;padding:7px 12px;font-size:13px;font-weight:500;transition:color .18s,background .18s,border-color .18s,box-shadow .18s;position:relative;transform:none}.modern .nav-item>svg{box-sizing:content-box;color:#718cac;background:#ffffff03;border-radius:9px;flex-shrink:0;width:17px;height:17px;padding:8px;transition:background .18s,color .18s,box-shadow .18s}.modern .nav-item:hover{color:#dceaff;background:#ffffff04;border-color:#acd1ff0c;transform:none}.modern .nav-item:hover>svg{color:#9fcaff;background:#70b4ff0a}.modern .nav-item.selected{color:#d6e9ff;background:linear-gradient(100deg,#28518b4d,#26457520);border-color:#73afff28;box-shadow:inset 0 1px #c2dcff08,0 5px 15px #00000012}.modern .nav-item.selected:before{content:"";background:#76b8ff;border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;left:-1px;box-shadow:2px 0 12px #6aabff77}.modern .nav-item.selected>svg{color:#91c8ff;background:linear-gradient(145deg,#609ddd2b,#4388e312);box-shadow:inset 0 0 0 1px #8ac2ff1c}.modern .nav-caret{opacity:0;color:#9ccaff;margin-left:auto;padding-right:2px;font-size:18px;transition:opacity .18s,transform .18s;transform:translate(-3px)}.modern .nav-item.selected .nav-caret,.modern .nav-item:hover .nav-caret{opacity:1;transform:translate(0)}.modern .sidebar-bottom{border-top:0;margin-top:auto;padding:22px 10px 0}.modern .sidebar-bottom .side-title{margin-bottom:8px;padding:0 5px}.modern .mini-service{color:#94a6c0;height:30px;padding:0 5px;font-size:11px}.modern .mini-service small{color:#788ca6;font-size:10px}.modern .sidebar-bottom>small{color:#637b9b;border-top:1px solid #accfff0d;margin-top:12px;padding:16px 5px 0;font-size:11px}.modern .nav-item:nth-of-type(5){margin-bottom:15px}.modern .nav-item:nth-of-type(6){border-top-color:#accfff0a;border-top-left-radius:0;border-top-right-radius:0}@media (width<=1050px) and (width>=701px){.modern .shell{grid-template-columns:226px minmax(0,1fr)}.modern .sidebar{padding-left:10px;padding-right:10px}.modern .nav-item{gap:9px;padding-left:9px}}@media (width<=700px){.modern .shell{grid-template-columns:1fr}.modern .sidebar{z-index:15;scrollbar-width:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101b2bee;border-bottom:1px solid #9bc9ff12;border-right:0;gap:7px;height:auto;min-height:auto;padding:10px 12px;top:64px;overflow:auto hidden}.modern .nav-item{border-radius:8px;height:37px;min-height:37px;padding:0 12px;font-size:12px}.modern .nav-item>svg,.modern .nav-caret,.modern .nav-item.selected:before{display:none}.modern .nav-item:nth-of-type(5){margin-bottom:0}.modern .nav-item:nth-of-type(6){border-top-color:#0000;border-radius:8px}.modern .nav-item.selected{border-color:#73afff35}}