@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{background:linear-gradient(145deg,#0b1a5b,#1e88e5);background:linear-gradient(145deg,var(--primary-dark) 0,var(--primary-light) 100%);display:flex;font-family:Orbitron,Inter,system-ui,-apple-system,sans-serif;isolation:isolate;min-height:100vh;overflow:hidden;position:relative}.login-page:before{animation:grid-shift 20s linear infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="a"><feTurbulence type="fractalNoise" baseFrequency=".01" numOctaves="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><rect width="100%" height="100%" filter="url(%23a)"/></svg>');content:"";height:100%;opacity:.3;position:absolute;width:100%}@keyframes grid-shift{0%{transform:translateY(0)}to{transform:translateY(-1000px)}}.login-page:after{animation:nebula-pulse 15s ease-in-out infinite;background:radial-gradient(circle,#00f7ff33 0,#000c 80%);content:"";height:300%;left:-100%;position:absolute;top:-100%;width:300%}@keyframes nebula-pulse{0%{opacity:.4;transform:rotate(0deg) scale(1)}50%{opacity:.7;transform:rotate(180deg) scale(1.4)}to{opacity:.4;transform:rotate(1turn) scale(1)}}.particles{position:absolute;z-index:1}.particle{animation:float-neon 10s ease-in-out infinite;height:6px;width:6px}.particle:nth-child(2){animation-duration:12s;left:15%;top:20%}.particle:nth-child(3){animation-duration:8s;left:50%;top:60%}.particle:nth-child(4){animation-duration:15s;left:85%;top:10%}.particle:nth-child(5){animation-duration:10s;top:80%}.login-container{margin:auto;max-width:560px;padding:2.5rem;perspective:1000px;position:relative;width:100%;z-index:2}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a192fd9;background:var(--card-bg);border:1px solid #00f7ff33;border-radius:40px;box-shadow:0 15px 50px #00000080,inset 0 0 20px #00f7ff1a;box-shadow:var(--shadow),inset 0 0 20px #00f7ff1a;overflow:hidden;padding:4rem 3rem;position:relative;transform:translateZ(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s ease}.login-card:hover{box-shadow:0 30px 80px #0009,0 0 20px #00f7ff80;box-shadow:0 30px 80px #0009,var(--glow);transform:translateZ(20px) rotateX(5deg)}.login-card:before{background:linear-gradient(90deg,#0000,#00f7ff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.login-card:hover:before{left:100%}.login-title{animation:glitch 5s infinite;font-size:2.4rem;font-weight:900;letter-spacing:-1.5px;margin-bottom:1rem;position:relative;text-align:center;text-transform:uppercase}.login-title,.login-title:after,.login-title:before{background:linear-gradient(45deg,#00f7ff,#ff4081);background:linear-gradient(45deg,var(--accent-neon),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:#0000}.login-title:after,.login-title:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.login-title:before{clip:rect(0,900px,0,0);animation:glitch-top 3s linear infinite alternate-reverse;left:2px;text-shadow:-2px 0 #ff1744;text-shadow:-2px 0 var(--error)}.login-title:after{clip:rect(0,900px,0,0);animation:glitch-bottom 2s linear infinite alternate-reverse;left:-2px;text-shadow:2px 0 #00f7ff;text-shadow:2px 0 var(--accent-neon)}.login-subtitle{color:#e0f7fa;color:var(--text-light);font-size:1.3rem;font-weight:300;margin-bottom:3.5rem;opacity:.7;text-align:center;text-shadow:0 0 10px #00f7ff4d}.login-form{display:flex;flex-direction:column;gap:2.5rem}.input-group{position:relative}.login-input{background:#ffffff08;border:none;border-radius:20px;box-shadow:inset 0 2px 10px #0003,0 0 15px #00f7ff1a;color:#e0f7fa;color:var(--text-light);font-size:1.2rem;padding:1.4rem 1.8rem;transition:all .4s ease;width:100%}.login-input:focus{background:#ffffff14;box-shadow:0 0 25px #00f7ff80;outline:none;transform:scale(1.02)}.login-input::placeholder{color:#fff6}.login-button{background:linear-gradient(45deg,#00f7ff,#ff4081);background:linear-gradient(45deg,var(--accent-neon),var(--accent-secondary));border:none;border-radius:20px;box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;overflow:hidden;padding:1.4rem;position:relative;transition:all .4s ease;width:100%}.login-button:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-150%;position:absolute;top:0;transition:left .5s ease;width:150%}.login-button:hover:after{left:150%}.login-button:hover{box-shadow:0 0 30px #00f7ffb3;transform:translateY(-2px)}.login-button:disabled{background:linear-gradient(45deg,#263238,#455a64);box-shadow:none;cursor:not-allowed;opacity:.6}.login-footer{color:#e0f7fa;color:var(--text-light);font-size:1.1rem;margin-top:3rem;opacity:.7;text-align:center;text-shadow:0 0 10px #00f7ff33}.register-link{color:#00f7ff;color:var(--accent-neon);font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.register-link:after{background:#00f7ff;background:var(--accent-neon);bottom:-4px;box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);content:"";height:3px;left:0;position:absolute;transition:width .4s ease;width:0}.register-link:hover{color:#fff;text-shadow:0 0 10px #00f7ff;text-shadow:0 0 10px var(--accent-neon)}.register-link:hover:after{width:100%}.error-message{align-items:center;animation:shake .4s ease;background:#ff174426;border:1px solid #ff174466;border-radius:16px;box-shadow:0 0 15px #ff17444d;color:#ff1744;color:var(--error);display:flex;font-size:1.1rem;gap:1rem;margin:2rem 0;padding:1.2rem 1.8rem}.error-message:before{animation:pulse-error 1.5s infinite;content:"⚠️";font-size:1.8rem}@keyframes pulse-error{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes button-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.login-container{padding:2rem}.login-card{border-radius:32px;padding:3rem 2.5rem}.login-title{font-size:3rem}.login-button,.login-input{font-size:1.1rem;padding:1.2rem}}@media (prefers-reduced-motion:reduce){.error-message:before,.login-button:after,.login-card,.login-page:after,.login-page:before,.login-title,.particle,.register-link:after{animation:none;transition:none}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(145deg,#0b1a5b,#1e88e5);background:linear-gradient(145deg,var(--primary-dark) 0,var(--primary-light) 100%);color:#e0f7fa;color:var(--text-light);font-family:Inter,Orbitron,sans-serif;overflow:hidden;position:relative}body:before{animation:noise 5s linear infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="a"><feTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23a)" opacity=".2"/></svg>');content:"";height:100%;opacity:.3;position:fixed;width:100%;z-index:-1}@keyframes noise{0%{transform:translate(0)}50%{transform:translate(10px,-10px)}to{transform:translate(0)}}.particles{height:100%;pointer-events:none;position:fixed;width:100%;z-index:-1}.particle{animation:float-neon 12s ease-in-out infinite;background:#00f7ff;background:var(--accent-neon);border-radius:50%;box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);height:5px;position:absolute;width:5px}.particle:nth-child(2){animation-delay:1s;left:10%;top:25%}.particle:nth-child(3){animation-delay:3s;left:70%;top:40%}.particle:nth-child(4){animation-delay:5s;left:90%;top:15%}.particle:nth-child(5){animation-delay:2s;left:30%;top:70%}@keyframes float-neon{0%{opacity:.7;transform:translate(0) scale(1)}50%{opacity:.2;transform:translate(30px,-100vh) scale(1.3)}to{opacity:0;transform:translate(-30px,-200vh) scale(1)}}.dashboard-container{display:flex;height:100vh;isolation:isolate;position:relative}.sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a192fd9;background:var(--card-bg);border-right:1px solid #00f7ff33;color:#e0f7fa;color:var(--text-light);overflow:hidden;transition:width .4s cubic-bezier(.34,1.56,.64,1);z-index:10}.sidebar.open{width:280px}.sidebar.closed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid #00f7ff1a;display:flex;justify-content:space-between;padding:25px}.logo{animation:glitch 5s infinite;font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;position:relative;text-transform:uppercase;white-space:nowrap}.logo,.logo:after,.logo:before{background:linear-gradient(45deg,#00f7ff,#ff4081);background:linear-gradient(45deg,var(--accent-neon),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:#0000}.logo:after,.logo:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.logo:before{clip:rect(0,900px,0,0);animation:glitch-top 3s linear infinite alternate-reverse;left:2px;text-shadow:-2px 0 #ff1744;text-shadow:-2px 0 var(--error)}.logo:after{clip:rect(0,900px,0,0);animation:glitch-bottom 2s linear infinite alternate-reverse;left:-2px;text-shadow:2px 0 #00f7ff;text-shadow:2px 0 var(--accent-neon)}.toggle-button{background:none;border:none;color:#00f7ff;color:var(--accent-neon);cursor:pointer;font-size:24px;transition:transform .3s,box-shadow .3s}.toggle-button:hover{box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);transform:scale(1.2)}#nav-header{padding:15px 25px}#nav-title{color:#00f7ff;color:var(--accent-neon);font-size:20px}#nav-content{padding:15px 0}.nav-button{padding:12px 25px;transition:background .3s,transform .3s}.nav-button:hover{background:#00f7ff1a;transform:translateX(5px)}.nav-button:after{background:linear-gradient(90deg,#0000,#00f7ff4d,#0000);height:100%;left:-100%;top:0;transition:left .5s ease;width:100%}.nav-button:hover:after{left:100%}.nav-button i{color:#00f7ff;color:var(--accent-neon);font-size:20px;margin-right:12px;text-align:center;width:24px}.header-title p{color:#fff9;font-size:16px;margin-top:5px}.notification-button,.profile-button{background:none;border:none;color:#00f7ff;color:var(--accent-neon);cursor:pointer;font-size:24px;transition:transform .3s,box-shadow .3s}.notification-button:hover,.profile-button:hover{box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);transform:scale(1.2)}.logout-button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:transform .3s,box-shadow .3s}.logout-button:hover{box-shadow:0 0 20px #ff174480;transform:translateY(-3px)}.dashboard-widgets{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.widget{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a192fd9;background:var(--card-bg);border-radius:20px;box-shadow:0 15px 50px #00000080,inset 0 0 15px #00f7ff1a;box-shadow:var(--shadow),inset 0 0 15px #00f7ff1a;overflow:hidden;padding:25px;position:relative;text-align:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.widget:hover{box-shadow:0 20px 60px #0009,0 0 20px #00f7ff80;box-shadow:0 20px 60px #0009,var(--glow);transform:translateY(-8px) rotateX(5deg)}.widget:before{background:linear-gradient(90deg,#0000,#00f7ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.widget:hover:before{left:100%}.widget h3{color:#e0f7fa;color:var(--text-light);font-size:20px;margin-bottom:12px}.widget p{background:linear-gradient(45deg,#00f7ff,#ff4081);background:linear-gradient(45deg,var(--accent-neon),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:28px;font-weight:800}.dashboard-charts{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:30px}.chart-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a192fd9;background:var(--card-bg);border-radius:20px;box-shadow:0 15px 50px #00000080;box-shadow:var(--shadow);overflow:hidden;padding:25px;position:relative}.chart-container:before{background:linear-gradient(90deg,#0000,#00f7ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.chart-container:hover:before{left:100%}.chart-container h3{color:#e0f7fa;color:var(--text-light);font-size:20px;margin-bottom:15px}.chart-container canvas{height:350px!important;width:100%!important}.recent-activity{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a192fd9;background:var(--card-bg);border-radius:20px;box-shadow:0 15px 50px #00000080;box-shadow:var(--shadow);padding:25px}.recent-activity h3{color:#e0f7fa;color:var(--text-light);font-size:20px;margin-bottom:15px}.recent-activity ul{list-style:none}.recent-activity li{border-bottom:1px solid #00f7ff1a;color:#e0f7fa;color:var(--text-light);padding:12px 0;transition:transform .3s,background .3s}.recent-activity li:hover{background:#00f7ff0d;transform:translateX(5px)}.recent-activity li:last-child{border-bottom:none}@media (max-width:768px){.sidebar.open{width:220px}.dashboard-charts{grid-template-columns:1fr}.widget p{font-size:24px}.chart-container canvas{height:300px!important}}@media (max-width:480px){.sidebar.open{position:fixed;width:100%;z-index:20}.sidebar.closed{width:0}.main-content{padding:15px}.dashboard-header{align-items:flex-start;flex-direction:column;padding:15px}.header-actions{margin-top:15px}.widget{padding:20px}}@media (prefers-reduced-motion:reduce){.chart-container,.logo,.logout-button,.nav-button,.notification-button,.particle,.profile-button,.recent-activity li,.sidebar,.toggle-button,.widget{animation:none;transition:none}}#nav-bar{display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;z-index:1}.nav-particles{height:100%;pointer-events:none;position:absolute;width:100%;z-index:0}.nav-particle{animation:float-nav 8s ease-in-out infinite;background:#00f7ff;background:var(--accent-neon);border-radius:50%;box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);height:3px;position:absolute;width:3px}.nav-particle:first-child{animation-delay:0s;left:20%;top:10%}.nav-particle:nth-child(2){animation-delay:2s;left:50%;top:30%}.nav-particle:nth-child(3){animation-delay:4s;left:80%;top:50%}@keyframes float-nav{0%{opacity:.5;transform:translate(0) scale(1)}50%{opacity:.2;transform:translate(20px,-50px) scale(1.2)}to{opacity:0;transform:translate(-20px,-100px) scale(1)}}#nav-header{background:linear-gradient(90deg,#00f7ff26,#0000);border-bottom:2px solid #00f7ff33;padding:20px 30px;position:relative;z-index:1}#nav-header hr{animation:pulse-border 2.5s ease-in-out infinite;background:linear-gradient(90deg,#00f7ff,#ff4081);background:linear-gradient(90deg,var(--accent-neon),var(--accent-secondary));border:none;height:2px;margin:15px 0}@keyframes pulse-border{0%{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}to{opacity:.7;transform:scaleX(1)}}#nav-title{animation:glitch 3.5s infinite;font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;position:relative;text-decoration:none;text-shadow:0 0 20px #00f7ff80;text-shadow:var(--glow);text-transform:uppercase;white-space:nowrap;z-index:1}#nav-title,#nav-title:after,#nav-title:before{background:linear-gradient(45deg,#00f7ff,#ff4081);background:linear-gradient(45deg,var(--accent-neon),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:#0000}#nav-title:after,#nav-title:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}#nav-title:before{clip:rect(0,900px,0,0);animation:glitch-top 2.5s linear infinite alternate-reverse;left:3px;text-shadow:-3px 0 #ff1744;text-shadow:-3px 0 var(--error)}#nav-title:after{clip:rect(0,900px,0,0);animation:glitch-bottom 3s linear infinite alternate-reverse;left:-3px;text-shadow:3px 0 #00f7ff;text-shadow:3px 0 var(--accent-neon)}#nav-content{display:flex;flex-direction:column;gap:10px;padding:20px 0;position:relative;z-index:1}#nav-content hr{animation:pulse-border 2.5s ease-in-out infinite;background:linear-gradient(90deg,#00f7ff,#ff4081);background:linear-gradient(90deg,var(--accent-neon),var(--accent-secondary));border:none;height:2px;margin:15px 30px}.nav-button{align-items:center;border-left:5px solid #0000;color:#e0f7fa;color:var(--text-light);display:flex;font-family:Inter,sans-serif;font-size:17px;font-weight:700;overflow:hidden;padding:15px 30px;perspective:1000px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1}.nav-button:hover{background:#00f7ff33;border-left-color:#00f7ff;border-left-color:var(--accent-neon);box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);transform:translateX(10px) rotateY(8deg)}.nav-button.active{animation:pulse-active 2s ease-in-out infinite;background:#00f7ff4d;border-left-color:#ff4081;border-left-color:var(--accent-secondary);box-shadow:0 0 25px #ff408180}@keyframes pulse-active{0%{box-shadow:0 0 25px #ff408180}50%{box-shadow:0 0 35px #ff4081b3}to{box-shadow:0 0 25px #ff408180}}.nav-button:before{background:linear-gradient(90deg,#0000,#00f7ff80,#0000);content:"";height:100%;left:-200%;position:absolute;top:0;transition:left .5s ease;width:200%;z-index:0}.nav-button:hover:before{left:200%}.nav-button:after{background:#ff4081;background:var(--accent-secondary);bottom:0;box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);content:"";height:3px;left:0;position:absolute;transition:width .5s ease;width:0}.nav-button:hover:after{width:100%}.nav-button svg{fill:#00f7ff;fill:var(--accent-neon);height:24px;margin-right:15px;transition:transform .4s ease,filter .4s ease;width:24px}.nav-button:hover svg{filter:drop-shadow(0 0 10px #00f7ff);filter:drop-shadow(0 0 10px var(--accent-neon));transform:scale(1.3) rotate(10deg)}.nav-button a{color:#e0f7fa;color:var(--text-light);font-size:16px;font-weight:600;position:relative;text-decoration:none;white-space:nowrap;z-index:1}#nav-footer-toggle,#nav-toggle,.sidebar.closed .nav-button a{display:none}@media (max-width:768px){#nav-header{padding:15px 25px}#nav-title{font-size:20px}#nav-content{gap:8px;padding:15px 0}.nav-button{font-size:16px;padding:12px 25px}.nav-button svg{height:22px;width:22px}#nav-content hr,#nav-header hr{margin:10px 25px}}@media (max-width:480px){#nav-header{padding:10px 20px}#nav-title{font-size:18px}#nav-content{gap:6px;padding:10px 0}.nav-button{font-size:15px;padding:10px 20px}.nav-button svg{height:20px;width:20px}#nav-content hr,#nav-header hr{margin:8px 20px}}@media (prefers-reduced-motion:reduce){#nav-content hr,#nav-header hr,#nav-title,#nav-title:after,#nav-title:before,.nav-button,.nav-button svg,.nav-button.active,.nav-button:after,.nav-button:before,.nav-particle{animation:none;transition:none}}:root{--primary-dark:#0b1a5b;--primary-light:#1e88e5;--accent-neon:#00f7ff;--accent-secondary:#ff4081;--error:#ff1744;--text-light:#e0f7fa;--card-bg:#0a192fd9;--glow:0 0 20px #00f7ff80;--shadow:0 15px 50px #00000080}.main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a192f80;flex:1 1;overflow-y:auto;padding:30px}.dashboard-header{align-items:center;background:#0a192fd9;background:var(--card-bg);border-radius:20px;box-shadow:0 15px 50px #00000080;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header-title h2{animation:glitch 4s infinite;font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;position:relative}.header-title h2,.header-title:after,.header-title:before{background:linear-gradient(45deg,#00f7ff,#ff4081);background:linear-gradient(45deg,var(--accent-neon),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:#0000}.header-title:after,.header-title:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.header-title:before{clip:rect(0,900px,0,0);animation:glitch-top 3s linear infinite alternate-reverse;left:2px;text-shadow:-2px 0 #ff1744;text-shadow:-2px 0 var(--error)}.header-title:after{clip:rect(0,900px,0,0);animation:glitch-bottom 2s linear infinite alternate-reverse;left:-2px;text-shadow:2px 0 #00f7ff;text-shadow:2px 0 var(--accent-neon)}@keyframes glitch{0%{transform:translate(0)}2%{transform:translate(-2px,2px)}4%{transform:translate(2px,-2px)}6%{transform:translate(0)}to{transform:translate(0)}}@keyframes glitch-top{0%{clip:rect(0,900px,0,0)}to{clip:rect(20px,900px,20px,0)}}@keyframes glitch-bottom{0%{clip:rect(20px,900px,20px,0)}to{clip:rect(0,900px,0,0)}}.header-actions{gap:15px}.header-actions,.search-bar{align-items:center;display:flex}.search-bar{position:relative}.search-bar input{background:#0a192fb3;border:2px solid #00f7ff;border:2px solid var(--accent-neon);border-radius:10px;color:#e0f7fa;color:var(--text-light);font-size:16px;outline:none;padding:10px 40px 10px 15px;transition:box-shadow .3s,border-color .3s}.search-bar input:focus{border-color:#ff4081;border-color:var(--accent-secondary);box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow)}.search-icon{color:#00f7ff;color:var(--accent-neon);font-size:20px;position:absolute;right:10px;transition:transform .3s}.search-bar input:focus+.search-icon{transform:scale(1.2)}.logout-button,.refresh-button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:transform .3s,box-shadow .3s}.refresh-button{background:linear-gradient(45deg,#1e88e5,#00f7ff);background:linear-gradient(45deg,var(--primary-light),var(--accent-neon))}.logout-button{background:linear-gradient(45deg,#ff1744,#ff4081);background:linear-gradient(45deg,var(--error),var(--accent-secondary))}.logout-button:hover,.refresh-button:hover{box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);transform:translateY(-3px)}.refresh-icon{margin-right:5px}.filters{background:#0a192fd9;background:var(--card-bg);border-radius:15px;box-shadow:0 15px 50px #00000080;box-shadow:var(--shadow);display:flex;gap:20px;margin-bottom:20px;padding:15px}.filters label{font-family:Inter,sans-serif;margin-right:10px}.filters label,.filters select{color:#e0f7fa;color:var(--text-light);font-size:16px}.filters select{background:#0a192fb3;border:2px solid #00f7ff;border:2px solid var(--accent-neon);border-radius:8px;outline:none;padding:8px;transition:box-shadow .3s,border-color .3s}.filters select:focus{border-color:#ff4081;border-color:var(--accent-secondary);box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow)}.research-table{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a192fd9;background:var(--card-bg);border-collapse:collapse;border-radius:15px;box-shadow:0 15px 50px #00000080;box-shadow:var(--shadow);overflow:hidden;width:100%}.research-table td,.research-table th{border-bottom:1px solid #00f7ff33;color:#e0f7fa;color:var(--text-light);font-family:Inter,sans-serif;padding:15px;text-align:left}.research-table th{background:#00f7ff1a;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;position:relative}.research-table th:after{background:#00f7ff;background:var(--accent-neon);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}.research-table th:hover:after{width:100%}.research-table tr{transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s}.research-table tr:hover{background:#00f7ff1a;transform:translateY(-3px) rotateX(2deg)}.research-table td input,.research-table td select{background:#0a192fb3;border:1px solid #00f7ff;border:1px solid var(--accent-neon);border-radius:8px;color:#e0f7fa;color:var(--text-light);font-size:14px;outline:none;padding:8px;width:100%}.research-table td button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:transform .3s,box-shadow .3s}.research-table td button:first-child{background:linear-gradient(45deg,#00f7ff,#1e88e5);background:linear-gradient(45deg,var(--accent-neon),var(--primary-light));margin-right:5px}.research-table td button:last-child{background:linear-gradient(45deg,#ff1744,#ff4081);background:linear-gradient(45deg,var(--error),var(--accent-secondary))}.research-table td button:hover{box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);transform:scale(1.1)}.pagination{display:flex;gap:10px;justify-content:center;margin:20px 0}.pagination button{background:#0a192fb3;border:2px solid #00f7ff;border:2px solid var(--accent-neon);border-radius:8px;color:#e0f7fa;color:var(--text-light);cursor:pointer;font-size:16px;padding:10px 15px;transition:background .3s,transform .3s,box-shadow .3s}.pagination button:hover{background:#00f7ff33;box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);transform:scale(1.1)}.pagination button.active{background:#00f7ff;background:var(--accent-neon);border-color:#ff4081;border-color:var(--accent-secondary);color:#0b1a5b;color:var(--primary-dark)}.add-button{background:linear-gradient(45deg,#00f7ff,#ff4081);background:linear-gradient(45deg,var(--accent-neon),var(--accent-secondary));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:transform .3s,box-shadow .3s}.add-button:hover{box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);transform:translateY(-3px)}.modal-overlay{align-items:center;animation:fadeIn .5s ease;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideIn .5s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a192fd9;background:var(--card-bg);border-radius:20px;box-shadow:0 15px 50px #00000080;box-shadow:var(--shadow);max-width:90%;padding:30px;width:500px}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal h2{color:#e0f7fa;color:var(--text-light);font-family:Orbitron,sans-serif;font-size:24px;margin-bottom:20px}.modal form{display:flex;flex-direction:column;gap:15px}.modal label{font-family:Inter,sans-serif}.modal input,.modal label,.modal select{color:#e0f7fa;color:var(--text-light);font-size:16px}.modal input,.modal select{background:#0a192fb3;border:2px solid #00f7ff;border:2px solid var(--accent-neon);border-radius:8px;outline:none;padding:10px;transition:box-shadow .3s,border-color .3s}.modal input:focus,.modal select:focus{border-color:#ff4081;border-color:var(--accent-secondary);box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow)}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:transform .3s,box-shadow .3s}.modal-actions button:first-child{background:linear-gradient(45deg,#00f7ff,#1e88e5);background:linear-gradient(45deg,var(--accent-neon),var(--primary-light))}.modal-actions button:last-child{background:linear-gradient(45deg,#ff1744,#ff4081);background:linear-gradient(45deg,var(--error),var(--accent-secondary))}.modal-actions button:hover{box-shadow:0 0 20px #00f7ff80;box-shadow:var(--glow);transform:scale(1.1)}.alert{animation:slideInRight .5s ease;background:#0a192fd9;background:var(--card-bg);border:2px solid #00f7ff;border:2px solid var(--accent-neon);border-radius:10px;box-shadow:0 15px 50px #00000080;box-shadow:var(--shadow);color:#e0f7fa;color:var(--text-light);padding:15px 20px;position:fixed;right:20px;top:20px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.main-content{padding:20px}.dashboard-header{align-items:flex-start;flex-direction:column;padding:15px}.header-actions{flex-direction:column;gap:10px;width:100%}.search-bar input{width:100%}.filters{align-items:flex-start;flex-direction:column}.research-table td,.research-table th{font-size:14px;padding:10px}.modal{padding:20px;width:90%}}@media (max-width:480px){.main-content{padding:15px}.dashboard-header h2{font-size:24px}.filters label,.filters select{font-size:14px}.research-table{font-size:12px}.research-table td,.research-table th{padding:8px}.pagination button{font-size:14px;padding:8px 12px}.add-button{font-size:14px;padding:10px 15px}}@media (prefers-reduced-motion:reduce){.add-button,.alert,.header-title,.header-title:after,.header-title:before,.logout-button,.modal,.modal-actions button,.modal-overlay,.pagination button,.refresh-button,.research-table th:after,.research-table tr,.search-bar input,.search-icon{animation:none;transition:none}}
/*# sourceMappingURL=main.483bf291.css.map*/