body.hub{--hw-pink:#ff5aa6;--hw-green:#62cda8;--hw-line:color-mix(in srgb,var(--text-main) 10%,transparent);--hw-glass:color-mix(in srgb,var(--bg-card) 85%,transparent)}body.hub .nav-pill-group{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ff5aa63d transparent;flex:1;min-height:0}body.hub.hub-compact .sidebar-capsule{overflow:hidden!important}body.hub.hub-compact .nav-pill-group{overflow-y:auto!important;overflow-x:hidden!important}body.hub .atelier-nav-group summary{margin-top:13px}body.hub .nav-icon-btn{min-height:34px!important}.hw-server-selector{margin:14px 10px 0;flex-shrink:0}.hw-server-selector>span{display:block;font:8px var(--hub-mono);letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px}.hw-server-selector>button{display:flex;width:100%;gap:10px;align-items:center;background:linear-gradient(130deg,#ff5aa613,#fff02);border:1px solid #ff5aa62c;border-radius:11px;padding:11px;color:var(--text-main);text-align:left}.hw-server-selector svg{width:17px;height:17px;flex-shrink:0;color:var(--hw-pink)}.hw-server-selector button>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11px}.hw-server-selector small{display:block;margin-top:3px;color:var(--text-muted);font-size:9px}body.hub-compact .hw-server-selector{margin:12px 0}body.hub-compact .hw-server-selector>span,body.hub-compact .hw-server-selector button>span,body.hub-compact .hw-server-selector button>svg:last-child{display:none}body.hub-compact .hw-server-selector>button{justify-content:center;padding:10px}.hw-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.hw-page-head h2{font:500 clamp(24px,3vw,36px)/1.15 var(--hub-display);letter-spacing:-1.3px;margin:10px 0}.hw-page-head p{color:var(--text-muted);font-size:12px;margin:0;line-height:1.6}.hw-page-head .hub-live{white-space:nowrap}.hw-instance{position:relative;isolation:isolate;overflow:hidden;display:flex;gap:15px;align-items:center;border:1px solid #ff5aa62d;background:radial-gradient(ellipse at 90% 0%,#ff5aa60e,transparent 65%),linear-gradient(135deg,#ffffff05,#ff5aa603);backdrop-filter:blur(18px);border-radius:15px;padding:20px;margin-bottom:20px}.hw-instance:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-100% -30%;background:radial-gradient(ellipse at 70% 50%,#ff5aa61b,transparent 48%);animation:hw-ambient 18s ease-in-out infinite alternate}@keyframes hw-ambient{0%{transform:translate(-12%);opacity:.4}to{transform:translate(12%);opacity:1}}.hw-instance-mark{width:44px;height:44px;display:grid;place-items:center;color:var(--hw-pink);border-radius:13px;background:#ff5aa612;border:1px solid #ff5aa629}.hw-instance-mark svg{width:23px;height:23px}.hw-instance h3{font-size:15px;margin:0 0 5px}.hw-instance p{font-size:11px;color:var(--text-muted);margin:0}.hw-instance nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.hw-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.hw-stat,.hw-card{min-width:0;border:1px solid var(--hw-line);border-radius:14px;background:linear-gradient(135deg,#ffffff04,transparent 65%),var(--hw-glass);backdrop-filter:blur(18px);box-shadow:0 12px 35px #00000010}.hw-stat{padding:20px}.hw-stat header{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--text-muted)}.hw-stat svg{width:16px;height:16px;color:#ff8cbe}.hw-stat strong{display:block;font:500 clamp(19px,2vw,29px)/1.3 var(--hub-display);letter-spacing:-1px;margin:16px 0 8px;overflow-wrap:anywhere}.hw-stat small{font-size:10px;line-height:1.55;color:var(--text-muted);display:block}.hw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px}.hw-two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.hw-span-2{grid-column:span 2}.hw-card{padding:22px;margin-bottom:20px}.hw-grid>.hw-card{margin-bottom:0}.hw-card>header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px}.hw-card h3{font-size:13px;margin:0;font-weight:600}.hw-card>header p{font-size:10px;color:var(--text-muted);margin:5px 0 0}.hw-card>header>svg{width:17px;height:17px;color:var(--hw-pink)}.hw-card>header>small,.hw-card>header>span{font:9px var(--hub-mono);color:var(--text-muted)}body.hub :is(.hw-card,.hw-instance,.hw-page-head,.hw-dialog) button,body.hub .hw-download{font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text-main);border:1px solid var(--hw-line);background:#ffffff04;border-radius:8px;padding:9px 12px;font-size:11px;transition:background .2s,border-color .2s,transform .2s}body.hub :is(.hw-card,.hw-instance,.hw-page-head,.hw-dialog) button:hover{background:#ff5aa610;border-color:#ff5aa648}body.hub :is(.hw-card,.hw-instance,.hw-page-head,.hw-dialog) button:focus-visible{outline:2px solid var(--hw-pink);outline-offset:3px}body.hub :is(.hw-card,.hw-instance,.hw-page-head,.hw-dialog) button svg{width:15px;height:15px;flex-shrink:0}body.hub .hw-primary{background:linear-gradient(120deg,#ff5aa621,#ff9ccd11)!important;border-color:#ff5aa646!important;color:#ffacd1!important}body.hub .hw-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ff5aa612}.hw-periods{display:flex;gap:4px}.hw-periods button{font-size:10px!important;padding:6px 10px!important;white-space:nowrap}.hw-periods button[aria-pressed=true]{background:#ff5aa618!important;border-color:#ff5aa642!important;color:#ff9cca!important}.hw-actions{display:grid;gap:9px}.hw-actions button{justify-content:flex-start!important;padding:13px!important}.hw-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hw-chart svg{width:100%;height:auto;max-height:220px;overflow:visible}.hw-grid-line{stroke:currentColor;opacity:.08;fill:none}.hw-chart-line{stroke:#ff84bb;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.hw-chart-point{fill:var(--hw-pink)}.hw-chart footer{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--text-muted);margin-top:15px}.hw-chart footer b{color:#ffa4cc;font-weight:500}.hw-line{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--hw-line);font-size:11px}.hw-line b{font-size:10px;font-weight:500;text-align:right}.hw-line small{display:block;color:var(--text-muted);font-size:9px;margin-top:5px}.hw-note{color:var(--text-muted);font-size:10px;line-height:1.7}.hw-empty{min-height:105px;display:grid;place-content:center;text-align:center;gap:8px;padding:18px;color:var(--text-muted);font-size:11px;line-height:1.7}.hw-empty svg{width:22px;height:22px;margin:auto;color:#ff5aa677}.hw-empty p{margin:0}.hw-error{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #ff5d7240;border-radius:12px;background:#ff5d7209;color:#ff9aac;font-size:12px}.hw-error svg{width:20px;height:20px}.hw-error button{margin-left:auto}.hw-notice{border:1px solid #ff5aa627;border-radius:10px;background:#ff5aa608;padding:14px 18px;margin-bottom:20px;color:var(--text-muted);font-size:11px;line-height:1.7}.hw-advice{padding-left:18px;color:var(--text-muted);font-size:11px;line-height:1.85}.hw-download{margin-top:15px;text-decoration:none}.hw-uptime-bars{display:flex;gap:5px;height:58px}.hw-uptime-day{flex:1;border-radius:4px;transition:opacity .2s,transform .2s}.hw-uptime-day:hover{opacity:.8;transform:translateY(-3px)}.hw-uptime-day.up,.hw-uptime-legend .up{background:#55bd996b;border:1px solid #62cda840}.hw-uptime-day.partial,.hw-uptime-legend .partial{background:#dfaf4f75;border:1px solid #dfaf4f50}.hw-uptime-day.down{background:#e8658275;border:1px solid #e8658250}.hw-uptime-day.unknown,.hw-uptime-legend .unknown{background:#ffffff08;border:1px solid var(--hw-line)}.hw-uptime-legend{display:flex;gap:18px;margin-top:14px;font-size:10px;color:var(--text-muted)}.hw-uptime-legend span{display:flex;gap:6px;align-items:center}.hw-uptime-legend i{width:8px;height:8px;border-radius:3px}.hw-toggle{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--text-main);cursor:pointer}.hw-toggle input{accent-color:var(--hw-pink);width:16px!important;height:16px!important;margin:0}.hw-nav-alert{margin-left:auto;width:17px;height:17px;background:#ff5aa624;color:#ff87bb;border-radius:50%;display:grid;place-items:center;font-size:10px}.hw-week{overflow-x:auto}.hw-hours{display:grid;grid-template-columns:50px repeat(4,1fr);font:9px var(--hub-mono);color:var(--text-muted);padding-bottom:12px}.hw-week-row{display:grid;grid-template-columns:50px 1fr;height:35px;border-top:1px solid var(--hw-line);align-items:center}.hw-week-row strong{font:10px var(--hub-font);color:var(--text-muted)}.hw-week-row>div{height:100%;position:relative;background:repeating-linear-gradient(90deg,var(--hw-line) 0px,var(--hw-line) 1px,transparent 1px,transparent 25%)}body.hub .hw-week-job{position:absolute;top:10px;min-width:8px;width:8px;height:14px;padding:0;border-radius:4px;background:#ff77b9aa;border:1px solid #ffa4cc88;transform:translate(-50%)}body.hub .hw-week-job.paused{opacity:.3}.hw-job{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--hw-line)}.hw-job-icon{color:#ff91c2}.hw-job-icon svg{width:18px;height:18px}.hw-job>div{flex:1;min-width:0}.hw-job h4{font-size:12px;margin:0 0 5px}.hw-job p{font-size:10px;color:var(--text-muted);margin:0 0 5px}.hw-job small{font-size:9px;color:var(--text-muted)}.hw-job code{display:block;max-width:100%;overflow-wrap:anywhere;margin-top:8px;color:#ff9cca;font-size:10px}.hw-job nav{display:flex;gap:6px}.hw-dialog{border:1px solid #ff5aa638;background:radial-gradient(ellipse at 100% 0%,#ff5aa608,transparent 60%),var(--bg-card);color:var(--text-main);border-radius:18px;padding:0;width:min(550px,calc(100vw - 32px));max-height:85vh;box-shadow:0 40px 100px #0009;animation:hw-dialog-in .22s ease;backdrop-filter:blur(30px)}.hw-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.hw-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--hw-line)}.hw-dialog h2{font-size:16px;letter-spacing:-.3px;margin:0}.hw-dialog-body{padding:22px 24px}.hw-dialog-body>p{font-size:12px;color:var(--text-muted);line-height:1.7}.hw-dialog [data-close]{padding:6px!important}.hw-form{display:grid;gap:17px}.hw-form label{display:grid;gap:8px;font-size:11px;color:var(--text-muted)}.hw-form :is(input,textarea,select),.hw-map-layout :is(input,select),.hw-palette-search input{color:var(--text-main);background:var(--bg-input);border:1px solid var(--hw-line);border-radius:8px;padding:11px 12px;font:12px var(--hub-font);min-width:0;width:100%;box-sizing:border-box;color-scheme:dark}.hw-form textarea{min-height:85px;resize:vertical}.hw-form fieldset{border:0;padding:0;margin:0}.hw-form legend{font-size:11px;color:var(--text-muted);margin-bottom:10px}.hw-days{display:flex;gap:6px;flex-wrap:wrap}.hw-days label{position:relative}.hw-days input{position:absolute;opacity:0;width:1px}.hw-days span{border:1px solid var(--hw-line);border-radius:8px;padding:9px 11px;color:var(--text-muted);font-size:10px}.hw-days input:checked+span{color:#ffa2c9;background:#ff5aa619;border-color:#ff5aa643}.hw-days input:focus-visible+span{outline:2px solid var(--hw-pink);outline-offset:2px}.hw-form .hw-toggle{display:flex;color:var(--text-main)}.hw-form [data-error]{color:#ffa1b0;font-size:11px;margin:0}.hw-server-options{display:grid;gap:10px}.hw-server-options button{justify-content:flex-start!important;padding:13px!important}.hw-server-options button>span{flex:1;text-align:left}.hw-server-options small{display:block;font-size:10px;color:var(--text-muted);margin-top:5px}.hw-palette-search{display:flex;align-items:center;gap:10px}.hw-palette-search>svg{width:18px;height:18px;color:var(--hw-pink)}.hw-palette-results{max-height:42vh;overflow-y:auto;display:grid;gap:4px;margin-top:17px}.hw-palette-results button{border-color:transparent!important;justify-content:flex-start!important;padding:12px!important}.hw-palette-results button>span{flex:1;text-align:left}.hw-palette-results button[aria-selected=true]{background:#ff5aa616!important;border-color:#ff5aa62d!important}.hw-map-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.hw-map-layout>aside{align-self:start}.hw-map-layout label:not(.hw-toggle){display:grid;gap:7px;font-size:10px;color:var(--text-muted);margin-top:16px}.hw-map-layout h4{font-size:10px;color:var(--text-muted);margin:24px 0 12px}.hw-map-person{width:100%;justify-content:flex-start!important;padding:10px 0!important;border:0!important;gap:9px!important}.hw-map-person>span{flex:1;text-align:left;font-size:10px}.hw-map-person small{display:block;color:var(--text-muted);margin-top:4px;font-size:9px}.hw-map-person b{font:10px var(--hub-mono);color:#ff9cc6}.hw-map-canvas{height:580px;position:relative;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 50% 50%,#153132,#0b151a 80%);cursor:grab;touch-action:none}.hw-map-canvas:active{cursor:grabbing}.hw-map-world{height:100%;width:395px;position:absolute;left:calc(50% - 197.5px);top:0;transform-origin:center;will-change:transform}.hw-map-world>img{width:100%;height:100%;pointer-events:none;user-select:none;object-fit:fill;opacity:.8}.hw-map-canvas.atlas{background:#b6c2ba}.hw-map-canvas.atlas img{filter:invert(1);opacity:.8}.hw-map-zoom{position:absolute;right:12px;bottom:12px;display:grid;gap:4px}.hw-map-zoom button{background:#131319c9!important;backdrop-filter:blur(12px);color:#fff!important;font-size:16px!important;width:34px;height:34px;padding:0!important}.hw-marker{position:absolute;transform:translate(-50%,-50%);width:23px;height:23px;padding:4px!important;border-radius:50%!important;background:#ff5aa6!important;color:#fff!important;box-shadow:0 0 0 4px #ff5aa622;cursor:pointer}.hw-marker svg{width:13px!important;height:13px!important}.hw-marker.blip{background:#34343a!important;color:#ff92c3!important}.hw-marker.green{color:#80dab5!important}.hw-marker.blue{color:#76baff!important}.hw-marker.orange{color:#edba76!important}.hw-map-card>footer{margin-top:15px}.hw-map-card>p{margin-bottom:0}@keyframes hw-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}body.hub #viewContainer>.hw-page-head{animation:hw-dialog-in .35s ease}body.hub.theme-light .hw-form :is(input,textarea,select),body.hub.theme-light .hw-map-layout input{color-scheme:light}body.hub.theme-light .hw-chart-line{stroke:#d54587}body.hub.theme-light .hw-primary{color:#a82b67!important}@media(min-width:1700px){.hw-map-canvas{height:700px}.hw-map-world{width:476px;left:calc(50% - 238px)}}@media(max-width:1150px){.hw-metrics,.hw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-span-2{grid-column:span 1}.hw-grid.hw-bottom{grid-template-columns:1fr}.hw-map-layout{grid-template-columns:190px minmax(0,1fr)}.hw-instance nav{max-width:170px}}@media(max-width:760px){.hw-page-head{align-items:flex-start;flex-wrap:wrap}.hw-metrics{gap:10px}.hw-stat{padding:15px}.hw-grid,.hw-two{grid-template-columns:1fr}.hw-card{padding:17px}.hw-instance{flex-wrap:wrap;padding:17px}.hw-instance nav{width:100%;max-width:none;margin-left:0}.hw-instance-mark{width:35px;height:35px}.hw-map-layout{grid-template-columns:1fr}.hw-map-layout>aside{max-height:250px;overflow:auto}.hw-map-canvas{height:480px}.hw-map-world{width:327px;left:calc(50% - 163.5px)}.hw-job{gap:9px;flex-wrap:wrap}.hw-job nav{margin-left:auto}.hw-card>header{flex-wrap:wrap}.hw-dialog-body{padding:18px}.hw-dialog>header{padding:18px}.hw-uptime-bars{gap:3px}.hw-chart footer{font-size:8px}.hw-server-selector{display:none}.hw-page-head p{font-size:11px}}@media(max-width:1150px)and (min-width:761px){.hw-map-layout{grid-template-columns:190px minmax(0,1fr)}}@media(max-width:940px){body.hub.hub-compact .sidebar-capsule{padding:24px 16px 16px!important;overflow:hidden}body.hub.hub-compact .nav-pill-group{overflow-y:auto!important;min-height:0}body.hub.hub-compact .nav-label,body.hub.hub-compact .brand-wordmark,body.hub.hub-compact .atelier-account,body.hub.hub-compact .user-avatar-badge>span:last-child{display:block!important}body.hub.hub-compact .atelier-nav-group summary{display:flex!important}body.hub.hub-compact .nav-icon-btn{justify-content:flex-start;padding:0 12px!important}body.hub.hub-compact .nav-icon-btn:after{display:none!important}body.hub.hub-compact .brand-logo,body.hub.hub-compact .sidebar-footer{justify-content:flex-start}body.hub .hw-server-selector{display:block;margin:0 10px}body.hub.hub-compact .hw-server-selector>span{display:block}body.hub.hub-compact .hw-server-selector button>span{display:block}body.hub.hub-compact .hw-server-selector>button{justify-content:flex-start;padding:11px}}@media(prefers-reduced-motion:reduce){body.hub *{animation:none!important;scroll-behavior:auto!important}.hw-uptime-day,.hw-primary{transition:none!important}}
body.hub .nav-pill-group{overflow-x:hidden!important;scrollbar-gutter:stable;min-width:0;overscroll-behavior:contain}body.hub .nav-pill-group .atelier-nav-group{min-width:0;max-width:100%}body.hub .nav-pill-group .nav-icon-btn{box-sizing:border-box;max-width:100%;transform:none!important}body.hub .nav-pill-group .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
