@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800;900&family=Rajdhani:wght@500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#00f0ff;--primary-dark:#00a2b8;--primary-light:#52f4ff;--primary-accent:#00f0ff;--secondary:#ff007f;--secondary-light:#f39;--secondary-dark:#c0005e;--accent:#ffe600;--accent-purple:#9d4edd;--success:#0f6;--danger:#f05;--font-heading:"Orbitron", "Rajdhani", sans-serif;--font-subheading:"Rajdhani", sans-serif;--font-body:"Rajdhani", "Inter", sans-serif;--font-mono:"Fira Code", monospace;--bg-dark:#060813;--bg-deep:#0a0d1d;--bg-card:#0c1124d9;--bg-card-hover:#121934f5;--bg-header:#070a16e6;--border-glass:#00f0ff38;--border-glass-hover:#00f0ff99;--border-pink:#ff007f73;--text-main:#f0f6fc;--text-muted:#c9d6df;--text-subtle:#7e8da0;--gradient-primary:linear-gradient(135deg, #00f0ff 0%, #ff007f 100%);--gradient-cyan:linear-gradient(135deg, #00f0ff 0%, #0077fe 100%);--gradient-magenta:linear-gradient(135deg, #ff007f 0%, #7928ca 100%);--gradient-yellow:linear-gradient(135deg, #ffe600 0%, #f50 100%);--gradient-glow:linear-gradient(135deg, #00f0ff29 0%, #ff007f1a 100%);--gradient-dark:radial-gradient(circle at 50% 0%, #151833 0%, #080a18 60%, #04050d 100%);--gradient-ocean:linear-gradient(135deg, #00f0ff 0%, #0077fe 100%);--text-gradient:linear-gradient(135deg, #00f0ff 10%, #ff007f 90%);--text-gradient-cyan:linear-gradient(135deg, #fff 0%, #00f0ff 100%);--text-gradient-yellow:linear-gradient(135deg, #ffe600 0%, #ff007f 100%);--shadow-glow:0 0 20px #00f0ff66;--shadow-glow-pink:0 0 22px #ff007f73;--shadow-glow-yellow:0 0 20px #ffe60066;--shadow-glow-hover:0 0 30px #00f0ffa6, 0 0 12px #ff007f66;--shadow-card:0 10px 35px 0 #000000a6, 0 0 1px 1px #00f0ff26}[data-theme=light]{--bg-dark:#f0f4fd;--bg-deep:#e2eafc;--bg-card:#ffffffe6;--bg-card-hover:#fffffffa;--bg-header:#f0f4fdeb;--border-glass:#00a0c84d;--border-glass-hover:#ff007f73;--border-pink:#ff007f59;--text-main:#0a0f24;--text-muted:#2d3748;--text-subtle:#5a6a85;--gradient-glow:linear-gradient(135deg, #00f0ff1f 0%, #ff007f14 100%);--gradient-dark:linear-gradient(to bottom, #f0f4fd 0%, #e2eafc 100%);--text-gradient:linear-gradient(135deg, #08c 0%, #d6006c 100%);--shadow-card:0 8px 30px 0 #0028641f;--shadow-glow:0 0 20px #00a0c840;--shadow-glow-hover:0 0 30px #00a0c866}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);letter-spacing:.02em;background-color:var(--bg-dark);color:var(--text-muted);background-image:radial-gradient(circle at 50% -10%,#00f0ff1f 0%,#0000 50%),radial-gradient(circle at 90% 40%,#ff007f14 0%,#0000 40%),linear-gradient(#00f0ff09 1px,#0000 1px),linear-gradient(90deg,#00f0ff09 1px,#0000 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px;background-attachment:fixed;min-height:100vh;font-size:1.05rem;font-weight:500;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:.03em;text-transform:uppercase;font-weight:700}a{color:var(--primary);text-decoration:none;transition:all .3s}a:hover{color:var(--secondary);text-shadow:0 0 10px #ff007f99}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);border-radius:2px;box-shadow:0 0 8px #00f0ff80}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.text-glow{text-shadow:0 0 12px #00f0ff99,0 0 25px #00f0ff4d}.text-glow-pink{text-shadow:0 0 12px #ff007f99,0 0 25px #ff007f4d}.text-gradient{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-cyan{background:var(--text-gradient-cyan);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-yellow{background:var(--text-gradient-yellow);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-container{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);box-shadow:var(--shadow-card);border-radius:14px;transition:border .3s,box-shadow .3s,transform .3s,background-color .3s;position:relative}.glass-container:before{content:"";border-top:2px solid var(--primary);border-left:2px solid var(--primary);pointer-events:none;opacity:.6;border-top-left-radius:12px;width:24px;height:24px;position:absolute;top:0;left:0}.glass-container-hover:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-glow-hover);background:var(--bg-card-hover);transform:translateY(-3px)}.btn-primary{color:#040814;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;text-align:center;background:linear-gradient(135deg,#00f0ff 0%,#08f 50%,#ff007f 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00f0ff66,inset 0 0 10px #ffffff4d}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 0 30px #00f0ffcc,0 0 20px #ff007f99}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--primary);border:1px solid var(--primary);font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#00f0ff14;border-radius:6px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 0 10px #00f0ff26}.btn-secondary:hover{color:#fff;border-color:var(--primary-light);background:#00f0ff33;transform:translateY(-2px);box-shadow:0 0 22px #00f0ff73}.btn-danger{color:#fff;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#f05 0%,#903 100%);border:1px solid #ff005580;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 0 15px #ff005559}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff0055b3}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:75px 20px 40px}@media (width<=640px){.main-content{padding:70px 12px 28px}}@media (width<=380px){.main-content{padding:68px 8px 20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes cyberPulse{0%,to{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 8px var(--primary))}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.badge{font-size:.72rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:4px;align-items:center;padding:4px 10px;font-weight:700;display:inline-flex}.badge-free{color:#0f6;background-color:#00ff661f;border:1px solid #0f66;box-shadow:0 0 8px #0f63}.badge-member{color:#ff007f;background-color:#ff007f1f;border:1px solid #ff007f66;box-shadow:0 0 8px #ff007f33}.badge-approved{color:#00f0ff;background-color:#00f0ff26;border:1px solid #00f0ff66}.badge-pending{color:#ffe600;background-color:#ffe6001f;border:1px solid #ffe60066}.badge-rejected{color:#f05;background-color:#ff005526;border:1px solid #f056}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);font-size:.9rem;font-weight:600;font-family:var(--font-subheading);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;display:block}.form-control{border:1px solid var(--border-glass);width:100%;color:var(--text-main);font-family:var(--font-body);background:#00f0ff0a;border-radius:6px;padding:12px 16px;font-size:1rem;transition:all .25s}.form-control:focus{border-color:var(--primary);background:#00f0ff14;outline:none;box-shadow:0 0 16px #00f0ff59}select.form-control option{background-color:var(--bg-dark);color:var(--text-main)}.custom-table{border-collapse:collapse;text-align:left;width:100%;margin:20px 0}.custom-table th{border-bottom:2px solid var(--border-glass);color:var(--primary);font-family:var(--font-heading);letter-spacing:.05em;background:#00f0ff14;padding:16px;font-size:.85rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-glass);color:var(--text-muted);padding:16px}.custom-table tr:hover td{background:#00f0ff0d}.whatsapp-float{color:#040814;z-index:999;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#25d366 100%);border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 0 25px #00f0ff80}.whatsapp-float:hover{color:#fff;transform:scale(1.12);box-shadow:0 0 35px #00f0ffcc,0 0 20px #25d36699}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr!important;gap:30px!important}}