.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1890ff66}.btn-secondary{background:transparent;color:#1890ff;border:1px solid #1890ff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease}.btn-secondary:hover{background:#1890ff1a}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#fff;font-size:18px}.home-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:100px 20px;text-align:center;min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(24,144,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(24,144,255,.1) 0%,transparent 50%);pointer-events:none}.hero-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;padding:8px 24px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-content h1{font-size:56px;margin-bottom:15px;background:linear-gradient(135deg,#fff,#1890ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;line-height:1.2}.hero-subtitle{font-size:28px;color:#1890ff;margin-bottom:15px;font-weight:600}.hero-desc{font-size:18px;color:#fffc;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.hero-content p:not(.hero-subtitle):not(.hero-desc){font-size:20px;color:#ffffffb3;margin-bottom:40px}.hero-tags{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:30px}.tag{background:#1890ff26;color:#1890ff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(24,144,255,.3)}.hero-buttons{display:flex;gap:20px;justify-content:center}.highlights-section{padding:80px 20px;background:linear-gradient(135deg,#0f3460,#16213e)}.highlights-section h2{text-align:center;font-size:36px;margin-bottom:60px}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.highlight-card{background:#ffffff14;border-radius:20px;padding:40px 30px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.highlight-card:hover{transform:translateY(-10px);background:#ffffff1f;box-shadow:0 20px 40px #1890ff33}.highlight-icon{font-size:56px;margin-bottom:20px}.highlight-card h3{font-size:24px;margin-bottom:15px;color:#1890ff}.highlight-card p{color:#ffffffb3;font-size:16px;line-height:1.6}.features-section{padding:80px 20px;background:#16213e}.features-section h2{text-align:center;font-size:36px;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff0d;border-radius:16px;padding:40px 30px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);background:#ffffff1a}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{font-size:20px;margin-bottom:15px}.feature-card p{color:#fff9}.pricing-section{padding:80px 20px;background:#1a1a2e}.pricing-section h2{text-align:center;font-size:36px;margin-bottom:60px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.pricing-card{background:#ffffff0d;border-radius:16px;padding:40px 30px;text-align:center;position:relative;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.pricing-card:hover{border-color:#1890ff}.pricing-card.popular{border-color:#1890ff;transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;padding:5px 20px;border-radius:20px;font-size:12px}.pricing-card h3{font-size:24px;margin-bottom:20px}.price{margin-bottom:30px}.price .amount{font-size:48px;font-weight:700}.price .period{font-size:16px;color:#fff9}.features-list{list-style:none;text-align:left;margin-bottom:30px}.features-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fffc}.pricing-btn{width:100%;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border:none;padding:15px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease}.pricing-btn:hover{opacity:.9}.cta-section{padding:100px 20px;background:linear-gradient(135deg,#0f3460,#16213e);text-align:center}.cta-content h2{font-size:42px;margin-bottom:20px;background:linear-gradient(135deg,#fff,#1890ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-content p{font-size:20px;color:#fffc;margin-bottom:40px}.btn-large{padding:18px 48px;font-size:18px}.stats-section{padding:80px 20px;background:linear-gradient(135deg,#1890ff,#096dd9)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto;text-align:center}.stat-item{padding:20px}.stat-number{font-size:48px;font-weight:700;margin-bottom:10px}.stat-label{font-size:16px;opacity:.8}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:#ffffff0d;border-radius:20px;padding:40px;width:100%;max-width:420px;border:1px solid rgba(255,255,255,.1)}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:28px;margin-bottom:10px}.auth-header p{color:#fff9}.auth-tabs{display:flex;margin-bottom:30px;border-radius:10px;overflow:hidden;background:#ffffff0d}.auth-tab{flex:1;padding:15px;border:none;background:transparent;color:#fff9;cursor:pointer;font-size:16px;transition:all .3s ease}.auth-tab.active{background:#1890ff;color:#fff}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:#fffc}.form-group input{padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:16px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#1890ff}.form-group input::placeholder{color:#fff6}.auth-btn{padding:15px;border-radius:10px;border:none;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.auth-btn:hover{opacity:.9}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#0000004d;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.sidebar-header{padding:30px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-size:20px;color:#fff}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:15px 20px;border:none;background:transparent;color:#ffffffb3;cursor:pointer;width:100%;text-align:left;font-size:15px;transition:all .3s ease}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#1890ff33;color:#1890ff;border-right:3px solid #1890ff}.nav-icon{font-size:20px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:15px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#096dd9);display:flex;align-items:center;justify-content:center;font-weight:700}.user-details{flex:1}.user-name{font-weight:500;margin-bottom:4px}.user-balance{font-size:12px;color:#fff9}.logout-btn{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#ffffff1a;color:#fff}.main-content{flex:1;padding:30px;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{font-size:28px}.page-header p{color:#fff9;margin-top:5px}.header-actions{display:flex;gap:15px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#ffffff0d;border-radius:16px;padding:25px;display:flex;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.1)}.stat-icon{font-size:40px}.stat-value{font-size:28px;font-weight:700}.stat-title{color:#fff9;font-size:14px;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.dashboard-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.card-header h3{font-size:18px}.card-action{background:transparent;border:none;color:#1890ff;cursor:pointer;font-size:14px}.card-content{padding:20px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.data-table th{color:#fff9;font-weight:500;font-size:13px}.data-table td{font-size:14px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:#52c41a33;color:#52c41a}.status-badge.expired{background:#ff4d4f33;color:#ff4d4f}.status-badge.paid{background:#52c41a33;color:#52c41a}.status-badge.pending{background:#faad1433;color:#faad14}.status-badge.cancelled{background:#ff4d4f33;color:#ff4d4f}.empty-state{text-align:center;padding:40px 20px}.empty-state p{color:#fff9;margin-bottom:20px}.empty-state button{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}.loading{text-align:center;padding:40px;color:#fff9}.purchase-packages{margin-bottom:30px}.default-packages,.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.package-card{background:#ffffff0d;border-radius:16px;padding:30px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;position:relative}.package-card:hover{border-color:#1890ff80}.package-card.selected{border-color:#1890ff;background:#1890ff1a}.package-card.popular{border-color:#1890ff}.package-card h3{font-size:22px;margin-bottom:15px}.package-price{margin-bottom:20px}.price-amount{font-size:36px;font-weight:700}.price-period{color:#fff9}.package-features{list-style:none;margin-bottom:20px}.package-features li{padding:8px 0;color:#fffc}.package-select{text-align:center;padding:10px;border-radius:8px;background:#ffffff0d;color:#fff9}.package-card.selected .package-select{background:#1890ff;color:#fff}.purchase-summary{background:#ffffff0d;border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.purchase-summary h3,.summary-content{margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.summary-item.total{font-size:20px;font-weight:700;color:#1890ff}.quantity-control{display:flex;align-items:center;gap:10px}.quantity-control button{width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer}.quantity-control input{width:60px;text-align:center;padding:5px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff}.purchase-btn{width:100%;padding:15px;border-radius:10px;border:none;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;font-size:16px;font-weight:500;cursor:pointer}.purchase-btn:disabled{opacity:.6;cursor:not-allowed}.filter-bar{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{color:#fff9}.filter-group select,.filter-group input{padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff}.filter-info{margin-left:auto;color:#fff9}.filter-tabs{display:flex;gap:10px}.filter-tab{padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.filter-tab.active{background:#1890ff;border-color:#1890ff;color:#fff}.proxies-table-container{background:#ffffff0d;border-radius:16px;overflow:hidden}.proxies-table{min-width:100%}.proxies-table th,.proxies-table td{white-space:nowrap}.ip-cell{font-family:monospace;color:#1890ff}.action-buttons{display:flex;gap:10px}.action-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fffc;cursor:pointer;font-size:13px;transition:all .3s ease}.action-btn:hover{background:#1890ff33;border-color:#1890ff;color:#1890ff}.empty-icon{font-size:60px;margin-bottom:20px}.empty-state h3{margin-bottom:10px}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.order-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.order-id{font-weight:500}.order-content{padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.order-info{display:flex;flex-wrap:wrap;gap:30px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item .label{font-size:12px;color:#ffffff80}.info-item .value{font-size:16px}.info-item .value.price{color:#1890ff;font-weight:700}.order-actions{display:flex;gap:10px}.recharge-container{max-width:600px}.balance-card{background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:16px;padding:40px;text-align:center;margin-bottom:30px}.balance-label{font-size:16px;opacity:.8;margin-bottom:10px}.balance-amount{font-size:48px;font-weight:700}.recharge-form{background:#ffffff0d;border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.recharge-form h3{margin-bottom:20px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.amount-btn{padding:20px;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease}.amount-btn:hover{border-color:#1890ff80}.amount-btn.selected{border-color:#1890ff;background:#1890ff33}.custom-amount{margin-bottom:20px}.custom-amount label{display:block;margin-bottom:10px;color:#fff9}.custom-input-wrapper{display:flex;align-items:center;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.2);overflow:hidden}.currency{padding:15px;color:#fff9}.custom-input-wrapper input{flex:1;padding:15px;border:none;background:transparent;color:#fff;font-size:18px}.custom-input-wrapper input:focus{outline:none}.recharge-summary{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;padding:10px 0}.summary-row .highlight{color:#1890ff;font-weight:700}.recharge-btn{width:100%;padding:15px;border-radius:10px;border:none;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;font-size:16px;font-weight:500;cursor:pointer;margin-bottom:20px}.recharge-btn:disabled{opacity:.6;cursor:not-allowed}.recharge-tips{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.recharge-tips h4{margin-bottom:10px;color:#fffc}.recharge-tips ul{list-style:none}.recharge-tips li{padding:5px 0;color:#fff9;font-size:14px}.message-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.message{padding:15px 25px;border-radius:8px;animation:slideIn .3s ease;min-width:200px}.message-success{background:#52c41a;color:#fff}.message-error{background:#ff4d4f;color:#fff}.message-warning{background:#faad14;color:#fff}.message-info{background:#1890ff;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;position:fixed;bottom:0;left:0;z-index:100;flex-direction:row;padding:10px}.sidebar-header,.sidebar-footer{display:none}.sidebar-nav{display:flex;justify-content:space-around;padding:0}.nav-item{flex-direction:column;padding:10px;font-size:12px}.nav-icon{font-size:20px}.main-content{padding-bottom:100px}.hero-content h1{font-size:32px}.hero-buttons{flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.order-content{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}#root{min-height:100vh}:root{--primary-color: #1890ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--bg-dark: #1a1a2e;--bg-card: #16213e;--text-primary: #fff;--text-secondary: rgba(255, 255, 255, .65)}