@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#080c18;--panel:rgba(18,25,43,.78);--line:rgba(157,174,210,.15);--text:#edf2ff;--muted:#8995af;--green:#65e6a1;--blue:#76a9ff;--orange:#ffb86b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#1b2e58 0,#0b1020 45%,var(--bg) 100%);color:var(--text);font-family:Manrope,system-ui,sans-serif}.shell{max-width:1120px;margin:auto;padding:42px 28px 24px}.ambient{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.12;pointer-events:none}.ambient-a{background:#527cff;top:35%;left:-160px}.ambient-b{background:#a44fff;right:-180px;bottom:0}.topbar,.brand,.top-actions,.card-head,.overall,.section-title,.service-row,.port-row,footer{display:flex;align-items:center}.topbar{justify-content:space-between;margin-bottom:34px}.brand{gap:13px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #5576d5;border-radius:12px;color:#91b0ff;background:#17234b;font-size:21px}.eyebrow{font:500 10px/1.2 "DM Mono",monospace;letter-spacing:.16em;color:#7584a4}.brand h1{font-size:18px;margin:5px 0 0}.top-actions{gap:10px;color:var(--muted);font-size:12px}.live-dot,.service-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);display:inline-block}.icon-btn{border:1px solid var(--line);background:#ffffff08;color:#aebce0;border-radius:9px;font-size:20px;width:34px;height:32px;cursor:pointer}.panel{background:linear-gradient(135deg,#17223dba,#0e1529c7);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px #00000025;backdrop-filter:blur(18px)}.hero{padding:30px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.hero h2{font-size:30px;margin:10px 0 7px;letter-spacing:-.045em}.accent{color:#8eb0ff}.muted,small{color:var(--muted)}.muted{font-size:13px}.overall{gap:12px;padding:12px 16px;border:1px solid #65e6a125;border-radius:12px;background:#65e6a108}.status-ring{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#65e6a11c;color:var(--green);font-weight:800}.overall strong{display:block;font-size:12px;color:#bdf6d6}.overall small{display:block;font-size:10px;margin-top:4px}.grid{display:grid;gap:18px}.metrics{grid-template-columns:repeat(3,1fr)}.metric-card{padding:23px 24px}.card-head{justify-content:space-between;font-size:13px;color:#bac6df}.pill,.count{font:500 10px "DM Mono",monospace;padding:5px 8px;border-radius:6px}.good{color:var(--green);background:#65e6a115}.warn{color:var(--orange);background:#ffb86b15}.metric-value{font-size:35px;font-weight:700;letter-spacing:-.06em;margin:17px 0 12px}.unit{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0}.meter{height:5px;background:#ffffff0b;border-radius:10px;overflow:hidden;margin-bottom:10px}.meter i{height:100%;display:block;border-radius:10px;background:var(--green);box-shadow:0 0 14px var(--green)}.meter.blue i{background:var(--blue);box-shadow:0 0 14px var(--blue)}.meter.orange i{background:var(--orange);box-shadow:0 0 14px var(--orange)}small{font-size:10px}.lower{grid-template-columns:1.1fr .9fr;margin-top:18px}.services,.ports{padding:25px 26px}.section-title{justify-content:space-between;margin-bottom:18px}.section-title h3{font-size:17px;margin:7px 0 0}.count{color:#91a0bf;background:#ffffff08}.service-row{gap:12px;padding:13px 0;border-top:1px solid var(--line)}.service-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:13px;font-weight:800}.nginx{background:#1b6e5840;color:#6be7ad}.python{background:#d7ae4133;color:#f5cc62}.bun{background:#e7e7e733;color:#fff}.proxy{background:#8060ce33;color:#bd9cff}.service-row strong{font-size:13px;display:block}.service-row small{font-size:10px;display:block;margin-top:3px}.service-status{margin-left:auto;color:var(--green);font-size:11px}.service-status i{margin-right:6px}.port-row{gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.port-row code{color:#d8e1fa;font:500 11px "DM Mono",monospace;width:44px}.port-row b{font:400 10px "DM Mono",monospace;margin-left:auto;color:#677594}.port-row i{font-style:normal;font-size:8px}.online{color:var(--green)}footer{justify-content:space-between;color:#63708d;font:10px "DM Mono",monospace;padding:22px 4px 0}@media(max-width:760px){.shell{padding:25px 16px}.hero{display:block;padding:24px}.hero h2{font-size:25px}.overall{margin-top:22px}.metrics,.lower{grid-template-columns:1fr}.topbar{margin-bottom:24px}footer{gap:10px;align-items:flex-start;flex-direction:column}}
.cvm-card{margin-top:18px;padding:25px 26px;cursor:grab}.cvm-card.dragging{opacity:.55;transform:scale(.99)}.cvm-main{display:flex;align-items:center;gap:13px;padding:5px 0 18px}.cvm-main strong{display:block;font-size:15px}.cvm-main small{display:block;margin-top:4px}.cvm-main .icon-btn{margin-left:auto}.cvm-power{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff0b;color:#aebce0;font-size:21px}.cvm-power.online{background:#65e6a118;color:var(--green)}.cvm-power.offline{background:#ffb86b18;color:var(--orange)}.cvm-meta{display:flex;gap:28px;padding-top:15px;border-top:1px solid var(--line);font:10px "DM Mono",monospace;color:var(--muted)}.cvm-meta b{color:#d8e1fa;font-weight:500;margin-left:5px}.drag-hint{margin-top:17px;color:#596783;font:10px "DM Mono",monospace}@media(max-width:760px){.cvm-meta{gap:12px;flex-wrap:wrap}}
/* 16:9 desktop layout: reserve a clean icon dock area on the left and keep cards readable */
:root{--dock:118px}.shell{max-width:1440px;min-height:100vh;padding:38px 42px 28px 176px}.topbar{margin-bottom:24px}.hero{padding:26px 30px;margin-bottom:14px}.hero h2{font-size:28px}.metrics{gap:14px}.metric-card{padding:20px 22px}.metric-value{font-size:32px;margin:14px 0 10px}.lower{gap:14px;margin-top:14px}.services,.ports,.cvm-card{padding:21px 24px}.service-row{padding:10px 0}.port-row{padding:9px 0}.cvm-card{margin-top:14px}.cvm-main{padding-bottom:14px}.cvm-meta{padding-top:12px}footer{padding-top:16px}.desktop-dock{position:fixed;z-index:2;left:30px;top:50%;transform:translateY(-50%);width:108px;display:flex;flex-direction:column;align-items:center;gap:13px;padding:15px 10px;border:1px solid var(--line);border-radius:20px;background:#10182ccc;box-shadow:0 18px 55px #00000035;backdrop-filter:blur(18px)}.dock-item{width:76px;padding:9px 5px 7px;border-radius:13px;text-align:center;color:#98a6c4;text-decoration:none;font-size:10px;transition:.2s}.dock-item:hover{background:#ffffff0c;color:#edf2ff;transform:translateY(-2px)}.dock-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 6px;border-radius:12px;background:#19274a;border:1px solid #5576d555;color:#9db7ff;font-size:18px;font-weight:700}.dock-item:nth-child(2) .dock-icon{background:#173b36;color:#75e9b1}.dock-item:nth-child(3) .dock-icon{background:#33224d;color:#d2a5ff}.dock-sep{width:58px;height:1px;background:var(--line)}@media(min-width:1200px){.hero{min-height:145px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.lower{grid-template-columns:1.05fr .95fr}.cvm-card{max-width:100%}}@media(max-width:980px){:root{--dock:0px}.shell{padding:28px 22px}.desktop-dock{position:static;transform:none;width:100%;margin:0 0 18px;flex-direction:row;justify-content:center;gap:6px;padding:8px}.dock-sep{width:1px;height:40px}.dock-item{width:70px}.dock-icon{width:34px;height:34px;font-size:15px}.topbar{margin-bottom:20px}}@media(max-width:760px){.shell{padding:22px 16px}.desktop-dock{overflow:auto;justify-content:flex-start}.hero{padding:22px}.metrics,.lower{grid-template-columns:1fr}.hero h2{font-size:25px}}
/* Compact single-card layout: only core server facts remain. */
.overview-card{padding:24px 28px;max-width:1180px;margin:0 auto}.overview-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.overview-head h2{margin:8px 0 0;font-size:25px;letter-spacing:-.04em}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#09101f55}.summary-item{min-width:0;padding:16px 20px;border-right:1px solid var(--line)}.summary-item:last-child{border-right:0}.summary-item>span{display:block;font:10px "DM Mono",monospace;letter-spacing:.1em;color:#8492b1}.summary-item strong{display:block;margin:7px 0 3px;font-size:27px;letter-spacing:-.06em}.summary-item em{font-size:12px;color:var(--muted);font-style:normal;letter-spacing:0}.summary-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warn-item strong{color:var(--orange)}.overview-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding-top:18px;color:#92a1c0;font:10px "DM Mono",monospace}.overview-footer i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.overview-footer .updated{margin-left:auto;color:#6e7d9a}.overview-footer b{color:#c8d5ef;font-weight:500}@media(min-width:981px){.shell{padding-top:82px}.topbar{max-width:1180px;margin:0 auto 22px}footer{max-width:1180px;margin:auto}}@media(max-width:760px){.overview-card{padding:20px}.overview-head h2{font-size:21px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-item:nth-child(2){border-right:0}.summary-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.overview-footer{gap:9px 13px}.overview-footer .updated{width:100%;margin-left:0}}
.markets-card{max-width:1180px;margin:14px auto 0;padding:21px 24px;cursor:grab}.markets-card.dragging{opacity:.55;transform:scale(.99)}.markets-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#09101f55}.market-item{min-width:0;padding:13px 12px;border-right:1px solid var(--line)}.market-item:last-child{border-right:0}.market-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#cbd6ed}.market-item small{display:block;margin-top:4px;font:9px "DM Mono",monospace;color:#7483a1}.market-value{margin-top:13px;font:600 17px "DM Mono",monospace;color:#edf2ff}.market-change{margin-top:5px;font:500 11px "DM Mono",monospace}.market-change span{font-size:9px;opacity:.65}.market-change.up{color:var(--green)}.market-change.down{color:#ff7f91}.market-loading{grid-column:1/-1;padding:22px;text-align:center;color:var(--muted);font-size:12px}.markets-card .drag-hint{margin-top:13px}@media(max-width:1100px){.markets-grid{grid-template-columns:repeat(4,1fr)}.market-item:nth-child(4){border-right:0}.market-item:nth-child(-n+4){border-bottom:1px solid var(--line)}}@media(max-width:760px){.markets-grid{grid-template-columns:repeat(2,1fr)}.market-item:nth-child(odd){border-right:1px solid var(--line)}.market-item:nth-child(even){border-right:0}.market-item:nth-child(-n+5){border-bottom:1px solid var(--line)}}
.time-card{max-width:1180px;margin:14px auto 0;padding:21px 24px}.clocks-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#09101f55}.clock-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-right:1px solid var(--line)}.clock-item:last-child{border-right:0}.clock-flag{font-size:25px}.clock-item small,.clock-item strong,.clock-item em{display:block}.clock-item small{font:10px "DM Mono",monospace;color:#8492b1}.clock-item strong{margin:4px 0 2px;font:600 22px "DM Mono",monospace;color:#edf2ff}.clock-item em{font:10px "DM Mono",monospace;color:var(--muted);font-style:normal}.sessions-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px;padding-top:15px;font:10px "DM Mono",monospace}.session-label{color:#687795}.session-status{color:var(--muted)}.session-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#77839c}.session-status.open{color:var(--green)}.session-status.open i{background:var(--green);box-shadow:0 0 8px var(--green)}.session-status.closed i{background:#77839c}@media(max-width:760px){.clocks-grid{grid-template-columns:1fr}.clock-item{border-right:0;border-bottom:1px solid var(--line)}.clock-item:last-child{border-bottom:0}}
/* Extra compact server overview: preserve legibility while reducing vertical footprint. */
.overview-card{padding:15px 20px}.overview-head{align-items:center;margin-bottom:11px}.overview-head h2{margin:4px 0 0;font-size:20px}.summary-grid{border-radius:10px}.summary-item{padding:9px 14px}.summary-item>span{font-size:9px}.summary-item strong{margin:3px 0 1px;font-size:21px}.summary-item em{font-size:10px}.summary-item small{font-size:9px}.overview-footer{gap:6px 15px;padding-top:10px;font-size:9px}.overview-footer i{width:5px;height:5px}.overview-card+.time-card{margin-top:10px}@media(min-width:981px){.topbar{margin-bottom:14px}}@media(max-width:760px){.overview-card{padding:14px 16px}.overview-head h2{font-size:18px}.summary-item{padding:8px 11px}}
/* Locked desktop canvas: only explicit buttons remain interactive/selectable. */
body{user-select:none;-webkit-user-select:none;cursor:default}body *{pointer-events:none}button,button *{pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none}.icon-btn{touch-action:manipulation}.desktop-dock a,.desktop-dock a *{pointer-events:none}.markets-card,.markets-card *{user-select:none;-webkit-user-select:none}
.maimai-card{max-width:1180px;margin:14px auto 0;padding:18px 24px;cursor:grab}.maimai-card.dragging{opacity:.55;transform:scale(.99)}.maimai-summary{display:flex;align-items:center;gap:12px;padding:2px 0 13px}.maimai-summary strong{display:block;font-size:13px}.maimai-summary small{display:block;margin-top:3px}.maimai-summary .icon-btn{margin-left:auto}.maimai-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#09101f55}.maimai-row{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.maimai-row:nth-child(3n){border-right:0}.maimai-row:nth-last-child(-n+3){border-bottom:0}.maimai-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#ff7f91}.maimai-dot.up{background:var(--green);box-shadow:0 0 7px var(--green)}.maimai-dot.maint{background:var(--orange)}.maimai-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd6ed}.maimai-state{margin-left:auto;color:var(--muted);font:9px "DM Mono",monospace}.maimai-row small{font:9px "DM Mono",monospace;color:#71809d}@media(max-width:760px){.maimai-list{grid-template-columns:repeat(2,1fr)}.maimai-row:nth-child(3n){border-right:1px solid var(--line)}.maimai-row:nth-child(2n){border-right:0}.maimai-row:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.maimai-row:nth-last-child(-n+2){border-bottom:0}}
/* Unified market overview: clocks, sessions, and securities share one compact panel. */
.market-overview-card{margin-top:14px}.market-timebar{margin:0 0 14px}.market-overview-card .clocks-grid{border-radius:11px}.market-overview-card .clock-item{padding:10px 15px}.market-overview-card .clock-flag{font-size:20px}.market-overview-card .clock-item strong{font-size:18px}.market-overview-card .sessions-row{padding:10px 2px 0}.market-overview-card .markets-grid{border-radius:11px}.market-overview-card .drag-hint{margin-top:10px}.overview-card+.market-overview-card{margin-top:10px}.shell>.maimai-card{margin-top:14px}@media(max-width:760px){.market-overview-card .clock-item{padding:9px 12px}}