.modal-overlay[data-v-5722bc52]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-5722bc52 .3s ease}.modal-content[data-v-5722bc52]{background-color:var(--md-sys-color-surface-variant);padding:32px;border-radius:28px;width:90%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 16px #0003;animation:scaleIn-5722bc52 .3s cubic-bezier(.2,0,0,1)}.avatar-large[data-v-5722bc52]{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:8px;box-shadow:0 4px 8px #0003;transform:translateZ(0);backface-visibility:hidden}.headline-small[data-v-5722bc52]{color:var(--md-sys-color-on-surface-variant);margin:0}.body-medium[data-v-5722bc52]{text-align:center;color:var(--md-sys-color-on-surface-variant)}.version-badge[data-v-5722bc52]{display:flex;align-items:center;gap:6px;background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;margin-top:8px}.badge-icon[data-v-5722bc52]{font-size:16px}.close-btn[data-v-5722bc52]{margin-top:16px;padding:10px 24px;border-radius:20px;border:none;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-weight:500;cursor:pointer;transition:opacity .2s}.close-btn[data-v-5722bc52]:hover{opacity:.9}@keyframes fadeIn-5722bc52{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-5722bc52{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:root{--md-sys-color-background: #1c1b1f;--md-sys-color-on-background: #e6e1e5;--md-sys-color-surface: #1c1b1f;--md-sys-color-surface-variant: #2a2831;--md-sys-color-on-surface-variant: #cac4d0;--md-sys-color-primary: #d0bcff;--md-sys-color-on-primary: #381e72;--md-sys-color-primary-container: #4f378b;--md-sys-color-on-primary-container: #eaddff;--md-sys-color-secondary: #ccc2dc;--md-sys-color-on-secondary: #332d41;--md-sys-color-outline: #938f99;--md-sys-color-surface-container-high: #2b2930;--md-sys-state-hover: .08;--md-sys-state-focus: .12;--md-sys-state-pressed: .12;--md-sys-typescale-display-large: 400 57px/64px "Google Sans Flex", "Roboto", sans-serif;--md-sys-typescale-headline-small: 400 24px/32px "Google Sans Flex", "Roboto", sans-serif;--md-sys-typescale-title-medium: 500 16px/24px "Google Sans Flex", "Roboto", sans-serif;--md-sys-typescale-body-medium: 400 14px/20px "Google Sans Flex", "Roboto", sans-serif;--md-sys-typescale-label-large: 500 14px/20px "Google Sans Flex", "Roboto", sans-serif;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-full: 9999px;--gradient-start: #381e72;--gradient-end: #1c1b1f}[data-theme=light]{--md-sys-color-background: #f0f2f5;--md-sys-color-on-background: #191c1d;--md-sys-color-surface: #f0f2f5;--md-sys-color-surface-variant: #ffffff;--md-sys-color-on-surface-variant: #444746;--md-sys-color-primary: #6750a4;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #eaddff;--md-sys-color-on-primary-container: #21005d;--md-sys-color-secondary: #625b71;--md-sys-color-on-secondary: #ffffff;--md-sys-color-outline: #747775;--md-sys-color-surface-container-high: #ffffff;--gradient-start: #e0e6f5;--gradient-end: #f0f2f5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:Google Sans Flex,Roboto,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;padding-top:40px}#app{width:100%;display:flex;justify-content:center}.background{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,var(--gradient-start) 0%,var(--gradient-end) 60%);z-index:-1;opacity:.4;transition:background .5s ease}.container{width:100%;max-width:1200px;padding:24px;display:flex;flex-direction:column;gap:24px;animation:fadeInDown .8s cubic-bezier(.2,0,0,1)}.search-container{width:100%;display:flex;justify-content:center;margin-bottom:8px}.search-bar{width:100%;height:56px;background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;padding:0 16px;gap:12px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:box-shadow .2s}.search-bar:hover,.search-bar:focus-within{box-shadow:0 4px 8px #0003}.search-icon{color:var(--md-sys-color-on-surface-variant)}.search-input{flex:1;background:none;border:none;color:var(--md-sys-color-on-background);font:var(--md-sys-typescale-body-medium);font-size:16px;outline:none}.search-input::placeholder{color:var(--md-sys-color-on-surface-variant)}.avatar-small{width:32px;height:32px;border-radius:50%;overflow:hidden;cursor:pointer;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.avatar-img{width:100%;height:100%;object-fit:cover}.grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%}@media(min-width:600px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}.card{position:relative;background-color:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-large);padding:16px;text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s;animation:fadeInUp .8s cubic-bezier(.2,0,0,1) backwards;min-height:140px;display:flex;flex-direction:column}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;flex:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.icon{font-size:32px;color:var(--md-sys-color-primary)}.icon-more{color:var(--md-sys-color-on-surface-variant);font-size:24px}.text-content{display:flex;flex-direction:column;gap:4px;margin-top:auto}.headline-small{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface-variant);transition:color .2s}.body-medium{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-outline)}.state-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--md-sys-color-on-surface-variant);opacity:0;transition:opacity .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.card:hover .state-layer{opacity:var(--md-sys-state-hover)}.card:hover .headline-small{color:var(--md-sys-color-on-background)}.card:active .state-layer{opacity:var(--md-sys-state-pressed)}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:16px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #0000004d;cursor:pointer;overflow:hidden;transition:box-shadow .2s,transform .2s;z-index:10}.fab:hover{box-shadow:0 6px 12px #0006;transform:scale(1.05)}.fab .state-layer{background-color:var(--md-sys-color-on-primary-container)}.fab:hover .state-layer{opacity:var(--md-sys-state-hover)}.fab:active .state-layer{opacity:var(--md-sys-state-pressed)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:#ffffff4d;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.card-large{grid-column:1 / -1}.header-left{display:flex;gap:16px;align-items:center}.header-text{display:flex;flex-direction:column}.status-badge{display:flex;align-items:center;gap:6px;margin-top:2px}.status-dot{width:8px;height:8px;background-color:#ffb4ab;border-radius:50%;box-shadow:0 0 4px #ffb4ab;transition:background-color .3s,box-shadow .3s}.status-dot.online{background-color:#a8dab5;box-shadow:0 0 4px #a8dab5}.label-small{font:var(--md-sys-typescale-body-medium);font-size:12px;color:var(--md-sys-color-outline)}.stats-container{display:flex;flex-direction:column;gap:16px;margin-top:8px;width:100%}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-label{display:flex;justify-content:space-between;font:var(--md-sys-typescale-body-medium);font-size:13px;color:var(--md-sys-color-on-surface-variant)}.progress-track{width:100%;height:6px;background-color:#0003;border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);transition:width 1.5s cubic-bezier(.4,0,.2,1)}