:host{--lumo-primary-color: hsl(214, 90%, 52%);--lumo-primary-text-color: var(--lumo-primary-color);--lumo-border-radius-s: 4px;--lumo-border-radius-m: 8px;--lumo-border-radius-l: 12px}.main-nav{display:flex;gap:var(--lumo-space-m)}.main-nav a{color:var(--lumo-contrast-70pct);text-decoration:none;padding:var(--lumo-space-s) 0;font-weight:500;position:relative;transition:color .2s}.main-nav a:hover{color:var(--lumo-contrast)}.main-nav a[active]{color:var(--lumo-primary-text-color)}.main-nav a[active]:after{content:"";position:absolute;bottom:calc(var(--lumo-space-s) / 2);left:0;right:0;height:2px;background:var(--lumo-primary-color)}.servers-layout{min-height:400px;gap:var(--lumo-space-m)!important}.notifications-scroll{scrollbar-width:thin;scrollbar-color:var(--lumo-contrast-30pct) transparent}.notifications-scroll::-webkit-scrollbar{width:6px}.notifications-scroll::-webkit-scrollbar-track{background:transparent}.notifications-scroll::-webkit-scrollbar-thumb{background-color:var(--lumo-contrast-30pct);border-radius:3px}.notifications-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--lumo-contrast-50pct)}@media (max-width: 480px){h2,h3{font-size:var(--lumo-font-size-l)!important;margin-bottom:var(--lumo-space-s)!important}}@keyframes skeleton-pulse-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton-pulse .skeleton-placeholder{animation:skeleton-pulse-animation 1.5s ease-in-out infinite}[theme~=badge]{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--lumo-border-radius-s);font-size:var(--lumo-font-size-s);font-weight:500;line-height:1;padding:var(--lumo-space-xs) var(--lumo-space-s);text-transform:uppercase;letter-spacing:.05em}[theme~=badge][theme~=success]{background-color:var(--lumo-success-color-10pct);color:var(--lumo-success-text-color)}[theme~=badge][theme~=error]{background-color:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color)}[theme~=badge][theme~=contrast]{background-color:var(--lumo-contrast-20pct);color:var(--lumo-contrast-90pct)}.notification-clickable{transition:all .2s ease}.notification-clickable:hover{transform:translate(4px);box-shadow:var(--lumo-box-shadow-xs)}.notification-clickable:active{transform:translate(2px)}.server-card{background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m);display:flex;flex-direction:column;gap:var(--lumo-space-s);transition:box-shadow .2s,background-color .2s;min-width:280px;max-width:420px;flex:1 1 auto;box-shadow:var(--lumo-box-shadow-xs);box-sizing:border-box;container-type:inline-size}.server-card:hover{background-color:var(--lumo-contrast-10pct);box-shadow:var(--lumo-box-shadow-m)}.server-card-header,.server-card-footer{display:flex;justify-content:space-between;align-items:flex-start}.server-card-footer{justify-content:flex-end;align-items:center;margin-top:auto}.server-card-name{margin:0}.server-card-body{flex-grow:1;display:flex;flex-direction:column;gap:var(--lumo-space-s)}.server-card-config-pricing{background-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-s);padding:var(--lumo-space-xs) var(--lumo-space-s);margin:0;border-left:3px solid var(--lumo-primary-color);width:100%;box-sizing:border-box;flex:1;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.server-card-config-pricing .info-line{margin-bottom:var(--lumo-space-xs);padding:var(--lumo-space-xs) 0;border-bottom:1px solid var(--lumo-contrast-5pct)}.server-card-config-pricing .info-line:last-child{margin-bottom:0;border-bottom:none}.server-card-config-pricing .info-label,.info-line .info-label{font-size:var(--lumo-font-size-xs);color:var(--lumo-contrast-60pct);font-weight:500}.server-card-config-pricing .info-value,.info-line .info-value{font-weight:600;color:var(--lumo-contrast-90pct);font-size:var(--lumo-font-size-s)}.server-card-secret{background-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-s);padding:var(--lumo-space-xs) var(--lumo-space-s);margin:0;border-left:3px solid var(--lumo-contrast-20pct);width:100%;box-sizing:border-box;flex-shrink:0;min-height:50px;display:flex;align-items:center}.info-line{display:flex;gap:var(--lumo-space-s);align-items:center}.secret-key-span{font-family:monospace;word-break:break-all}.dashboard-stats-container{display:grid;gap:var(--lumo-space-l);grid-template-columns:1fr}@media (min-width: 600px){.dashboard-stats-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.dashboard-stats-container{grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);transition:transform .2s,box-shadow .2s;box-sizing:border-box;width:100%;display:flex;flex-direction:column}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--lumo-box-shadow-l)}.info-card{background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m) var(--lumo-space-l);flex-grow:1;min-height:80px!important;box-sizing:border-box;min-width:150px;overflow:hidden}[theme~=bordered]{border:1px solid var(--lumo-contrast-10pct)}@media (max-width: 768px){.server-card{flex:1 1 100%;min-width:100%;max-width:none}}@media (min-width: 769px) and (max-width: 1200px){.server-card{flex:1 1 calc(50% - var(--lumo-space-m) / 2)}}@media (min-width: 1201px) and (max-width: 1600px){.server-card{flex:1 1 calc(33.333% - var(--lumo-space-m) * 2 / 3)}}@media (min-width: 1601px){.server-card{flex:1 1 calc(25% - var(--lumo-space-m) * 3 / 4)}}@media (max-width: 480px){.stat-card,.info-card{padding:var(--lumo-space-s) var(--lumo-space-m)!important}}.details-panel{background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);box-sizing:border-box;flex:1 1 300px;min-width:300px;min-height:300px}@media (max-width: 768px){.details-panel{flex:1 1 100%;min-width:100%;margin-bottom:var(--lumo-space-m)}}.current-config-info{background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);margin-bottom:var(--lumo-space-m)}.current-config-info h3{margin-top:0;color:var(--lumo-primary-text-color)}.pricing-card,.pricing-change-card{transition:box-shadow .2s;border:1px solid var(--lumo-contrast-10pct)}.pricing-card:hover,.pricing-change-card:hover{box-shadow:var(--lumo-box-shadow-s)}.modal-two-column{display:flex;gap:var(--lumo-space-l);align-items:flex-start}.modal-left-column{flex:1;min-width:300px}.modal-right-column{flex:1;min-width:300px;max-width:450px}@media (max-width: 1024px){.modal-two-column{flex-direction:column}.modal-right-column{max-width:none;width:100%}}.profile-tabs{display:flex!important;justify-content:center!important;width:100%!important}.profile-tabs vaadin-tab{flex:0 1 auto!important}.profile-tabs::part(tabs){justify-content:center!important}.profile-tabs [role=tablist]{justify-content:center!important;display:flex!important}@media (max-width: 480px){.profile-tabs{justify-content:center!important}}