:root{--ucp-sidebar-width:220px;--ucp-top-header-height:58px}body:has(.ucp-shell){background:var(--page,#0e0e10);color:var(--text-secondary,#b4b4bc)}.ucp-shell{display:grid;grid-template-columns:var(--ucp-sidebar-width) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"shell-header shell-header" "shell-sidebar shell-main";min-height:100vh;min-height:100dvh;color:var(--text-secondary);background:var(--page)}.ucp-shell.has-sidebar-right{grid-template-columns:var(--ucp-sidebar-width) minmax(0,1fr) 220px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"shell-header shell-header shell-header" "shell-sidebar shell-main shell-right"}.ucp-shell .site-main{grid-area:shell-main;min-width:0;min-height:calc(100dvh - var(--ucp-top-header-height));display:flex;flex-direction:column;background:var(--page)}.ucp-shell .site-top-header{position:sticky;top:0;grid-area:shell-header;z-index:50;flex-shrink:0;min-height:var(--ucp-top-header-height);overflow:visible;background:var(--header-bar,#121215)}.ucp-shell .site-top-header__banner{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,rgba(14,14,16,.94) 0,rgba(14,14,16,.78) 45%,rgba(14,14,16,.92)),url(/brand/header-banner.webp) center 35% /cover no-repeat;opacity:.55}.ucp-shell .site-top-header__bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--ucp-top-header-height);padding:0 var(--shell-gutter);border-bottom:1px solid var(--divider)}.ucp-shell .site-top-header__left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.ucp-shell .site-top-header__brand{display:flex;flex-direction:column;gap:1px;flex-shrink:0;padding-right:14px;border-right:1px solid var(--divider,rgba(255,255,255,.05))}.ucp-shell .site-top-header__brand-name{color:#fff;font-size:13px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.ucp-shell .site-top-header__brand-tag{color:rgba(255,255,255,.55);font-size:10px;font-weight:500;line-height:1.2}.ucp-shell .site-top-header__titles{display:flex;flex-direction:column;gap:3px;min-width:0;padding-bottom:1px}.ucp-shell .site-top-header__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}.ucp-shell .site-top-header__kicker{color:rgba(255,255,255,.62);font-size:12px;font-weight:500}.ucp-shell .site-top-header__sep{color:rgba(255,255,255,.45);font-size:12px;user-select:none}.ucp-shell .site-top-header__title{margin:0;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.ucp-shell .site-top-header__right{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex-shrink:0}.ucp-shell .site-top-header .identity-menu,.ucp-shell .site-top-header .ucp-panel{z-index:60}.ucp-shell .site-top-header__lead{display:none}.ucp-shell .site-top-header__secondary{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 var(--shell-gutter) 12px;background:linear-gradient(180deg,rgba(5,5,5,.75),rgba(5,5,5,.95))}.ucp-shell .site-top-header__actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.ucp-shell .site-top-header .icon-btn,.ucp-shell .site-top-header .identity-btn{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08)}.ucp-shell .site-top-header .icon-btn:hover,.ucp-shell .site-top-header .identity-btn:hover{background:rgba(0,0,0,.62)}.ucp-shell .site-top-header .identity-btn__avatar{background:rgba(242,201,76,.22)}.ucp-shell.has-sidebar-right .sidebar-right{grid-area:shell-right;min-width:0}.ucp-shell .app-header{display:none}.ucp-shell .site-content{position:relative;flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--page);overflow-x:hidden;overflow-y:auto}.ucp-shell .content-inner{flex:1 1 auto;padding:clamp(14px,1.4vw + 8px,22px) var(--shell-gutter) clamp(20px,1.8vw + 10px,32px)}.ucp-shell .content-inner,.ucp-shell .site-footer{position:relative;z-index:1;width:100%;max-width:none;margin:0}.ucp-shell .site-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--shell-gutter) clamp(16px,1.5vw + 10px,24px);background:transparent;color:var(--text-muted);font-size:12px}.ucp-shell .site-footer nav,.ucp-shell .site-footer>div{display:flex;flex-wrap:wrap;gap:12px}.ucp-shell .site-footer a{color:var(--link);text-decoration:none;transition:color .18s ease}.ucp-shell .site-footer a:hover,.ucp-shell .site-footer nav a:hover{color:var(--link-hover)}.ucp-shell .site-footer__name{color:var(--text-secondary);font-weight:600}.ucp-shell .site-footer__dot{color:var(--text-muted);opacity:.4}.ucp-shell .identity-btn{display:flex;align-items:center;gap:9px;min-height:38px;padding:3px 10px 3px 3px;border:0;border-radius:10px;background:var(--field);color:var(--text);cursor:pointer;transition:background-color .18s ease,transform .18s ease}.ucp-shell .identity-btn:hover{background:var(--panel-elevated)}.ucp-shell .identity-btn__avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:700}.ucp-shell .identity-btn__name{display:block;color:var(--text);font-size:13px;font-weight:600;line-height:1.2}.ucp-shell .identity-btn__meta{display:block;margin-top:1px;color:var(--text-muted);font-size:11px;line-height:1.2}.ucp-shell .identity-btn__chevron{color:var(--text-muted);font-size:10px;transition:transform .18s ease}.ucp-shell .identity-btn__chevron.is-open{transform:rotate(180deg)}.ucp-shell .identity-menu__head{padding:12px 14px;background:var(--field)}.ucp-shell .identity-menu .identity-menu__item:first-of-type{margin-top:2px}.ucp-shell .identity-menu__head-name{display:block;color:var(--text);font-size:13px;font-weight:600}.ucp-shell .identity-menu__head-meta{display:block;margin-top:2px;color:var(--text-muted);font-size:11px}.ucp-shell .identity-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:0;background:transparent;color:var(--text-secondary);font-size:13px;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .18s ease,color .18s ease}.ucp-shell .identity-menu__item:hover{background:var(--field);color:var(--text)}.ucp-shell .identity-menu__item i{width:16px;color:var(--text-muted);text-align:center;font-size:12px}.ucp-shell .identity-menu__item--danger:hover{color:#f87171}.ucp-shell .menu-btn{display:none;width:34px;height:34px;border:0;border-radius:10px;background:var(--field);color:var(--text-secondary);cursor:pointer;transition:background-color .18s ease}.ucp-shell .icon-btn{display:inline-grid;width:34px;height:34px;place-items:center;border:0;border-radius:10px;background:var(--field);color:var(--text-muted);cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}.ucp-shell .icon-btn:hover{background:var(--panel-elevated);color:var(--text)}.ucp-shell .ucp-btn--primary{border:0;background:var(--accent);color:var(--accent-foreground);font-weight:600;transition:background-color .18s ease,transform .18s ease}.ucp-shell .ucp-btn--primary:hover{background:#e0b83a;opacity:1;filter:none}.ucp-shell .account-glance,.ucp-shell .card,.ucp-shell .community-pulse__stat,.ucp-shell .dashboard-intro,.ucp-shell .ucp-panel{background:var(--panel);border:var(--surface-border,1px solid var(--line));box-shadow:none;color:var(--text)}.ucp-shell .card:hover,.ucp-shell .ucp-panel:hover{box-shadow:none;background:var(--panel-elevated)}.ucp-shell .dashboard-action--primary{background:var(--accent);border:0;box-shadow:none}.ucp-shell .account-notice{box-shadow:none}.ucp-shell .card-header,.ucp-shell .ucp-card-header{background:transparent;color:var(--text);border-bottom:0;padding-bottom:0;font-weight:600}.ucp-shell .card-header+*,.ucp-shell .ucp-card-header+*{border-top:0}.ucp-shell .card-header,.ucp-shell .dashboard-action strong,.ucp-shell .dashboard-intro__title{color:var(--text)}.ucp-shell .card-header-link{color:var(--link);transition:color .18s ease}.ucp-shell .card-header-link:hover{color:var(--link-hover)}.ucp-shell .dropdown-footer-link{color:var(--link)}.ucp-shell .dropdown-footer-link:hover{color:var(--link-hover)}.ucp-shell .dashboard-hero__status,.ucp-shell .dashboard-intro__server{background:var(--field);border:0}.ucp-shell .dashboard-action__icon{background:var(--field);color:var(--text-muted)}.ucp-shell .news-badge--update{background:var(--accent-dim);color:var(--accent)}.ucp-shell .news-badge--event{background:rgba(242,201,76,.18);color:var(--accent)}.ucp-shell .news-badge--community{background:rgba(242,201,76,.1);color:var(--accent)}.ucp-shell .data-value{font-family:var(--font-roboto),Roboto,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media (max-width:991px){.ucp-shell,.ucp-shell.has-sidebar-right{grid-template-columns:1fr;grid-template-areas:"shell-header" "shell-main"}.ucp-shell .site-main,.ucp-shell.has-sidebar-right .sidebar-right{grid-area:shell-main}.ucp-shell .menu-btn{display:inline-grid;place-items:center;align-self:center;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08)}.ucp-shell .site-top-header__brand{display:none}.ucp-shell .site-top-header__bar{align-items:center;padding:0 var(--shell-gutter)}}@media (max-width:520px){.ucp-shell{--ucp-top-header-height:52px}.ucp-shell .site-top-header__title{font-size:.9375rem}.ucp-shell .site-top-header__lead{display:none}.ucp-shell .site-footer{flex-direction:column;align-items:flex-start}}@media (min-width:1400px){.ucp-shell{--shell-gutter:clamp(32px,2.5vw,56px)}}@media (prefers-reduced-motion:reduce){.ucp-shell .card,.ucp-shell .ucp-panel{transition:none}}.ucp-shell .community-page,.ucp-shell .getting-started,.ucp-shell .how-to-join{width:100%;max-width:none}.ucp-shell .community-page .card,.ucp-shell .getting-started .card,.ucp-shell .how-to-join .card{border:var(--surface-border,1px solid var(--line));box-shadow:none}.ucp-shell .community-page .card-header,.ucp-shell .how-to-join .card-header{padding:14px 18px 10px;box-shadow:inset 0 -1px 0 var(--divider);border-bottom:0}.ucp-shell .how-to-join__hero{padding:18px 20px}.ucp-shell .site-sidebar{position:sticky;top:var(--ucp-top-header-height,58px);align-self:start;z-index:40;grid-area:shell-sidebar;width:100%;max-width:var(--ucp-sidebar-width,220px);height:calc(100dvh - var(--ucp-top-header-height, 58px));max-height:calc(100dvh - var(--ucp-top-header-height, 58px));background:var(--sidebar-tone,#0a0a0a);border-right:1px solid var(--divider,rgba(255,255,255,.05));color:var(--text-secondary)}.ucp-shell .site-sidebar__inner{display:flex;flex-direction:column;height:100%;padding:12px 10px 16px;overflow:hidden}.ucp-shell .site-sidebar__search{flex-shrink:0;width:100%;min-height:34px;margin:0 0 10px;padding:0 9px;border:0;border-radius:6px;background:var(--shell-hover);color:var(--text);font-size:12px;outline:0}.ucp-shell .site-sidebar__search:focus{background:var(--panel);box-shadow:0 0 0 2px rgba(242,201,76,.35)}.ucp-shell .site-sidebar__nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:2px 0 6px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.25) transparent}.ucp-shell .site-sidebar__nav::-webkit-scrollbar{width:4px}.ucp-shell .site-sidebar__nav::-webkit-scrollbar-thumb{background:rgba(148,163,184,.25);border-radius:4px}.ucp-shell .site-sidebar__meta{flex-shrink:0;padding:12px 4px 0;margin-top:auto}.ucp-shell .site-sidebar__bottom{display:flex;flex-direction:column;gap:2px;flex-shrink:0;padding:10px 0 0}.ucp-shell .site-sidebar__bottom-actions{display:flex;flex-direction:column;gap:1px}.ucp-shell .sidebar-bottom-theme{align-self:flex-start;width:32px;height:32px;margin:0 0 4px 2px;border:0;border-radius:6px;background:var(--shell-hover);color:var(--text-muted)}.ucp-shell .sidebar-bottom-theme:hover{background:var(--shell-active);color:var(--text)}.ucp-shell .sidebar-bottom-link{display:flex;align-items:center;gap:9px;width:100%;min-height:32px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12px;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .14s ease,color .14s ease}.ucp-shell .sidebar-bottom-link:hover{background:var(--shell-hover);color:var(--text)}.ucp-shell .sidebar-bottom-link i{width:15px;color:var(--text-muted);text-align:center;font-size:12px}.ucp-shell .sidebar-bottom-link--danger:hover{color:#b42318}.ucp-shell .sidebar-bottom-link--accent{color:var(--link);font-weight:600}.ucp-shell ul.nav-main{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}.ucp-shell ul.nav-main>li{display:block;width:100%}.ucp-shell ul.nav-main .nav-link-btn,.ucp-shell ul.nav-main>li:not(.nav-separator)>a,.ucp-shell ul.nav-main>li:not(.nav-separator)>button{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:12px;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .18s ease,color .18s ease}.ucp-shell ul.nav-main .nav-link-btn:hover,.ucp-shell ul.nav-main>li:not(.nav-separator)>a:hover,.ucp-shell ul.nav-main>li:not(.nav-separator)>button:hover{background:var(--shell-hover);color:var(--text);box-shadow:none}.ucp-shell ul.nav-main>li.nav-active:not(.nav-parent)>.nav-link-btn,.ucp-shell ul.nav-main>li.nav-active>a,.ucp-shell ul.nav-main>li.nav-active>button{background:var(--panel);color:var(--text);font-weight:500;box-shadow:none}.ucp-shell ul.nav-children>li.nav-parent.nav-has-active>button.nav-link-btn,.ucp-shell ul.nav-main>li.nav-parent.nav-has-active>button.nav-link-btn{background:transparent;color:var(--text-secondary);font-weight:500;box-shadow:none}.ucp-shell ul.nav-main>li.nav-parent.nav-expanded>button.nav-link-btn{color:var(--text)}.ucp-shell ul.nav-children>li.nav-parent.nav-has-active>button.nav-link-btn i,.ucp-shell ul.nav-main>li.nav-parent.nav-has-active>button.nav-link-btn i{color:var(--text-muted)}.ucp-shell ul.nav-main li a i,.ucp-shell ul.nav-main li button i{width:15px;flex-shrink:0;color:var(--text-muted);text-align:center;font-size:12px}.ucp-shell ul.nav-main>li.nav-active a i,.ucp-shell ul.nav-main>li.nav-active button i,.ucp-shell ul.nav-main>li.nav-active:not(.nav-parent)>.nav-link-btn i{color:var(--accent)}.ucp-shell .sidebar-separator,.ucp-shell ul.nav-main li.nav-separator{height:0;margin:6px 0;padding:0;background:transparent;list-style:none;pointer-events:none}.ucp-shell ul.nav-children>li.nav-parent,.ucp-shell ul.nav-main>li.nav-parent{display:block}.ucp-shell ul.nav-children li.nav-parent>button.nav-link-btn span,.ucp-shell ul.nav-main li.nav-parent>button.nav-link-btn span{flex:1;min-width:0}.ucp-shell ul.nav-children li.nav-parent>button.nav-link-btn:after,.ucp-shell ul.nav-main li.nav-parent>button.nav-link-btn:after{font-family:Font Awesome\ 6 Free;font-weight:900;content:"\f107";opacity:.45;flex-shrink:0;font-size:9px}.ucp-shell ul.nav-children li.nav-parent.nav-expanded>button.nav-link-btn:after,.ucp-shell ul.nav-main li.nav-parent.nav-expanded>button.nav-link-btn:after{content:"\f106"}.ucp-shell .nav-collapse{overflow:hidden;height:0}.ucp-shell .nav-collapse__inner{overflow:hidden}.ucp-shell ul.nav-children{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px;padding:0 0 0 12px;list-style:none}.ucp-shell ul.nav-children a{display:block;padding:6px 10px;border-radius:8px;color:var(--text-muted);font-size:12px;text-decoration:none;transition:background-color .18s ease,color .18s ease}.ucp-shell ul.nav-children a:hover{background:var(--shell-hover);color:var(--text);box-shadow:none}.ucp-shell ul.nav-children li.nav-active a{background:var(--panel);font-weight:500;color:var(--text);box-shadow:none}.ucp-shell ul.nav-children li.nav-parent>button.nav-link-btn{width:100%;min-height:30px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;font-family:inherit;text-align:left;cursor:pointer}.ucp-shell ul.nav-children li.nav-parent>button.nav-link-btn:hover{background:var(--shell-hover);color:var(--text)}.ucp-shell .site-sidebar__meta .widget-stats{margin:0;padding:0}.ucp-shell .site-sidebar__meta .widget-stats ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.ucp-shell .site-sidebar__meta .widget-stats__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ucp-shell .site-sidebar__meta .stats-title{color:var(--text-muted);font-size:10px;flex-shrink:0}.ucp-shell .site-sidebar__meta .stats-title--value{color:var(--text-secondary);font-family:var(--font-mono),monospace;font-size:10px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.ucp-shell .site-sidebar__meta .sidebar-clock{display:flex;flex-direction:column;gap:6px}.ucp-shell .site-sidebar__meta .sidebar-clock__datetime{display:flex;flex-direction:column;gap:2px;margin-top:0;font-family:var(--font-roboto),Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.45;color:var(--text-secondary);font-variant-numeric:tabular-nums}.ucp-shell .site-sidebar__meta .sidebar-clock__date{display:block;color:var(--text-muted);font-size:11px;line-height:1.4;white-space:normal}.ucp-shell .site-sidebar__meta .sidebar-clock__time{display:block;font-size:14px;font-weight:500;line-height:1.3;color:var(--text);letter-spacing:.01em}.ucp-shell .site-sidebar__meta .widget-stats__progress{height:3px;margin-top:5px;border-radius:2px;background:var(--shell-active)}.ucp-shell .site-sidebar__meta .widget-stats__progress span{display:block;height:100%;border-radius:inherit;background:var(--accent)}@media (max-width:991px){.ucp-shell .site-sidebar{position:fixed;top:var(--ucp-top-header-height,112px);bottom:0;left:0;width:var(--ucp-sidebar-width,220px);max-width:none;height:auto;max-height:none;transform:translateX(-105%);transition:transform .18s ease;box-shadow:4px 0 24px rgba(0,0,0,.45)}.ucp-shell.sidebar-open .site-sidebar{transform:translateX(0)}}.ucp-shell .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:40;border:0;background:rgba(0,0,0,.55);cursor:pointer}@media (min-width:992px){.ucp-shell .sidebar-backdrop{display:none}}