.auth-container{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#2d3561);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:linear-gradient(135deg,#1a1f3a,#2d3561);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:420px;padding:40px;width:100%}.auth-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:10px;text-align:center}.auth-card h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#cbd5e1;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{background:#0006;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input::placeholder{color:#64748b}.error-message{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.toggle-auth{color:#94a3b8;font-size:14px;margin-top:20px;text-align:center}.toggle-auth span{color:#8b5cf6;cursor:pointer;font-weight:600;transition:color .3s ease}.toggle-auth span:hover{color:#a78bfa;text-decoration:underline}.auth-card form button{margin-top:10px;width:100%}@media (max-width:768px){.auth-card{max-width:100%;padding:30px 25px}.auth-card h1{font-size:28px}.auth-card h2{font-size:20px;margin-bottom:25px}.form-group input{font-size:14px;padding:10px 14px}}@media (max-width:480px){.auth-container{padding:15px}.auth-card{padding:25px 20px}.auth-card h1{font-size:24px}.auth-card h2{font-size:18px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input{font-size:14px;padding:10px 12px}.error-message{font-size:13px;padding:10px 12px}.toggle-auth{font-size:13px}}.dashboard-container{background:#0a0e27;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:linear-gradient(135deg,#1a1f3a,#2d3561);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0006;display:flex;justify-content:space-between;margin-bottom:40px;padding:25px 30px}.dashboard-header h1{color:#fff;font-size:28px;font-weight:600;margin:0}.header-actions{display:flex;gap:12px}.dashboard-content{background:linear-gradient(135deg,#1a1f3a,#2d3561);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0006;padding:35px}.dashboard-content h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:30px}.subscriptions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.subscription-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:24px;transition:all .3s ease}.subscription-card:hover{border-color:#6366f14d;box-shadow:0 12px 40px #6366f133;transform:translateY(-4px)}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.subscription-header h3{color:#fff;font-size:22px;font-weight:600;margin:0}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-pending{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.status-active{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.status-expired{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.subscription-description{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:16px}.subscription-dates{background:#0003;border:1px solid #ffffff0d;border-radius:8px;margin:16px 0;padding:16px}.subscription-dates p{color:#cbd5e1;font-size:14px;margin:6px 0}.subscription-dates strong{color:#e2e8f0}.warning-message{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;color:#fbbf24;font-size:14px;font-weight:500;margin:16px 0;padding:12px 16px}.info-message{color:#94a3b8;font-size:14px;margin-top:12px}.empty-state{padding:80px 20px;text-align:center}.empty-state p{color:#94a3b8;font-size:18px;margin-bottom:24px}.vpn-instances{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;margin:20px 0;padding:20px}.vpn-instances h4{color:#e2e8f0;font-size:16px;font-weight:600;margin-bottom:16px}.vpn-instance{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:12px;padding:18px;transition:all .3s ease}.vpn-instance:hover{background:#ffffff0a;border-color:#6366f14d}.vpn-instance:last-child{margin-bottom:0}.instance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.instance-name{color:#94a3b8;font-family:Courier New,monospace;font-size:13px;font-weight:500}.instance-status{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.instance-status.status-running{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.instance-status.status-stopped{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.connection-uri{margin:12px 0}.connection-uri label{color:#94a3b8;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.uri-container{display:flex;gap:10px}.uri-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#cbd5e1;flex:1 1;font-family:Courier New,monospace;font-size:12px;padding:12px 16px;transition:all .3s ease}.uri-input:focus{background:#0006;border-color:#6366f180;outline:none}.btn-copy{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-copy:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-copy:active{transform:translateY(0)}.instance-actions{display:flex;gap:10px;margin-top:12px}.btn-start,.btn-stop{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.btn-start{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.btn-start:hover{box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.btn-stop:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-start:active,.btn-stop:active{transform:translateY(0)}.subscription-card button{margin-top:16px;width:100%}@media (max-width:1024px){.subscriptions-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.dashboard-container{padding:15px}.dashboard-header{flex-direction:column;gap:15px;margin-bottom:30px;padding:20px}.dashboard-header h1{font-size:24px;text-align:center}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.dashboard-content{padding:25px}.dashboard-content h2{font-size:20px;margin-bottom:25px}.subscriptions-grid{gap:20px;grid-template-columns:1fr}.subscription-card{padding:20px}.subscription-header h3{font-size:20px}.vpn-instances{padding:16px}.vpn-instances h4{font-size:15px}.vpn-instance{padding:16px}.uri-container{flex-direction:column;gap:10px}.btn-copy{width:100%}.instance-actions{flex-direction:column}.btn-start,.btn-stop{width:100%}}@media (max-width:480px){.dashboard-container{padding:10px}.dashboard-header{margin-bottom:20px;padding:15px}.dashboard-header h1{font-size:20px}.header-actions{gap:10px}.dashboard-content{padding:20px}.dashboard-content h2{font-size:18px;margin-bottom:20px}.subscription-card{padding:16px}.subscription-header{align-items:flex-start;flex-direction:column;gap:10px}.subscription-header h3{font-size:18px}.status-badge{font-size:11px;padding:5px 12px}.subscription-description{font-size:13px}.subscription-dates{padding:12px}.subscription-dates p{font-size:13px}.warning-message{font-size:13px;padding:10px 12px}.vpn-instances{padding:14px}.vpn-instances h4{font-size:14px;margin-bottom:12px}.vpn-instance{padding:14px}.instance-header{align-items:flex-start;flex-direction:column;gap:8px}.instance-name{font-size:12px;word-break:break-all}.instance-status{font-size:10px;padding:4px 10px}.connection-uri label,.uri-input{font-size:11px}.uri-input{padding:10px 12px}.btn-copy{font-size:12px;padding:10px 16px}.btn-start,.btn-stop{font-size:12px;padding:8px 14px}.empty-state{padding:60px 15px}.empty-state p{font-size:16px}}.plans-container{background:#0a0e27;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.plans-header{align-items:center;background:linear-gradient(135deg,#1a1f3a,#2d3561);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0006;display:flex;justify-content:space-between;margin-bottom:40px;padding:25px 30px}.plans-header h1{color:#fff;font-size:28px;font-weight:600;margin:0}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.plan-card{background:linear-gradient(135deg,#1a1f3a,#2d3561);border:2px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;padding:30px;transition:all .3s ease}.plan-card:hover{border-color:#6366f180;box-shadow:0 16px 48px #6366f14d;transform:translateY(-8px)}.plan-card h2{color:#fff;font-size:26px;font-weight:700;margin-bottom:12px}.plan-description{color:#94a3b8;font-size:15px;line-height:1.6;margin-bottom:20px;min-height:40px}.plan-price{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 8px 24px #6366f166;color:#fff;margin:20px 0;padding:25px;text-align:center}.price-amount{font-size:52px;font-weight:800;line-height:1}.price-currency{font-size:28px;font-weight:700;margin-left:5px}.price-period{display:block;font-size:15px;font-weight:500;margin-top:8px;opacity:.95}.plan-features{flex-grow:1;list-style:none;margin:20px 0}.plan-features li{border-bottom:1px solid #ffffff0d;color:#cbd5e1;font-size:15px;line-height:1.5;padding:12px 0}.plan-features li:last-child{border-bottom:none}.plan-features li:before{color:#22c55e;content:"✓ ";font-size:18px;font-weight:700;margin-right:10px}.plan-card button{margin-top:20px;width:100%}@media (max-width:1024px){.plans-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.plans-container{padding:15px}.plans-header{flex-direction:column;gap:15px;margin-bottom:30px;padding:20px}.plans-header h1{font-size:24px;text-align:center}.plans-grid{gap:20px;grid-template-columns:1fr}.plan-card{padding:25px}.plan-card h2{font-size:22px}.plan-price{padding:20px}.price-amount{font-size:44px}.price-currency{font-size:24px}}@media (max-width:480px){.plans-container{padding:10px}.plans-header{margin-bottom:20px;padding:15px}.plans-header h1{font-size:20px}.plan-card{padding:20px}.plan-card h2{font-size:20px;margin-bottom:10px}.plan-description{font-size:14px;min-height:auto}.plan-price{margin:15px 0;padding:18px}.price-amount{font-size:38px}.price-currency{font-size:20px}.price-period{font-size:13px}.plan-features li{font-size:14px;padding:10px 0}.plan-features li:before{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e27;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}@media (max-width:768px){body{font-size:14px}.btn-primary,.btn-secondary{font-size:13px;padding:10px 20px}}@media (max-width:480px){.btn-primary,.btn-secondary{font-size:12px;padding:8px 16px}}
/*# sourceMappingURL=main.105cdb93.css.map*/