@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bg-primary:#070b19;--bg-secondary:#0d152d;--bg-tertiary:#172246;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--ps-blue:#0072ce;--ps-blue-glow:rgba(0,114,206,0.4);--ps-blue-hover:#0087f5;--accent-cyan:#00f0ff;--accent-purple:#8a2be2;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#f59e0b;--border-color:rgba(255,255,255,0.08);--border-focus:var(--ps-blue);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-neon:0 0 20px rgba(0,240,255,0.15);--shadow-ps-neon:0 0 20px rgba(0,114,206,0.3);--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#6825d7,#2469d1) fixed;color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.5}button,input,select,textarea{font-family:inherit;color:inherit}.bg-glow-1,.bg-glow-2{display:none}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;line-height:1.25}a{color:inherit;text-decoration:none}.text-neon-cyan{text-shadow:0 0 10px rgba(0,240,255,.5);color:var(--accent-cyan)}.text-neon-ps{text-shadow:0 0 10px rgba(0,114,206,.6);color:#55b5ff}.container{width:100%;max-width:1650px;margin:0 auto;padding:0 24px}header{background-color:rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.15);position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:var(--transition-normal)}.nav-container{justify-content:space-between;height:80px}.logo,.nav-container{display:flex;align-items:center}.logo{font-weight:800;font-size:24px;gap:8px;background:linear-gradient(135deg,var(--accent-cyan),var(--ps-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.05em}.nav-menu{display:flex;gap:32px;list-style:none}.nav-link{font-size:16px;font-weight:500;color:var(--text-secondary);position:relative;padding:8px 0;transition:var(--transition-fast)}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--ps-blue),var(--accent-cyan));transform:scaleX(0);transform-origin:right;transition:transform var(--transition-normal)}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-actions{display:flex;gap:20px}.btn,.nav-actions{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;font-weight:600;font-size:14px;padding:10px 20px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,var(--ps-blue),#00569e);color:white;box-shadow:0 4px 14px var(--ps-blue-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--ps-blue-hover),var(--ps-blue));box-shadow:var(--shadow-ps-neon);transform:translateY(-1px)}.btn-secondary{background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#ffffff}.btn-secondary:hover{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.btn-accent{background:linear-gradient(135deg,var(--accent-cyan),#00b3bf);color:#070b19;font-weight:700;box-shadow:0 4px 14px rgba(0,240,255,.25)}.btn-accent:hover{background:linear-gradient(135deg,#33f3ff,var(--accent-cyan));box-shadow:var(--shadow-neon);transform:translateY(-1px)}.btn-danger{background-color:var(--accent-red);color:white}.btn-danger:hover{background-color:#dc2626}.card{background-color:#ffffff;border:none;border-radius:16px;overflow:hidden;color:#0f172a;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:var(--transition-slow)}.card:hover{transform:translateY(-6px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.card h3{color:#0f172a!important;font-size:18px!important;font-weight:700!important}.card p{color:#475569!important}.card .price-original{text-decoration:line-through;color:#94a3b8;font-size:16px;margin-right:12px;display:inline-block}.card .price-final{color:#004b93;font-weight:800;font-size:26px;display:inline-block}.card-divider{height:4px;background-color:#0037c5;width:100%}.input-field{width:100%;padding:12px 16px;background-color:#ffffff;border:1px solid #d1d5db;border-radius:10px;color:#0f172a;font-size:15px;font-weight:500;outline:none;transition:var(--transition-fast)}.input-field::placeholder{color:#6b7280}.input-field:focus{border-color:var(--ps-blue);background-color:#ffffff;box-shadow:0 0 10px rgba(0,114,206,.2)}.input-field option{background-color:#ffffff;color:#0f172a}.cart-btn-container{position:relative}.cart-icon-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#ffffff;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.cart-icon-btn:hover{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);color:#ffffff}.cart-badge{position:absolute;top:-6px;right:-6px;background-color:var(--accent-red);color:white;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);box-shadow:var(--shadow-sm)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--ps-blue)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.product-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:24px;gap:24px;margin-top:30px}@media (min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr);gap:30px}}@media (min-width:1366px){.product-grid{grid-template-columns:repeat(4,1fr);gap:30px}}footer{background-color:#040710;border-top:1px solid var(--border-color);padding:40px 0;margin-top:auto;color:var(--text-muted);font-size:14px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.panel-container{min-height:100vh;position:relative;background:transparent}.panel-container,.panel-sidebar{display:flex;flex-direction:column;width:100%}.panel-sidebar{background:rgba(10,15,30,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.09);height:auto;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:200;padding:0;box-shadow:0 10px 30px rgba(0,0,0,.15)}.panel-content{flex:1 1;margin-left:0;padding:28px 40px;min-height:calc(100vh - 100px);display:flex;flex-direction:column;overflow-x:hidden}.panel-brand{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#00f0ff,#0072ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0;display:flex;align-items:center;gap:8px}.panel-user-info{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px 14px;margin-bottom:0}.panel-user-balance{font-size:14px;font-weight:700;color:var(--accent-cyan);margin-top:1px}.panel-nav{display:flex;flex-direction:row;gap:0;align-items:stretch}.panel-nav-btn{display:flex;align-items:center;gap:7px;padding:11px 16px;border-radius:0;color:rgba(235,240,255,.75);font-weight:500;font-size:12px;letter-spacing:.3px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;white-space:nowrap;text-align:left;transition:color .2s ease,border-color .2s ease;position:relative}.panel-nav-btn:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.03)}.panel-nav-btn.active{color:#00f0ff;border-bottom:2px solid #00f0ff;background:none;box-shadow:none;font-weight:600}.panel-card{background:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.05)!important}.panel-card,.panel-card h2,.panel-card h3,.panel-card h4,.panel-card h5,.panel-card label,.panel-card legend,.panel-card p,.panel-card span{color:#0f172a!important}.panel-card p{color:#475569!important}.panel-title{font-size:24px;font-weight:800;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#0f172a!important}.panel-card .input-field{background-color:var(--bg-tertiary)!important;border:1px solid rgba(0,0,0,.15)!important;color:#ffffff!important}.panel-card .input-field::placeholder{color:rgba(255,255,255,.5)!important}.panel-card .input-field:focus{border-color:var(--ps-blue)!important;box-shadow:0 0 10px rgba(0,114,206,.2)!important}.panel-card .input-field option{background-color:var(--bg-tertiary)!important;color:#ffffff!important}.panel-card .panel-table th{background:#f8fafc!important;color:#0f172a!important;border-bottom:1px solid #e2e8f0!important}.panel-card .panel-table td{color:#334155!important;border-bottom:1px solid #e2e8f0!important}.panel-card .panel-table tr:hover td{background:#f1f5f9!important;color:#0f172a!important}.panel-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.panel-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.panel-table th{background:rgba(13,21,45,.6);font-weight:700;color:var(--text-primary)}.panel-table td,.panel-table th{padding:16px;border-bottom:1px solid var(--border-color)}.panel-table td{color:var(--text-secondary)}.panel-table tr:last-child td{border-bottom:none}.panel-table tr:hover td{background:rgba(255,255,255,.01);color:white}.badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-block}.badge-pending{background:rgba(245,158,11,.1);color:var(--accent-yellow);border:1px solid rgba(245,158,11,.2)}.badge-completed{background:rgba(16,185,129,.1);color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.badge-cancelled{background:rgba(239,68,68,.1);color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}@media (max-width:960px){.panel-sidebar{width:80px;padding:20px 10px;align-items:center}.panel-brand span,.panel-nav-btn span,.panel-user-info{display:none}.panel-content{margin-left:80px;padding:20px}.panel-brand{margin-bottom:30px}.panel-nav-btn{justify-content:center;padding:14px}}.admin-card{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:16px;overflow:hidden;color:var(--text-primary)!important;box-shadow:var(--shadow-lg)!important;transition:var(--transition-slow)}.admin-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-neon)!important}.admin-card h2,.admin-card h3,.admin-card h4,.admin-card h5,.admin-card p,.admin-card td,.admin-card th{color:var(--text-primary)!important}@media (max-width:1024px){.login-showcase{display:none!important}.login-mobile-brand{display:flex!important}}@media (max-width:640px){.login-benefits-grid{grid-template-columns:1fr!important}}