.modal-overlay[data-v-d17f294a]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:#080b0fb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem}.modal-container[data-v-d17f294a]{position:relative;width:100%;max-width:400px;background:#171e27;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2.25rem 2rem 2rem;text-align:center}.modal-icon[data-v-d17f294a]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.625rem}.icon-success[data-v-d17f294a]{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.icon-error[data-v-d17f294a]{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.icon-warning[data-v-d17f294a]{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.icon-info[data-v-d17f294a]{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.modal-content[data-v-d17f294a]{margin-bottom:1.75rem}.modal-title[data-v-d17f294a]{font-size:1.1875rem;font-weight:700;color:#f0f6fc;margin:0 0 .5rem;letter-spacing:-.01em}.modal-message[data-v-d17f294a]{font-size:.9375rem;color:#9aa4af;line-height:1.55}.modal-actions[data-v-d17f294a]{display:flex;gap:.625rem;justify-content:center}.modal-actions .btn[data-v-d17f294a]{flex:1;min-width:0;max-width:160px}.modal-close[data-v-d17f294a]{position:absolute;top:.875rem;right:.875rem;width:30px;height:30px;border-radius:.5rem;background:transparent;border:none;color:#6e7681;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close[data-v-d17f294a]:hover{background:#ffffff0f;color:#e6edf3}.modal-enter-active[data-v-d17f294a],.modal-leave-active[data-v-d17f294a]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-d17f294a],.modal-leave-active .modal-container[data-v-d17f294a]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-d17f294a],.modal-leave-to[data-v-d17f294a]{opacity:0}.modal-enter-from .modal-container[data-v-d17f294a]{transform:scale(.9) translateY(20px);opacity:0}.modal-leave-to .modal-container[data-v-d17f294a]{transform:scale(.95);opacity:0}html,body,#app{background:transparent}body,body.bg-gray-100,body.bg-gray-50,body.bg-white{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#0a0e13!important;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,195,255,.025) 0%,transparent 60%)!important;background-attachment:fixed!important;color:#e6edf3;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0}.bg-gray-100,.bg-gray-50,.bg-white,.bg-gray-200,.bg-slate-100,.bg-slate-50{background:transparent!important}.text-gray-800,.text-gray-900,.text-slate-800,.text-slate-900,.text-gray-700,.text-slate-700{color:#e6edf3!important}.text-gray-600,.text-slate-600,.text-gray-500,.text-slate-500{color:#8b949e!important}.text-gray-400,.text-slate-400{color:#6e7681!important}.border-gray-200,.border-gray-300,.border-slate-200,.border-slate-300,.divide-gray-200,.divide-gray-300{border-color:#ffffff1a!important}.glass-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff0d;border-color:#ffffff24}.card{background:#121a23;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#ffffff24}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px;position:relative}.status-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;opacity:0;animation:pulse-ring 2s ease-out infinite}.status-online{background:#3fb950}.status-online:after{background:#3fb95066;opacity:1}.status-offline{background:#f85149}.status-starting{background:#d29922}.status-installing{background:#8b5cf6}.status-unknown{background:#6e7681}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(2);opacity:0}}.btn{padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;position:relative;overflow:hidden;text-decoration:none}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .2s}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn i{font-size:.875rem}.btn-sm{padding:.4375rem .875rem;font-size:.8125rem;border-radius:.5rem}.btn-primary{background:linear-gradient(135deg,#00c3ff,#09c);color:#fff;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.15)}.btn-primary:hover{background:linear-gradient(135deg,#33cfff,#00c3ff)}.btn-secondary{background:#ffffff0d;color:#8b949e;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff14;color:#e6edf3}.btn-danger{background:#f85149;color:#fff;font-weight:600}.btn-danger:hover{background:#ff6058}.btn-success{background:#3fb950;color:#fff;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.18)}.btn-success:hover{background:#46c85a}.btn-warning{background:#d29922;color:#1a1204;font-weight:600}.btn-warning:hover{background:#e0a92a}.btn-ghost{background:transparent;color:#8b949e}.btn-ghost:hover{background:#ffffff0d;color:#e6edf3}.btn-icon-square{width:2.5rem;height:2.5rem;padding:0}.btn-icon-square i{margin:0;font-size:1rem}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}input,textarea,select{box-sizing:border-box}input,textarea{background:#0b0f1499;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.625rem .875rem;color:#e6edf3;font-size:.875rem;transition:all .2s;width:100%}input::placeholder,textarea::placeholder{color:#6e7681}input:focus,textarea:focus{outline:none;border-color:#00c3ff;box-shadow:0 0 0 3px #00c3ff33;background:#0b0f14cc}select{background:#0b0f1499;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.625rem 2.5rem .625rem .875rem;color:#e6edf3;font-size:.875rem;transition:all .2s;width:100%;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}select:focus{outline:none;border-color:#00c3ff;box-shadow:0 0 0 3px #00c3ff33;background-color:#0b0f14cc}select option{background:#0f1a1e;color:#e6edf3;padding:.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00c3ff,#09c);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#33cfff,#00bfff)}.loading-shimmer{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#00c3ff,#09c)}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:#e6edf3;line-height:1.2}.stat-card .stat-label{font-size:.875rem;color:#8b949e;margin-top:.25rem}.service-card{background:#121a23;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#00c3ff,#09c);transform:scaleX(0);transition:transform .3s}.service-card:hover{transform:translateY(-4px);border-color:#00c3ff66;box-shadow:0 20px 40px -15px #00000080,0 0 30px -10px #00c3ff4d}.service-card:hover:before{transform:scaleX(1)}.modern-table{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead th{background:#00c3ff1a;color:#8b949e;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.modern-table thead th:first-child{border-top-left-radius:.75rem}.modern-table thead th:last-child{border-top-right-radius:.75rem}.modern-table tbody tr{transition:background .2s}.modern-table tbody tr:hover{background:#00c3ff0d}.modern-table tbody tr td{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.5);color:#e6edf3;font-size:.875rem}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table tbody tr:last-child td:first-child{border-bottom-left-radius:.75rem}.modern-table tbody tr:last-child td:last-child{border-bottom-right-radius:.75rem}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#3fb95026;color:#75d081;border:1px solid rgba(63,185,80,.3)}.badge-danger{background:#f8514926;color:#fb9793;border:1px solid rgba(248,81,73,.3)}.badge-warning{background:#d2992226;color:#e1af46;border:1px solid rgba(210,153,34,.3)}.badge-info{background:#58a6ff26;color:#a5cfff;border:1px solid rgba(88,166,255,.3)}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar .progress-fill{height:100%;border-radius:4px;transition:width .5s ease;background:linear-gradient(135deg,#00c3ff,#09c)}.progress-bar.progress-success .progress-fill{background:linear-gradient(90deg,#3fb950,#75d081)}.progress-bar.progress-warning .progress-fill{background:linear-gradient(90deg,#d29922,#e1af46)}.progress-bar.progress-danger .progress-fill{background:linear-gradient(90deg,#f85149,#fa807a)}.glow-primary{box-shadow:0 0 30px -5px #00c3ff66}.glow-success{box-shadow:0 0 30px -5px #3fb95066}.glow-danger{box-shadow:0 0 30px -5px #f8514966}.text-gradient{background:linear-gradient(135deg,#00c3ff,#09c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px -5px #00c3ff4d}to{box-shadow:0 0 30px -5px #00c3ff99}}.divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);margin:1.5rem 0}.stat-icon,.action-icon,.server-icon,.card-icon,.header-icon,.balance-icon,.feature-icon,.empty-servers-icon{background:linear-gradient(145deg,#ffffff0d,#ffffff05)!important;border:1px solid rgba(0,195,255,.14)!important;color:#38d9ff!important}.stat-icon i,.action-icon i,.server-icon i,.card-icon i,.header-icon i,.balance-icon i,.feature-icon i,.empty-servers-icon i{color:#38d9ff!important}
