:root{--primary: #4361ee;--primary-dark: #3a56d4;--secondary: #3f37c9;--danger: #f72585;--warning: #f8961e;--success: #4cc9f0;--dark: #212529;--light: #f8f9fa;--gray: #6c757d;--border-radius: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .1)}.dashboard-container{display:flex;min-height:100vh;background-color:#f5f7fa}.dashboard-sidebar{width:280px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:1.5rem}.dashboard-main{flex:1;overflow-y:auto}.sidebar-header{padding-bottom:1.5rem;border-bottom:1px solid #eee;margin-bottom:1.5rem}.avatar{width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-weight:700}.username{font-weight:600}.user-plan{font-size:.8rem;color:var(--gray)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.sidebar-nav button{display:flex;align-items:center;padding:12px 16px;border-radius:var(--border-radius);color:var(--dark);transition:all .2s;border:none;background:none;text-align:left;font-size:1rem}.sidebar-nav button:hover{background-color:#f0f2f5}.sidebar-nav button.active{background-color:var(--primary);color:#fff}.nav-icon{margin-right:12px;font-size:1.2rem}.logout-btn{display:flex;align-items:center;padding:12px 16px;color:var(--danger);background:none;border:none;margin-top:auto}.dashboard-header{padding:1.5rem 2rem;background:#fff;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.dashboard-content{padding:2rem}.card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;flex:1}.stat-value{font-size:2rem;font-weight:700;margin:8px 0}.stat-value.active{color:var(--success)}.stat-label{color:var(--gray);font-size:.9rem}.server-form{margin-bottom:1.5rem}.form-group{display:flex;gap:1rem;margin-bottom:1rem}.form-group input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:var(--border-radius)}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:10px 16px;border-radius:var(--border-radius);display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s}.btn-primary:hover{background-color:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-icon{background:none;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.btn-icon.danger{color:var(--danger)}.btn-icon.danger:hover{background-color:#fce8ef}.server-list{display:flex;flex-direction:column;gap:8px}.server-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:var(--border-radius);background-color:#f8f9fa}.alert{padding:12px;border-radius:var(--border-radius);margin-bottom:1rem}.alert.warning{background-color:#fff3cd;color:#856404}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.plan-status{display:flex;align-items:center;gap:8px;color:var(--gray)}.status-icon{font-size:1.2rem}.dashboard-container{display:flex;min-height:100vh;background-color:var(--background-color)}.dashboard-sidebar{width:250px;background-color:var(--card-bg-color);border-right:1px solid var(--border-color);padding:1rem}.dashboard-main{flex:1;padding:1rem}.sidebar-header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.user-profile{display:flex;align-items:center;margin-top:1rem}.avatar{width:40px;height:40px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-weight:700}.user-info{display:flex;flex-direction:column}.username{font-weight:700}.user-plan{font-size:.8rem;color:var(--text-color);opacity:.8}.user-plan.expired{color:#f44}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.sidebar-nav button{padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;border-radius:4px;transition:background-color .2s}.sidebar-nav button:hover{background-color:#0000000d}.sidebar-nav button.active{background-color:var(--primary-color);color:#fff}.logout-btn{margin-top:auto;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;color:#f44;border-radius:4px;transition:background-color .2s}.logout-btn:hover{background-color:#ff00001a}.dashboard-header{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background-color:var(--card-bg-color);border-radius:8px;padding:1rem;box-shadow:var(--shadow-color) 0 2px 4px}.stat-value{font-size:1.5rem;font-weight:700;margin:.5rem 0}.stat-value.active{color:#4caf50}.stat-value.danger{color:#f44}.stat-label{font-size:.9rem;color:var(--text-color);opacity:.7}.expired-plan{color:#f44;font-weight:700}@media (max-width: 768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{width:100%}}:root{--background-color: #ffffff;--text-color: #333333;--primary-color: #4a6da7;--secondary-color: #a5c0f7;--accent-color: #f39c12;--border-color: #dddddd;--card-bg-color: #f5f5f5;--shadow-color: rgba(0, 0, 0, .1);--nav-bg: rgba(255, 255, 255, .8)}[data-theme=dark]{--background-color: #222222;--text-color: #eeeeee;--primary-color: #5b88da;--secondary-color: #2a4374;--accent-color: #f5b041;--border-color: #444444;--card-bg-color: #333333;--shadow-color: rgba(0, 0, 0, .3);--nav-bg: rgba(34, 34, 34, .8)}.card{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color)}button:hover,.button:hover{background-color:var(--secondary-color)}.theme-button{background-color:var(--accent-color);color:#fff;border:none;padding:8px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;margin-right:10px;width:32px;height:32px}.language-button{background-color:var(--primary-color);color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;margin-right:10px;min-width:32px;height:32px;font-weight:700}.theme-button:hover,.language-button:hover{opacity:.9}*{margin:0;padding:0;box-sizing:border-box}a{color:var(--primary-color)}body{background-color:var(--background-color);color:var(--text-color);transition:all .3s ease}.app{min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:100}.nav-items{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);cursor:pointer}.nav-button,.auth-button{padding:.5rem 1.5rem;border:none;border-radius:5px;background:var(--primary-color);color:#fff;font-weight:700;cursor:pointer;transition:all .3s;margin-right:1rem}.nav-button:hover,.auth-button:hover{background:var(--secondary-color)}.home{padding-top:80px}.hero{text-align:center;padding:4rem 2rem}.hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--primary-color),#00ccff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.2rem;color:var(--text-color);opacity:.7;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}button,.button{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.primary-button,.secondary-button{padding:.8rem 2rem;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s}.primary-button{background:var(--primary-color);color:#fff}.secondary-button{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:var(--background-color)}.auth-box{background:var(--card-bg-color);padding:2rem;border-radius:10px;width:100%;max-width:400px}.auth-box h2{text-align:center;margin-bottom:2rem;color:var(--primary-color)}.form-group{margin-bottom:1rem}.form-group input{width:100%;padding:.8rem;border:1px solid var(--border-color);border-radius:5px;background:var(--background-color);color:var(--text-color)}.form-group input:focus{outline:none;border-color:var(--primary-color)}.auth-submit{width:100%;padding:.8rem;border:none;border-radius:5px;background:var(--primary-color);color:#fff;font-weight:700;cursor:pointer;margin-top:1rem}.auth-submit:hover{background:var(--secondary-color)}.auth-footer{text-align:center;margin-top:1rem;color:var(--text-color);opacity:.7}.auth-footer span{color:var(--primary-color);cursor:pointer}.auth-footer span:hover{text-decoration:underline}.checkout-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:var(--background-color)}.checkout-box{background:var(--card-bg-color);padding:2rem;border-radius:10px;width:100%;max-width:500px}.checkout-box h2{text-align:center;margin-bottom:2rem;color:var(--primary-color)}.selected-plan{background:#5b88da1a;border-radius:8px;padding:1rem;margin-bottom:2rem;text-align:center}.selected-plan h3{color:var(--primary-color);margin-bottom:.5rem}.plan-price{font-size:1.5rem;font-weight:700;color:var(--text-color)}.checkout-button{width:100%;padding:1rem;border:none;border-radius:5px;background:var(--primary-color);color:#fff;font-weight:700;cursor:pointer;margin-top:1rem;transition:all .3s}.checkout-button:hover{background:var(--secondary-color)}.dashboard-container{padding:100px 2rem 2rem;background:var(--background-color);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{color:var(--primary-color);margin:0}.logout-button{background:#f33;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.dashboard-card{background:var(--card-bg-color);padding:1.5rem;border-radius:10px}.dashboard-card h2{color:var(--primary-color);margin-top:0;margin-bottom:1rem}.dashboard-card p{color:var(--text-color);margin:.5rem 0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:4rem 2rem}.feature-card{background:var(--card-bg-color);padding:2rem;border-radius:10px;text-align:center}.feature-card h3{color:var(--primary-color);margin-bottom:1rem}.feature-card p{color:var(--text-color);opacity:.7}.pricing-container{padding:120px 20px;max-width:1000px;margin:0 auto}.pricing-container h1{text-align:center;margin-bottom:4rem;color:var(--primary-color);font-size:2.5rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.pricing-card{background:var(--card-bg-color);border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease;border:2px solid transparent}.pricing-card:hover{transform:translateY(-5px);border-color:var(--primary-color)}.pricing-card.selected{border-color:var(--primary-color);background:#5b88da1a}.pricing-card h2{color:var(--primary-color);margin-bottom:1rem}.price{margin:1.5rem 0}.price .amount{font-size:2.5rem;font-weight:700;color:var(--text-color)}.price .period{color:var(--text-color);opacity:.7}.features{list-style:none;margin:2rem 0}.features li{margin:.8rem 0;color:var(--text-color)}.server-form{margin:1rem 0;display:flex;gap:1rem;flex-wrap:wrap}.server-form input{flex:1;min-width:200px;padding:.8rem;border:1px solid var(--border-color);border-radius:5px;background:var(--background-color);color:var(--text-color)}.add-server-button{padding:.8rem 1.5rem;background:var(--primary-color);border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer}.add-server-button:hover{background:var(--secondary-color)}.servers-list{margin-top:2rem}.server-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:5px;margin:.5rem 0}.server-item strong{color:var(--primary-color);display:block;margin-bottom:.3rem}.remove-server-button{padding:.5rem 1rem;background:#f44;border:none;border-radius:5px;color:#fff;cursor:pointer}.remove-server-button:hover{background:#c33}.select-plan-button{width:100%;padding:1rem;border:none;border-radius:5px;background:var(--primary-color);color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.select-plan-button:hover{background:var(--secondary-color)}.dashboard-tabs button{transition:transform .2s ease-in-out}.dashboard-tabs button:hover{transform:scale(1.05)}