.dashboard-container{max-width:1400px;margin:0 auto;padding:40px 20px}.dashboard-header{margin-bottom:60px}.header-content{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.header-title{background:linear-gradient(135deg,#fe6f61 0%,#ff8a7d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:42px;font-weight:700}.header-subtitle{color:var(--muted);margin:0;font-size:16px}.btn-request{color:var(--text);cursor:pointer;background:0 0;border:3px solid #fe6f61;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:flex;transform:translateY(10px)}.btn-request:hover{color:#121212;background:#fe6f61;transform:translateY(8px)}.btn-request:active{transform:translateY(9px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:50px;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a99;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:16px;padding:24px;transition:all .15s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";height:1px;position:absolute;top:0;left:0;right:0}.stat-card.yellow:before{background:linear-gradient(90deg,#0000,#ffd70099,#0000)}.stat-card.yellow:hover{background:#1a1a1a;border-color:#ffd7004d}.stat-card.green:before{background:linear-gradient(90deg,#0000,#10b98199,#0000)}.stat-card.green:hover{background:#1a1a1a;border-color:#10b9814d}.stat-card.blue:before{background:linear-gradient(90deg,#0000,#3b82f699,#0000)}.stat-card.blue:hover{background:#1a1a1a;border-color:#3b82f64d}.stat-card.purple:before{background:linear-gradient(90deg,#0000,#8b5cf699,#0000)}.stat-card.purple:hover{background:#1a1a1a;border-color:#8b5cf64d}.stat-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;display:flex}.stat-content{flex:1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:12px}.stat-value{color:var(--text);margin:0;font-size:28px;font-weight:700}.stat-unit{color:var(--muted);margin:0;font-size:14px}.servers-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.server-card-link{color:inherit;text-decoration:none}.server-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;cursor:pointer;background:linear-gradient(135deg,#1a1a1acc 0%,#1a1a1a99 100%);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;height:100%;padding:24px;transition:all .3s cubic-bezier(.23,1,.32,1);animation:.6s ease-out forwards slideUp;display:flex;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.server-card:before{content:"";background:linear-gradient(90deg,#0000,#fe6f6166,#0000);height:1px;position:absolute;top:0;left:0;right:0}.server-card:hover{background:linear-gradient(135deg,#1a1a1a 0%,#1a1a1acc 100%);border-color:#fe6f614d}.server-card-header{border-bottom:1px solid #ffffff0d;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.server-icon{color:#fe6f61;background:#fe6f611a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:40px;display:flex}.server-title h3{color:var(--text);margin:0 0 4px;font-size:18px;font-weight:600}.server-title p{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.server-card-body{flex-direction:column;flex:1;gap:12px;margin-bottom:20px;display:flex}.spec{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.spec i{color:#fe6f61;text-align:center;width:16px}.server-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.created-date{color:var(--muted);font-size:12px}.status-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.loading-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px 40px;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:#fe6f61;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-state p,.empty-state>p{color:var(--muted);margin:0;font-size:15px}.empty-icon{color:#fe6f614d;margin-bottom:24px;font-size:72px}.empty-state h2{color:var(--text);margin:0 0 12px;font-size:28px}.empty-state p{color:var(--muted);max-width:400px;margin-bottom:32px}.btn-primary{color:#121212;cursor:pointer;background:linear-gradient(135deg,#fe6f61 0%,#ff8a7d 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px)}.btn-lg{padding:14px 32px;font-size:16px}.error-alert{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:40px;padding:20px 24px;display:flex}.error-alert i{color:#ef4444;flex-shrink:0;margin-top:2px;font-size:20px}.error-title{color:#ef4444;margin:0 0 4px;font-weight:600}.error-message{color:var(--muted);margin:0;font-size:14px}@media (max-width:768px){.dashboard-container{padding:24px 16px}.header-content{flex-direction:column;gap:16px}.header-title{font-size:32px}.btn-request{justify-content:center;width:100%}.servers-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-icon{width:48px;height:48px;font-size:24px}.stat-value{font-size:22px}}@media (max-width:480px){.header-title{font-size:28px}.stats-grid{grid-template-columns:1fr}.server-card-header{flex-direction:column;align-items:flex-start}.server-icon{justify-content:flex-start;width:100%}}