@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--accent-400:#22d3ee;--accent-500:#06b6d4;--success-500:#10b981;--success-600:#059669;--warning-500:#f59e0b;--error-500:#f43f5e;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--gradient-primary:linear-gradient(135deg,var(--primary-500)0%,var(--accent-500)100%);--gradient-dark:linear-gradient(180deg,var(--gray-900)0%,var(--gray-950)100%);--gradient-glass:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 40px #6366f14d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--gradient-dark);color:var(--gray-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.portal-container{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.portal-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at top,#6366f126 0%,#0000 50%),radial-gradient(at 100% 100%,#06b6d41a 0%,#0000 50%);position:fixed;inset:0}.portal-header{text-align:center;z-index:1;padding:1.5rem 1rem;position:relative}.portal-logo{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.portal-logo svg{width:2.5rem;height:2.5rem;color:var(--accent-400)}.portal-logo h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.portal-tagline{color:var(--gray-400);font-size:.875rem}.portal-content{z-index:1;flex:1;width:100%;max-width:28rem;margin:0 auto;padding:1rem;position:relative}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);background:#ffffff0d;border:1px solid #ffffff1a;padding:1.5rem;transition:all .3s}.glass-card:hover{box-shadow:var(--shadow-glow);border-color:#fff3;transform:translateY(-2px)}.glass-card.selected{border-color:var(--primary-500);background:#6366f11a;box-shadow:0 0 30px #6366f133}.packages-grid{gap:1rem;margin-bottom:1.5rem;display:grid}.package-card{cursor:pointer;position:relative;overflow:hidden}.package-card.popular:before{content:"POPULAR";background:var(--gradient-primary);color:#fff;letter-spacing:.05em;padding:.25rem 2rem;font-size:.625rem;font-weight:700;position:absolute;top:.75rem;right:-2rem;transform:rotate(45deg)}.package-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.package-name{color:var(--gray-100);font-size:1.125rem;font-weight:700}.package-price{text-align:right}.package-price .amount{color:var(--accent-400);font-size:1.5rem;font-weight:800}.package-price .currency{color:var(--gray-400);font-size:.875rem}.package-details{color:var(--gray-400);gap:1rem;font-size:.875rem;display:flex}.package-details span{align-items:center;gap:.375rem;display:flex}.package-details svg{width:1rem;height:1rem;color:var(--primary-500)}.btn{border-radius:var(--radius-xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--gray-100);background:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn-success{background:linear-gradient(135deg,var(--success-500)0%,var(--success-600)100%);color:#fff;box-shadow:0 4px 14px #10b98166}.input-group{margin-bottom:1rem}.input-group label{color:var(--gray-300);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-wrapper{position:relative}.input-wrapper svg{width:1.25rem;height:1.25rem;color:var(--gray-500);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-wrapper input{border-radius:var(--radius-lg);width:100%;color:var(--gray-100);background:#ffffff0d;border:1px solid #ffffff1a;padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .2s}.input-wrapper input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #6366f133}.input-wrapper input::placeholder{color:var(--gray-500)}.status-card{text-align:center;padding:2rem 1.5rem}.status-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}.status-icon.success{color:var(--success-500);background:#10b98133}.status-icon.loading{color:var(--primary-500);background:#6366f133}.status-icon.error{color:var(--error-500);background:#f43f5e33}.status-icon svg{width:2rem;height:2rem}.status-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.status-message{color:var(--gray-400);margin-bottom:1.5rem;font-size:.875rem}.credentials-box{border-radius:var(--radius-lg);background:#0000004d;margin-bottom:1.5rem;padding:1rem}.credential-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:.5rem 0;display:flex}.credential-row:last-child{border-bottom:none}.credential-label{color:var(--gray-400);font-size:.875rem}.credential-value{color:var(--accent-400);font-family:Courier New,monospace;font-weight:600}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tabs{border-radius:var(--radius-lg);background:#ffffff0d;margin-bottom:1.5rem;padding:.25rem;display:flex}.tab{color:var(--gray-400);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.tab.active{background:var(--primary-600);color:#fff}.tab:hover:not(.active){color:var(--gray-200)}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{z-index:50;background:#0006;border-right:1px solid #ffffff1a;width:16rem;padding:1.5rem 0;position:fixed;top:0;bottom:0;left:0}.admin-sidebar-logo{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding:0 1.5rem 1.5rem}.admin-nav{padding:0 .75rem}.admin-nav-item{color:var(--gray-400);border-radius:var(--radius-lg);align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover{color:var(--gray-200);background:#ffffff0d}.admin-nav-item.active{color:var(--primary-400);background:#6366f133}.admin-nav-item svg{width:1.25rem;height:1.25rem}.admin-main{flex:1;margin-left:16rem;padding:2rem}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-title{font-size:1.75rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{border-radius:var(--radius-xl);background:#ffffff0d;border:1px solid #ffffff1a;padding:1.5rem}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.stat-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.stat-icon.primary{color:var(--primary-500);background:#6366f133}.stat-icon.success{color:var(--success-500);background:#10b98133}.stat-icon.warning{color:var(--warning-500);background:#f59e0b33}.stat-icon.accent{color:var(--accent-500);background:#06b6d433}.stat-icon svg{width:1.25rem;height:1.25rem}.stat-value{margin-bottom:.25rem;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--gray-400);font-size:.875rem}.stat-change{align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.stat-change.positive{color:var(--success-500)}.stat-change.negative{color:var(--error-500)}.data-table-container{border-radius:var(--radius-xl);background:#ffffff0d;border:1px solid #ffffff1a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);background:#0003;border-bottom:1px solid #ffffff1a;padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid #ffffff0d;padding:1rem 1.5rem;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.badge{border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge.success{color:var(--success-500);background:#10b98133}.badge.warning{color:var(--warning-500);background:#f59e0b33}.badge.error{color:var(--error-500);background:#f43f5e33}.badge.info{color:var(--primary-500);background:#6366f133}@media (max-width:768px){.admin-sidebar{transform:translate(-100%)}.admin-main{margin-left:0}.stats-grid{grid-template-columns:1fr}.data-table-container{overflow-x:auto}}