/* I LOVE VPS v7.3.14 · Dashboard visual only, legacy theme and global files unchanged. */
:root{--cd14-blue:#256cef;--cd14-green:#26b87b;--cd14-purple:#a155ed;--cd14-ink:#102440;--cd14-border:#e3eaf4}
.cd14-dashboard{color:var(--cd14-ink);font-size:14px;line-height:1.45}
.dashboard .workspace main:has(.cd14-dashboard){max-width:none;padding:18px 24px 40px}
.dashboard .workspace header{background:#fff}
.dashboard .workspace header .eyebrow{font-size:12px}
.dashboard .workspace header h1{font-size:27px}
.dashboard .side{background:#102744}
.dashboard .cp-nav{gap:3px}
.dashboard .cp-nav-label{padding:15px 14px 6px;font-size:10px;letter-spacing:1.7px;color:#8eadd1}
.dashboard .cp-nav-label-support{margin-top:12px}
.dashboard .cp-nav .side-item{width:100%;min-height:43px;font-size:13px;padding:10px 12px;text-align:left;white-space:nowrap;gap:10px}
.dashboard .cp-nav-icon{font-size:20px;width:21px}
.dashboard .cp-nav .cd14-side-button{font:inherit;font-size:13px;font-weight:650;border:0;border-radius:8px;background:transparent;color:#b7cae3;box-shadow:none}
.dashboard .cp-nav .cd14-side-button:hover{background:#ffffff13;color:#fff}
.cd14-toprow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}
.cd14-toprow h2{font-size:25px;letter-spacing:-.7px;margin:2px 0 3px;font-weight:850;color:#142843}
.cd14-toprow p{font-size:13px;color:#7084a2;margin:0}
.cd14-eyebrow{font-weight:850;color:#3279ed;letter-spacing:1.5px;font-size:11px}
.cd14-dashboard button{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
.cd14-dashboard button:focus-visible,.cd14-dashboard select:focus-visible{outline:3px solid #7faaff;outline-offset:2px}
.cd14-refresh{background:#fff;border:1px solid #d6e4f7;color:#1b62c7;font-weight:750;padding:9px 13px;white-space:nowrap}
.cd14-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.cd14-kpi{background:#fff;border:1px solid #dfe8f4;border-radius:16px;box-shadow:0 3px 12px #1d36530a;display:flex;align-items:center;gap:17px;min-width:0;min-height:110px;padding:18px 20px}
.cd14-kpi-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:800;flex:none}
.cd14-tone-blue{background:#e5f0ff;color:#2470ed}.cd14-tone-green{background:#e3f8ed;color:#13ad68}.cd14-tone-orange{background:#fff2dd;color:#d78b14}.cd14-tone-purple{background:#f3eaff;color:#8c54e7}
.cd14-kpi>div{min-width:0}.cd14-kpi-label{font-weight:800;font-size:13px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd14-kpi-value{font-size:26px;font-weight:900;line-height:1.12;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.6px}.cd14-kpi small{font-size:12px;color:#7990ab;display:block;margin-top:6px}
.cd14-center{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1.05fr) minmax(230px,.8fr);gap:16px;align-items:stretch;margin-bottom:16px}
.cd14-panel{background:#fff;border:1px solid #dfe8f4;border-radius:16px;box-shadow:0 3px 12px #1e39600a;min-width:0;padding:19px 20px}
.cd14-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;margin-bottom:17px}
.cd14-panel-head h3{font-size:17px;color:#122a4a;margin:0;font-weight:850;letter-spacing:-.2px}
.cd14-panel-head h3 span{color:#2673ea;margin-right:6px;font-size:23px}
.cd14-panel-head p{font-size:11px;color:#8095ae;margin:2px 0 0}
.cd14-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cd14-vm-label{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap;color:#637c9b}
.cd14-vm-label select{width:auto;max-width:115px;border-radius:9px;padding:5px 22px 5px 9px;font-size:11px;color:#224d84}
.cd14-range{display:flex;border:1px solid #dce7f6;border-radius:9px;overflow:hidden;padding:2px;background:#f8fbff;gap:2px}
.cd14-range button{border:0;background:transparent;font-size:11px;color:#59728f;padding:6px 8px;white-space:nowrap;box-shadow:none}
.cd14-range button.is-active{background:#276fec;color:#fff;border-radius:6px;font-weight:800}
.cd14-history{min-height:234px;display:grid;align-items:center}
.cd14-svgwrap{width:100%;min-height:185px;overflow:hidden}.cd14-svgwrap svg{width:100%;height:215px;display:block}
.cd14-chart-legend{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:17px;font-size:12px;color:#506e94;margin:8px 0 0}
.cd14-chart-legend span{display:flex;gap:6px;align-items:center}.cd14-chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}.cd14-chart-legend .blue{background:#2475ef}.cd14-chart-legend .purple{background:#9656ee}.cd14-chart-legend .green{background:#20b681}
.cd14-gauges-panel{display:flex;flex-direction:column}.cd14-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;flex:1}.cd14-gauge-item{min-width:0;text-align:center;display:grid;justify-items:center;gap:6px}
.cd14-ring{width:min(7.2vw,94px);height:min(7.2vw,94px);min-width:62px;min-height:62px;max-width:94px;max-height:94px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--cd14-ring-color) var(--cd14-ring-pct),#e7edf8 0);position:relative}
.cd14-ring:before{content:'';position:absolute;inset:8px;background:white;border-radius:50%}.cd14-ring span{position:relative;font-size:16px;font-weight:900;color:#182d4a}.cd14-gauge-item strong{font-size:14px}.cd14-gauge-item small{font-size:11px;color:#8092aa;white-space:nowrap}
.cd14-actions-panel .cd14-panel-head{margin-bottom:13px}.cd14-actions{display:grid;gap:8px}.cd14-actions button{border-radius:9px;background:#fff;border:1px solid #cbdaf0;font-size:12px;text-align:left;padding:10px 12px;font-weight:750;color:#225c9b;white-space:nowrap}
.cd14-actions button:hover{border-color:#85aeed;background:#f5f9ff}.cd14-actions .cd14-action-primary{color:#fff;border-color:#2370ed;background:linear-gradient(110deg,#337fff,#0a58ed);box-shadow:0 5px 12px #2365de26;text-align:center}
.cd14-servers{margin-bottom:16px}.cd14-servers .cd14-panel-head{margin-bottom:12px}.cd14-textlink{font-size:12px;font-weight:800;border:0;background:transparent;color:#216ce5;padding:5px 0;box-shadow:none}
.cd14-server-head,.cd14-server-row{display:grid;grid-template-columns:2.0fr 1.25fr 1.05fr 1fr 1.65fr;gap:12px;align-items:center}
.cd14-server-head{padding:8px 14px;color:#7a8da8;font-size:11px;border-bottom:1px solid #eaf0f8;font-weight:700}
.cd14-server-row{padding:11px 14px;border-bottom:1px solid #ecf1f7;min-height:68px}
.cd14-server-row:last-child{border-bottom:0}.cd14-server-row:nth-child(even){background:#f6f9ff;border-radius:9px}.cd14-server-name{display:flex;align-items:center;min-width:0;gap:11px}.cd14-icon{width:38px;height:38px;display:grid;place-items:center;background:#e9f2ff;color:#2575eb;border-radius:9px;font-size:20px;flex:none}.cd14-server-name>div{min-width:0}
.cd14-server-name strong,.cd14-server-os b{display:block;font-size:13px;color:#1a2d48;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd14-server-name small,.cd14-server-os small{display:block;font-size:11px;color:#8a9bb1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd14-server-plan{font-size:12px;color:#506d90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd14-state{font-size:11px;border-radius:100px;padding:6px 10px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.cd14-running{color:#079767;background:#def8e9}.cd14-idle{color:#956b1d;background:#fff3dd}
.cd14-server-buttons{display:flex;justify-content:flex-end;gap:8px}.cd14-server-buttons button{font-size:12px;padding:8px 11px;border:1px solid #d3e2f7;color:#225b9c;white-space:nowrap;font-weight:750}.cd14-server-buttons .cd14-server-console{background:#fff}
.cd14-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cd14-activity,.cd14-disk-panel{min-height:250px}.cd14-event{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:start;border-bottom:1px solid #edf1f7;padding:10px 2px}.cd14-event:last-child{border:0}.cd14-event-dot{width:10px;height:10px;border-radius:50%;margin:4px;background:#7da7e9;box-shadow:0 0 0 4px #eff5ff}.cd14-event-dot.ok{background:#16b67a;box-shadow:0 0 0 4px #e4f9ed}.cd14-event-dot.bad{background:#d95368;box-shadow:0 0 0 4px #ffe9ed}.cd14-event strong{display:block;font-size:12px}.cd14-event small{font-size:11px;color:#7b90ad;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.cd14-event time{font-size:11px;color:#8395ac;white-space:nowrap}
.cd14-storage-bar{height:24px;border-radius:9px;background:#e9f0fa;overflow:hidden;margin:29px 0 22px}.cd14-storage-bar div{height:100%;background:linear-gradient(90deg,#1b64ef,#5c9cff);border-radius:9px;min-width:0}
.cd14-storage-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.cd14-storage-info>div{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;border-right:1px solid #e9eff6;padding-right:9px}.cd14-storage-info>div:last-child{border:0}.cd14-storage-info span:not(.cd14-bullet){color:#6d839f;font-size:12px}.cd14-storage-info strong{grid-column:2;font-size:20px;white-space:nowrap}.cd14-bullet{border-radius:50%;width:10px;height:10px}.cd14-bullet.blue{background:#266ef2}.cd14-bullet.gray{background:#dce6f4}.cd14-bullet.navy{background:#7188a4}.cd14-footnote{font-size:11px;color:#899db5;margin:20px 0 0}
.cd14-minor{font-size:12px;color:#7591ad}.cd14-empty{font-size:13px;padding:23px 12px;text-align:center;color:#6580a4;grid-column:1/-1}.cd14-empty small{display:block;color:#94a7c0;margin:8px auto 0;font-size:12px}
.cd14-updated{text-align:right;color:#90a2b9;font-size:11px;margin-top:11px}.cd14-legacy{display:none!important}
@media(max-width:1480px){.cd14-center{grid-template-columns:1.8fr 1fr}.cd14-actions-panel{grid-column:1/-1}.cd14-actions{grid-template-columns:repeat(4,1fr)}.cd14-ring{width:76px;height:76px}.cd14-kpis{gap:12px}.cd14-kpi{padding:14px;gap:12px}.cd14-kpi-icon{width:46px;height:46px}}
@media(max-width:1100px){.cd14-kpis{grid-template-columns:repeat(2,1fr)}.cd14-center{grid-template-columns:1fr}.cd14-actions-panel{grid-column:auto}.cd14-gauges{max-width:500px}.cd14-server-head,.cd14-server-row{grid-template-columns:1.55fr 1.05fr .8fr 1fr 1.25fr}.cd14-server-head{font-size:10px}}
@media(max-width:760px){.dashboard .workspace main:has(.cd14-dashboard){padding:12px 10px 28px}.cd14-toprow{flex-direction:column;align-items:flex-start}.cd14-toprow h2{font-size:21px}.cd14-kpis{gap:9px}.cd14-kpi{padding:13px 11px;min-height:93px}.cd14-kpi-icon{width:35px;height:35px;font-size:17px}.cd14-kpi-value{font-size:20px}.cd14-kpi-label{font-size:11px}.cd14-panel{padding:15px}.cd14-panel-head{align-items:flex-start}.cd14-chart-panel .cd14-panel-head{flex-direction:column}.cd14-controls{justify-content:flex-start}.cd14-gauges{max-width:none}.cd14-bottom{grid-template-columns:1fr}.cd14-actions{grid-template-columns:1fr 1fr}.cd14-servers{overflow:auto}.cd14-server-head,.cd14-server-row{grid-template-columns:170px 110px 94px 96px 160px;min-width:660px}.cd14-storage-info strong{font-size:15px}.cd14-activity{min-height:180px}}
@media(max-width:420px){.cd14-kpis{grid-template-columns:1fr 1fr}.cd14-kpi small{font-size:10px}.cd14-kpi-value{font-size:17px}.cd14-actions{grid-template-columns:1fr}.cd14-gauge-item small{font-size:10px}.cd14-event time{display:none}}
@media(prefers-reduced-motion:reduce){.cd14-dashboard button{transition:none}}

/* Keep sidebar footer below links without obscuring account/security items. */
@media(min-width:761px){.dashboard .side{overflow-y:auto;scrollbar-width:none}.dashboard .side::-webkit-scrollbar{display:none}.dashboard .side-bottom{position:static;margin-top:25px;padding:16px 9px 0;font-size:11px}}
@media(max-width:760px){.dashboard .cp-nav .side-item{width:auto!important;flex:0 0 auto}.dashboard .cp-nav .cd14-side-button{width:auto!important;flex:0 0 auto}.dashboard .workspace header .account .cd14-refresh{font-size:11px;padding:8px 10px}}
