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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login_back,.signup_back{align-items:center;animation:gradientAnimation 15s ease infinite;background:linear-gradient(135deg,#e0f7fa,#b4feff,#fff);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end),var(--white));background-size:200% 200%;display:flex;justify-content:center;min-height:100vh;overflow:hidden}.have_account a,.havent_account a{color:#2196f3;font-weight:600;text-decoration:none;transition:color .3s ease}.have_account a:hover,.havent_account a:hover{color:#1976d2;text-decoration:underline}.login_first_grid,.signup_second_grid{box-sizing:border-box;color:#fff;color:var(--white);display:flex;height:100vh;width:50%}.slideshow_container{flex-wrap:wrap;gap:1.6rem;gap:var(--spacing-lg);max-width:900px;perspective:1500px;width:100%}.slideshow_card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff40;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #00000026;box-shadow:var(--box-shadow-md);color:#666;color:var(--dark-gray);height:400px;padding:1.6rem;padding:var(--spacing-lg);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease-out;width:280px}.slideshow_card:hover{box-shadow:0 20px 35px #00000040;cursor:pointer;transform:scale(1.05) translateZ(30px) translateY(-5px)}.login_second_grid{align-items:center;background-color:#fff;background-color:var(--white);border-bottom-left-radius:24px;border-bottom-left-radius:var(--border-radius-lg);border-top-left-radius:24px;border-top-left-radius:var(--border-radius-lg);box-sizing:border-box;display:flex;height:100vh;justify-content:center;width:50%}.login_container,.login_second_grid{padding:2.4rem;padding:var(--spacing-xl)}.login_container{border-radius:6.4px;border-radius:var(--border-radius-md);box-shadow:0 4px 8px #00000026;box-shadow:var(--box-shadow-md);max-width:400px;text-align:center;width:100%}.login_container_topic{margin-bottom:1.6rem;margin-bottom:var(--spacing-lg);margin-top:1.6rem;margin-top:var(--spacing-lg)}.login_container_topic span{color:#333;font-family:Merriweather,serif;font-size:2.4rem;font-size:var(--font-size-xl);font-weight:700}.login_input{border:1px solid #bdbdbd;border:1px solid var(--medium-gray);border-radius:6.4px;border-radius:var(--border-radius-md);box-sizing:border-box;font-size:.9rem;font-size:var(--font-size-md);height:2.8rem;margin:1.2rem 4rem;margin:var(--spacing-md) var(--spacing-xxl);padding:0 1.2rem;padding:0 var(--spacing-md);transition:border-color .3s ease,box-shadow .3s ease;width:calc(100% - 8rem);width:calc(100% - var(--spacing-xxl)*2)}.login_input:focus{border-color:#64b5f6;box-shadow:0 0 0 3px #64b5f633;outline:none}.login_checkbox{align-items:center;color:#666;color:var(--dark-gray);display:flex;font-size:.8rem;font-size:var(--font-size-sm);gap:.8rem;gap:var(--spacing-sm);justify-content:left;margin-left:4rem;margin-left:var(--spacing-xxl)}.login{margin-bottom:1.2rem;margin-bottom:var(--spacing-md);margin-top:1.6rem;margin-top:var(--spacing-lg)}.login button{border:none;border-radius:2rem;border-radius:var(--border-radius-pill);color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;font-size:var(--font-size-md);font-weight:700;height:2.8rem;transition:background .3s ease,box-shadow .3s ease,transform .2s ease;width:calc(100% - 8rem);width:calc(100% - var(--spacing-xxl)*2)}.login button,.login button:hover:not(:disabled){background:linear-gradient(90deg,#81d4fa,#00aeff);background:linear-gradient(90deg,var(--secondary-gradient-start),var(--secondary-gradient-end))}.login button:hover:not(:disabled){box-shadow:0 0 8px #4fc3f780,0 0 15px #81d4fa66;font-weight:800;transform:translateY(-1px)}.login_or{align-items:center;color:#666;color:var(--dark-gray);display:flex;font-size:.9rem;font-size:var(--font-size-md);margin:1.6rem 0;margin:var(--spacing-lg) 0}.hr1_login,.hr2_login{background-color:#bdbdbd;background-color:var(--medium-gray);border:none;flex:1 1;height:1px}.hr1_login{margin-left:4rem;margin-left:var(--spacing-xxl);margin-right:1.2rem;margin-right:var(--spacing-md)}.hr2_login{margin-left:1.2rem;margin-left:var(--spacing-md);margin-right:4rem;margin-right:var(--spacing-xxl)}.login_g button{background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--light-gray);border-radius:6.4px;border-radius:var(--border-radius-md);cursor:pointer;margin-bottom:1.6rem;margin-bottom:var(--spacing-lg);padding:.8rem;padding:var(--spacing-sm);transition:box-shadow .3s ease}.login_g button:hover{box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow-light)}.login_g img{display:block;filter:contrast(130%) brightness(105%) saturate(130%);height:auto;width:120px}.have_account,.havent_account{color:#666;color:var(--dark-gray);font-size:.8rem;font-size:var(--font-size-sm);margin-bottom:1.6rem;margin-bottom:var(--spacing-lg)}@media screen and (max-width:960px){.login_back,.signup_back{flex-direction:column}.login_first_grid,.login_second_grid,.signup_first_grid,.signup_second_grid{border-radius:0;height:auto;min-height:50vh;padding:1.6rem;padding:var(--spacing-lg);width:100%}.login_first_grid{order:2}.login_second_grid{order:1}.login_container,.signup_container{box-shadow:0 4px 8px #00000026;box-shadow:var(--box-shadow-md);margin-bottom:2.4rem;margin-bottom:var(--spacing-xl);margin-top:2.4rem;margin-top:var(--spacing-xl);padding:1.6rem;padding:var(--spacing-lg)}.login button,.login_input,.signup button,.signup_input{margin-left:1.6rem;margin-left:var(--spacing-lg);margin-right:1.6rem;margin-right:var(--spacing-lg);width:calc(100% - 3.2rem);width:calc(100% - var(--spacing-lg)*2)}.login_checkbox{margin-left:1.6rem;margin-left:var(--spacing-lg)}.signup_emailchecking,.signup_usernamechecking{right:2.8rem;right:calc(var(--spacing-lg) + var(--spacing-md))}.hr1,.hr1_login,.hr2,.hr2_login{margin-left:1.6rem;margin-left:var(--spacing-lg);margin-right:1.2rem;margin-right:var(--spacing-md)}.hr2,.hr2_login{margin-left:1.2rem;margin-left:var(--spacing-md);margin-right:1.6rem;margin-right:var(--spacing-lg)}.slideshow_container{padding:2.4rem 0;padding:var(--spacing-xl) 0}}@media screen and (max-width:480px){.login_back,.login_container,.login_first_grid,.login_second_grid,.signup_back,.signup_container,.signup_first_grid,.signup_second_grid{padding:1.2rem;padding:var(--spacing-md)}.login_container,.signup_container{box-shadow:none;margin-bottom:1.6rem;margin-bottom:var(--spacing-lg);margin-top:1.6rem;margin-top:var(--spacing-lg);width:100%}.login_container_topic span,.signup_container_topic span{font-size:1.4rem;font-size:var(--font-size-lg)}.login_input,.signup_input{font-size:.8rem;font-size:var(--font-size-sm);height:2.6rem;margin-right:1.2rem;margin-right:var(--spacing-md);width:calc(100% - 2.4rem);width:calc(100% - var(--spacing-md)*2)}.login_checkbox,.login_input,.signup_input{margin-left:1.2rem;margin-left:var(--spacing-md)}.signup_emailchecking,.signup_usernamechecking{font-size:var(--font-size-xs);right:1.6rem;right:calc(var(--spacing-md) + var(--spacing-xs))}.signup_emailerror,.signup_usernameerror{font-size:var(--font-size-xs);width:calc(100% - 2.4rem);width:calc(100% - var(--spacing-md)*2)}.login button,.signup button{font-size:.8rem;font-size:var(--font-size-sm);height:2.6rem;margin-left:1.2rem;margin-left:var(--spacing-md);margin-right:1.2rem;margin-right:var(--spacing-md);width:calc(100% - 2.4rem);width:calc(100% - var(--spacing-md)*2)}.hr1,.hr1_login,.hr2,.hr2_login{margin-left:1.2rem;margin-left:var(--spacing-md);margin-right:.4rem;margin-right:var(--spacing-xs)}.hr2,.hr2_login{margin-left:.4rem;margin-left:var(--spacing-xs);margin-right:1.2rem;margin-right:var(--spacing-md)}.login_g img,.signup_g img{width:100px}.have_account,.havent_account{font-size:var(--font-size-xs)}.slideshow_card{height:auto;min-height:300px;width:90%}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.slideshow_2{height:1200px;margin-top:11rem;width:850px}.mySwiper_2 .swiper-slide{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;overflow:hidden}.mySwiper_2 .swiper-slide img{height:100%;object-fit:cover;width:100%}.mySwiper_2 .swiper-slide-next,.mySwiper_2 .swiper-slide-prev{filter:brightness(50%) blur(2px)}.mySwiper_2 .swiper-slide-active{filter:brightness(100%) blur(0)}@media screen and (max-width:480px){.slideshow_2{height:700px;margin-bottom:-24rem;margin-top:0;width:600px}}:root{--primary-gradient-start:#e0f7fa;--primary-gradient-end:#b4feff;--secondary-gradient-start:#81d4fa;--secondary-gradient-end:#00aeff;--light-gray:#e0e0e0;--medium-gray:#bdbdbd;--dark-gray:#666;--error-color:#d32f2f;--error-bg:#ffebee;--success-color:#2e7d32;--success-bg:#e8f5e9;--spacing-xs:0.4rem;--spacing-sm:0.8rem;--spacing-md:1.2rem;--spacing-lg:1.6rem;--spacing-xl:2.4rem;--spacing-xxl:4rem;--border-radius-sm:4px;--border-radius-md:6.4px;--border-radius-lg:24px;--border-radius-pill:2rem;--font-size-sm:0.8rem;--font-size-md:0.9rem;--font-size-lg:1.4rem;--font-size-xl:2.4rem;--box-shadow-light:0 2px 4px #0000001a;--box-shadow-md:0 4px 8px #00000026;--box-shadow-lg:0 8px 16px #0003}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.signup_back{animation:gradientAnimation 15s ease infinite;background:linear-gradient(135deg,#e0f7fa,#b4feff,#fff);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end),var(--white));background-size:200% 200%;min-height:100vh;overflow:hidden}.signup_back,.signup_first_grid{align-items:center;display:flex;justify-content:center}.signup_first_grid{background-color:#fff;background-color:var(--white);border-bottom-right-radius:24px;border-bottom-right-radius:var(--border-radius-lg);border-top-right-radius:24px;border-top-right-radius:var(--border-radius-lg);box-sizing:border-box;height:100vh;width:50%}.signup_container,.signup_first_grid{padding:2.4rem;padding:var(--spacing-xl)}.signup_container{border-radius:6.4px;border-radius:var(--border-radius-md);box-shadow:0 4px 8px #00000026;box-shadow:var(--box-shadow-md);max-width:400px;text-align:center;width:100%}.signup_container_topic{margin-bottom:1.6rem;margin-bottom:var(--spacing-lg);margin-top:1.6rem;margin-top:var(--spacing-lg)}.signup_container_topic span{color:#333;font-family:Merriweather,serif;font-size:2.4rem;font-size:var(--font-size-xl);font-weight:700}.signup_error,.signup_success{border:1px solid;border-radius:4px;border-radius:var(--border-radius-sm);font-size:.9rem;font-size:var(--font-size-md);margin-bottom:1.2rem;margin-bottom:var(--spacing-md);padding:.8rem 1.2rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.signup_error{background-color:#ffebee;background-color:var(--error-bg);border-color:#d32f2f;border-color:var(--error-color);color:#d32f2f;color:var(--error-color)}.signup_success{background-color:#e8f5e9;background-color:var(--success-bg);border-color:#2e7d32;border-color:var(--success-color);color:#2e7d32;color:var(--success-color)}.signup_input{border:1px solid #bdbdbd;border:1px solid var(--medium-gray);border-radius:6.4px;border-radius:var(--border-radius-md);box-sizing:border-box;font-size:.9rem;font-size:var(--font-size-md);height:2.8rem;margin:1.2rem 4rem;margin:var(--spacing-md) var(--spacing-xxl);padding:0 1.2rem;padding:0 var(--spacing-md);transition:border-color .3s ease,box-shadow .3s ease;width:calc(100% - 8rem);width:calc(100% - var(--spacing-xxl)*2)}.signup_input:focus{border-color:#64b5f6;box-shadow:0 0 0 3px #64b5f633;outline:none}.signup_input.error{border-color:#d32f2f!important;border-color:var(--error-color)!important}.signup_input_email,.signup_input_username{align-items:center;display:flex;flex-direction:column;position:relative}.signup_emailchecking,.signup_usernamechecking{color:#666;color:var(--dark-gray);font-size:.8rem;font-size:var(--font-size-sm);position:absolute;right:5.2rem;right:calc(var(--spacing-xxl) + var(--spacing-md));top:50%;transform:translateY(-50%);white-space:nowrap}.signup_emailerror,.signup_usernameerror{color:#d32f2f;color:var(--error-color);font-size:.8rem;font-size:var(--font-size-sm);margin-bottom:.8rem;margin-bottom:var(--spacing-sm);margin-top:.4rem;margin-top:var(--spacing-xs);text-align:left;width:calc(100% - 8rem);width:calc(100% - var(--spacing-xxl)*2)}.signup{margin-bottom:1.2rem;margin-bottom:var(--spacing-md);margin-top:1.6rem;margin-top:var(--spacing-lg)}.signup button{border:none;border-radius:2rem;border-radius:var(--border-radius-pill);color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;font-size:var(--font-size-md);font-weight:700;height:2.8rem;transition:background .3s ease,box-shadow .3s ease,transform .2s ease;width:calc(100% - 8rem);width:calc(100% - var(--spacing-xxl)*2)}.signup button,.signup button:hover:not(:disabled){background:linear-gradient(90deg,#81d4fa,#00aeff);background:linear-gradient(90deg,var(--secondary-gradient-start),var(--secondary-gradient-end))}.signup button:hover:not(:disabled){box-shadow:0 0 8px #4fc3f780,0 0 15px #81d4fa66;font-weight:800;transform:translateY(-1px)}.signup button:disabled{background:#e0e0e0;background:var(--light-gray);box-shadow:none;color:#666;color:var(--dark-gray);cursor:not-allowed;opacity:.7}.signup_or{align-items:center;color:#666;color:var(--dark-gray);display:flex;font-size:.9rem;font-size:var(--font-size-md);margin-bottom:1.6rem;margin-bottom:var(--spacing-lg);margin-top:1.6rem;margin-top:var(--spacing-lg)}.hr1,.hr2{background-color:#bdbdbd;background-color:var(--medium-gray);border:none;flex:1 1;height:1px}.hr1{margin-left:4rem;margin-left:var(--spacing-xxl);margin-right:1.2rem;margin-right:var(--spacing-md)}.hr2{margin-left:1.2rem;margin-left:var(--spacing-md);margin-right:4rem;margin-right:var(--spacing-xxl)}.signup_g button{background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--light-gray);border-radius:6.4px;border-radius:var(--border-radius-md);margin-bottom:1.6rem;margin-bottom:var(--spacing-lg);padding:.8rem;padding:var(--spacing-sm);transition:box-shadow .3s ease}.signup_g button:hover{box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow-light)}.signup_g img{display:block;filter:contrast(130%) brightness(105%) saturate(130%);height:auto;width:120px}.signup_g img:hover{cursor:pointer;filter:contrast(100%) brightness(90%) saturate(140%)}.havent_account{color:#666;color:var(--dark-gray);font-size:.8rem;font-size:var(--font-size-sm);margin-bottom:1.6rem;margin-bottom:var(--spacing-lg)}.havent_account a{color:#2196f3;font-weight:600;text-decoration:none;transition:color .3s ease}.havent_account a:hover{color:#1976d2;text-decoration:underline}.signup_second_grid{align-items:center;box-sizing:border-box;color:#fff;color:var(--white);display:flex;height:100vh;justify-content:left;padding:2.4rem;padding:var(--spacing-xl);width:50%}.slideshow_container{display:flex;height:auto;margin-right:10rem;margin-top:25rem;max-width:400px;width:10%}@media screen and (max-width:960px){.signup_first_grid,.signup_second_grid{border-radius:0;height:auto;padding:1.6rem;padding:var(--spacing-lg);width:100%}.signup_container{box-shadow:0 4px 8px #00000026;box-shadow:var(--box-shadow-md);margin-bottom:2.4rem;margin-bottom:var(--spacing-xl);margin-top:2.4rem;margin-top:var(--spacing-xl);padding:1.6rem;padding:var(--spacing-lg)}.signup_input{margin-left:1.6rem;margin-left:var(--spacing-lg);margin-right:1.6rem;margin-right:var(--spacing-lg);width:calc(100% - 3.2rem);width:calc(100% - var(--spacing-lg)*2)}.signup_emailchecking,.signup_usernamechecking{right:2.8rem;right:calc(var(--spacing-lg) + var(--spacing-md))}.signup button{margin-right:1.6rem;margin-right:var(--spacing-lg);width:calc(100% - 3.2rem);width:calc(100% - var(--spacing-lg)*2)}.hr1,.signup button{margin-left:1.6rem;margin-left:var(--spacing-lg)}.hr1{margin-right:1.2rem;margin-right:var(--spacing-md)}.hr2{margin-left:1.2rem;margin-left:var(--spacing-md);margin-right:1.6rem;margin-right:var(--spacing-lg)}.slideshow_container{margin:2.4rem auto;margin:var(--spacing-xl) auto;max-width:400px}}@media screen and (max-width:480px){.signup_back{flex-direction:column;padding:1.2rem;padding:var(--spacing-md)}.signup_first_grid,.signup_second_grid{border-radius:0;height:auto;padding:1.2rem;padding:var(--spacing-md);width:100%}.signup_container{box-shadow:none;margin-bottom:1.6rem;margin-bottom:var(--spacing-lg);margin-top:1.6rem;margin-top:var(--spacing-lg);order:1;padding:1.2rem;padding:var(--spacing-md);width:100%}.signup_container_topic span{font-size:1.4rem;font-size:var(--font-size-lg)}.signup_input{font-size:.8rem;font-size:var(--font-size-sm);height:2.6rem;margin-left:1.2rem;margin-left:var(--spacing-md);margin-right:1.2rem;margin-right:var(--spacing-md);width:calc(100% - 2.4rem);width:calc(100% - var(--spacing-md)*2)}.signup_emailchecking,.signup_usernamechecking{font-size:var(--font-size-xs);right:1.6rem;right:calc(var(--spacing-md) + var(--spacing-xs))}.signup_emailerror,.signup_usernameerror{font-size:var(--font-size-xs)}.signup button,.signup_emailerror,.signup_usernameerror{width:calc(100% - 2.4rem);width:calc(100% - var(--spacing-md)*2)}.signup button{font-size:.8rem;font-size:var(--font-size-sm);height:2.6rem;margin-right:1.2rem;margin-right:var(--spacing-md)}.hr1,.signup button{margin-left:1.2rem;margin-left:var(--spacing-md)}.hr1{margin-right:.4rem;margin-right:var(--spacing-xs)}.hr2{margin-left:.4rem;margin-left:var(--spacing-xs);margin-right:1.2rem;margin-right:var(--spacing-md)}.signup_g img{width:100px}.havent_account{font-size:var(--font-size-xs)}}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}.slideshow{height:900px;margin:auto;width:800px}.mySwiper .swiper-slide{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;overflow:hidden}.mySwiper .swiper-slide img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:480px){.slideshow{height:900px;margin:auto;max-width:800px;width:90%}}:root{--primary-blue:#3b82f6;--primary-blue-hover:#2563eb;--secondary-blue:#1e90ff;--accent-gold:#f59e0b;--success-green:#10b981;--warning-orange:#f59e0b;--danger-red:#ef4444;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-glass:#fffc;--gradient-glass-border:#0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:all 0.15s ease-out;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}.user_back{background:#fff;background:var(--bg-primary);background-position:50%;background-size:cover;min-height:100vh;overflow-x:hidden;position:relative}.user_back:before{background:radial-gradient(circle at 20% 80%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf608 0,#0000 50%),radial-gradient(circle at 40% 40%,#10b98105 0,#0000 50%);content:"";inset:0;position:absolute;z-index:-1}.svg_background{animation:backgroundFloat 20s ease-in-out infinite;background-image:radial-gradient(circle at 25px 25px,#3b82f61a 2px,#0000 0),radial-gradient(circle at 75px 75px,#8b5cf61a 2px,#0000 0);background-size:100px 100px;height:100%;left:0;opacity:.02;overflow:hidden;position:fixed;top:0;width:100%;z-index:-2}.modal-overlay{animation:fadeIn .3s ease-in-out;background:#00000073;height:100%;width:100%}.modal-content{animation:slideUp .3s ease-in-out;border-radius:16px;box-shadow:0 10px 25px #0003;max-width:90%;padding:24px;width:400px}.modal-content h3{color:#333;font-size:20px;font-weight:600;margin-top:0}.modal-content textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;margin:12px 0;outline:none;padding:12px;resize:none;transition:border-color .2s}.modal-content textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.modal-content button{border:none;border-radius:8px;cursor:pointer;font-size:14px;margin-top:12px;padding:10px 18px;transition:background .2s ease,transform .1s}.modal-content button:first-of-type{background:#4f46e5;color:#fff;margin-right:10px}.modal-content button:first-of-type:hover{background:#4338ca;transform:scale(1.03)}.modal-content button:last-of-type{background:#e5e7eb;color:#374151}.modal-content button:last-of-type:hover{background:#d1d5db;transform:scale(1.03)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(.5deg)}}.header_one{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header_one,.header_two{align-items:center;display:flex}.header_two{gap:1rem;gap:var(--spacing-md);justify-content:flex-end;margin-left:auto}.logo1{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:62px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:256px}.logo1:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.02)}.workspace{display:flex;margin-right:2rem;margin-right:var(--spacing-xl)}.workspace button{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);height:3rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:14rem}.workspace button:before{background:linear-gradient(45deg,#0000 30%,#3b82f60d 50%,#0000 70%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s}.workspace button:hover:before{transform:translateX(100%)}.workspace button:hover{background:#fff;background:var(--white);border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#3b82f6;color:var(--primary-blue);transform:translateY(-2px)}.notification_container{display:inline-block;position:relative}.notification_icon_button{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;overflow:hidden;padding:.5rem;padding:var(--spacing-sm);position:relative}.notification_icon_button,.notification_icon_button:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.notification_icon_button:before{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);content:"";inset:0;opacity:0;position:absolute}.notification_icon_button:hover:before{opacity:1}.notification_icon_button:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:scale(1.05)}.notification_icon{color:#475569;color:var(--text-secondary);height:1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:1.4rem}.notification_icon_button:hover .notification_icon{color:#3b82f6;color:var(--primary-blue)}.notification_badge{align-items:center;animation:notificationPulse 2s infinite;background:linear-gradient(135deg,#f44,#c00);border:2px solid #fff;border:2px solid var(--white);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-2px;top:-2px;width:20px}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-picture-container,.profile-picture-wrapper{display:inline-block;position:relative}.profile-picture-wrapper{border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.profile-picture-wrapper:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:scale(1.05)}.profile_picture{height:35px;object-fit:cover;width:35px}.profile-picture-overlay,.profile_picture{border-radius:9999px;border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.profile-picture-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute}.profile-picture-wrapper:hover .profile-picture-overlay{opacity:1}.camera-icon{color:#fff;color:var(--white);font-size:18px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.profile-picture-wrapper:hover .camera-icon{transform:scale(1.2)}.presentations{background:#fff;background:var(--bg-primary);margin:0 auto;max-width:1800px;padding:2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-lg)}.presentations_create{display:flex;justify-content:flex-start;margin-bottom:2rem;margin-bottom:var(--spacing-xl);margin-left:2rem}.presentations_create button{align-items:center;background:#fff;background:var(--white);border:2px solid #1e90ff;border:2px solid var(--secondary-blue);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e90ff;color:var(--secondary-blue);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);height:3rem;overflow:hidden;padding:0 2rem;padding:0 var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.presentations_create button:before{background:#1e90ff;background:var(--secondary-blue);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}.presentations_create button:hover:before{transform:scaleX(1);transform-origin:left}.presentations_create button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);transform:translateY(-2px)}.plusicon{height:1rem;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:1rem}.presentations_create button:hover .plusicon{transform:rotate(180deg) scale(1.2)}.presentations-grid{grid-gap:clamp(1.5rem,3vw,2.5rem);display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1.5rem 0;padding:var(--spacing-lg) 0}.presentation{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-height:380px;overflow:hidden;position:relative}.presentation,.presentation:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.presentation:before{background:linear-gradient(135deg,#3b82f605,#8b5cf605 50%,#10b98105);content:"";inset:0;opacity:0;position:absolute;z-index:1}.presentation:hover:before{opacity:1}.presentation:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-8px) scale(1.02)}.presentation_image{background:#f8fafc;background:var(--bg-secondary);border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;height:200px;overflow:hidden;position:relative}.presentation_image img{filter:brightness(.98) contrast(1.02);height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.presentation:hover .presentation_image img{filter:brightness(1) contrast(1.05);transform:scale(1.05)}.favorite_icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#94a3b8;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.5rem;height:15px;justify-content:center;padding:.5rem;padding:var(--spacing-sm);position:absolute;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:15px;z-index:10}.favorite_icon:hover{box-shadow:0 8px 32px #f59e0b33;transform:scale(1.2) rotate(15deg)}.favorite_icon.active,.favorite_icon:hover{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--accent-gold);color:#f59e0b;color:var(--accent-gold)}.favorite_icon.active{animation:favoriteHeartbeat 1.5s ease-in-out infinite}@keyframes favoriteHeartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.presentation_content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.presentation_title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--text-primary);display:-webkit-box;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:1rem;margin-bottom:var(--spacing-md);overflow:hidden;text-overflow:ellipsis}.presentation_meta{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.presentation_date,.presentation_views{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.presentation_actions{display:flex;gap:.5rem;gap:var(--spacing-sm);margin-top:auto}.presentation_view{flex:1 1}.presentation_delete button,.presentation_edit button,.presentation_view button{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);height:2.75rem;justify-content:center;letter-spacing:.5px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.presentation_view button{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-hover));box-shadow:0 4px 14px #3b82f640;color:#fff;color:var(--white)}.presentation_view button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue-hover),#1d4ed8);box-shadow:0 8px 25px #3b82f659;transform:translateY(-2px)}.presentation_edit button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 14px #8b5cf640;color:#fff;color:var(--white)}.presentation_edit button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 25px #8b5cf659;transform:translateY(-2px)}.presentation_delete button{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-red),#dc2626);box-shadow:0 4px 14px #ef444440;color:#fff;color:var(--white)}.presentation_delete button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444459;transform:translateY(-2px)}.presentation_delete button:before,.presentation_edit button:before,.presentation_view button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.presentation_delete button:hover:before,.presentation_edit button:hover:before,.presentation_view button:hover:before{left:100%}.presentations-section{margin-bottom:3rem;margin-bottom:var(--spacing-2xl);position:relative}.section-title{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;gap:1rem;gap:var(--spacing-md);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1rem;padding-bottom:var(--spacing-md);position:relative}.section-title:after{animation:titleUnderline 2s ease-out forwards;background:linear-gradient(90deg,currentColor,#0000);border-radius:.375rem;border-radius:var(--radius-sm);bottom:0;content:"";height:3px;left:0;position:absolute}@keyframes titleUnderline{0%{width:0}to{width:120px}}.section-title.my-presentations{color:#3b82f6;color:var(--primary-blue)}.section-title.my-presentations:after{background:linear-gradient(90deg,#3b82f6,#3b82f64d);background:linear-gradient(90deg,var(--primary-blue) 0,#3b82f64d 100%)}.section-title.trending-section{color:#f59e0b;color:var(--warning-orange)}.section-title.trending-section:after{background:linear-gradient(90deg,#f59e0b,#f59e0b4d);background:linear-gradient(90deg,var(--warning-orange) 0,#f59e0b4d 100%)}.section-title svg{animation:iconFloat 3s ease-in-out infinite;font-size:1.2em;opacity:.8}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.empty-state{background:#f8fafc;background:var(--bg-secondary);border:2px dashed #cbd5e1;border:2px dashed var(--gray-300);border-radius:1.5rem;border-radius:var(--radius-2xl);color:#093a50;margin:2rem 0;margin:var(--spacing-xl) 0;overflow:hidden;padding:3rem 2rem;padding:var(--spacing-2xl) var(--spacing-xl);position:relative}.empty-state:before{background:linear-gradient(135deg,#081d3f,rgba(34,12,85,.785));content:"";inset:0;opacity:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.empty-state:hover:before{opacity:1}.empty-state h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.empty-state p{font-size:1rem;line-height:1.6;opacity:.8}.trending-presentation{animation:trendingGlow 3s ease-in-out infinite alternate;background:#fff padding-box,linear-gradient(135deg,#f59e0b,#d97706) border-box;background:var(--white) padding-box,linear-gradient(135deg,var(--warning-orange),#d97706) border-box;border:2px solid #0000;position:relative}@keyframes trendingGlow{0%{box-shadow:0 8px 32px #f59e0b26}to{box-shadow:0 12px 40px #f59e0b40}}.trending-badge{animation:trendingPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-orange),#d97706);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);font-size:.75rem;font-weight:700;left:1rem;left:var(--spacing-md);letter-spacing:.5px;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);position:absolute;text-transform:uppercase;top:1rem;top:var(--spacing-md);z-index:15}@keyframes trendingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.trending-badge:before{animation:fireFlicker 1.5s ease-in-out infinite alternate;content:"🔥";margin-right:.25rem;margin-right:var(--spacing-xs)}@keyframes fireFlicker{0%{transform:rotate(-2deg) scale(1)}to{transform:rotate(2deg) scale(1.1)}}.trending-view-only{background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--success-green),#059669)!important;box-shadow:0 4px 14px #10b98140!important}.trending-view-only:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 8px 25px #10b98159!important}.trending-author{color:#64748b;color:var(--text-muted);font-size:.75rem;font-style:italic;margin-top:.25rem;margin-top:var(--spacing-xs);opacity:.8}.default_icon_1{color:#475569;color:var(--text-secondary);height:2rem;width:2rem}.default_icon_1,.tab_icon{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.tab_icon{height:1.2rem;width:1.2rem}.presentation.loading{overflow:hidden;pointer-events:none;position:relative}.presentation.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#3b82f61a 50%,#0000);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media screen and (max-width:1200px){.presentations-grid{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (max-width:768px){.header_one{background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);padding:1rem;padding:var(--spacing-md)}.logo1{height:44px;width:180px}.workspace button{background:#f8fafc;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-size:.875rem;height:2.5rem;width:10rem}.presentations{background:#fff;background:var(--bg-primary);padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}.presentations-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.presentation{background:#fff;background:var(--white);min-height:360px}.presentation_actions{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.presentation_delete button,.presentation_edit button,.presentation_view button{height:2.5rem}}@media screen and (max-width:480px){.user_back{background:#fff;background:var(--bg-primary);overflow-x:hidden}.header_one{background:#fff;background:var(--white);flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.notification_icon{height:1rem;width:1rem}.default_icon_1,.notification_icon{color:#475569;color:var(--text-secondary)}.default_icon_1{height:1.5rem;width:1.5rem}.logo1{height:36px;width:150px}.workspace{margin-right:1rem;margin-right:var(--spacing-md)}.workspace button{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-size:.75rem;gap:.25rem;gap:var(--spacing-xs);height:2rem;width:8rem}.presentations{background:#fff;background:var(--bg-primary);padding:1rem;padding:var(--spacing-md)}.presentations_create{justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.presentations_create button{background:#fff;background:var(--white);border:2px solid #1e90ff;border:2px solid var(--secondary-blue);color:#1e90ff;color:var(--secondary-blue);max-width:300px;width:100%}.presentations-grid{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}.presentation{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);max-width:100%;min-height:400px}.presentation_image{background:#f8fafc;background:var(--bg-secondary);height:180px}.presentation_content{padding:1rem;padding:var(--spacing-md)}.presentation_title{color:#1e293b;color:var(--text-primary);font-size:1.125rem}.presentation_actions{flex-direction:column;gap:1rem;gap:var(--spacing-md);margin-top:1.5rem;margin-top:var(--spacing-lg)}.presentation_delete button,.presentation_edit button,.presentation_view button{font-size:1rem;height:3rem}.favorite_icon{background:#fffffff2;border:1px solid #e2e8f0;border:1px solid var(--gray-200);font-size:1.25rem;height:25px;width:25px}.trending-badge{font-size:.625rem;padding:4px .5rem;padding:4px var(--spacing-sm)}.section-title{color:#1e293b;color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.empty-state{background:#f8fafc;background:var(--bg-secondary);border:2px dashed #cbd5e1;border:2px dashed var(--gray-300);padding:2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-lg)}.empty-state h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem}.empty-state p{color:#64748b;color:var(--text-muted);font-size:.875rem}.profile_picture{height:36px;width:36px}.notification_badge{font-size:10px;height:16px;width:16px}}@media screen and (max-width:360px){.presentations{background:#fff;background:var(--bg-primary);padding:.5rem;padding:var(--spacing-sm)}.presentation{background:#fff;background:var(--white);min-height:380px}.presentation_content{padding:.5rem;padding:var(--spacing-sm)}.presentation_title{font-size:1rem}.presentation_title,.workspace button{color:#1e293b;color:var(--text-primary)}.workspace button{background:#f8fafc;background:var(--bg-secondary);font-size:.625rem;width:7rem}.logo1{height:29px;width:120px}}@media screen and (min-width:1400px){.presentations-grid{gap:3rem;gap:var(--spacing-2xl);grid-template-columns:repeat(4,1fr)}.presentation{background:#fff;background:var(--white);min-height:420px}.presentation_image{height:220px}.presentation_content{padding:2rem;padding:var(--spacing-xl)}.presentation_title{color:#1e293b;color:var(--text-primary);font-size:1.375rem}}@media screen and (min-width:1920px){.presentations{background:#fff;background:var(--bg-primary);max-width:2200px}.presentations-grid{gap:3rem;grid-template-columns:repeat(5,1fr)}.presentation{background:#fff;background:var(--white);min-height:450px}.presentation_image{height:240px}}@media (prefers-color-scheme:dark){.user_back{background:#fff!important;background:var(--bg-primary)!important}.presentation{background:#fff!important;background:var(--white)!important}.presentation,.presentation_title,.section-title{color:#1e293b!important;color:var(--text-primary)!important}.header_one{background:#fff!important;background:var(--white)!important}}@media (prefers-contrast:high){.presentation{background:#fff;background:var(--white);border:2px solid #1e293b;border:2px solid var(--gray-800)}.presentation_delete button,.presentation_edit button,.presentation_view button{border:2px solid}.section-title{color:#1e293b;color:var(--text-primary);text-shadow:none}.workspace button{background:#fff;background:var(--white);border:2px solid #1e293b;border:2px solid var(--text-primary)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.presentation:hover,.presentation_delete button:hover,.presentation_edit button:hover,.presentation_view button:hover{transform:none}}@media print{.user_back{background:#fff!important}.svg_background{display:none}.header_one{background:#fff!important;border-bottom:1px solid #ccc}.presentation{background:#fff!important;border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.favorite_icon,.notification_container,.presentation_actions{display:none}.presentations-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.section-title{color:#000!important}}.favorite_icon:focus-visible,.notification_icon_button:focus-visible,.presentation_delete button:focus-visible,.presentation_edit button:focus-visible,.presentation_view button:focus-visible,.presentations_create button:focus-visible,.workspace button:focus-visible{outline:3px solid #3b82f699;outline-offset:2px}.presentation:focus-within{outline:2px solid #3b82f680;outline-offset:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);background:linear-gradient(135deg,var(--gray-300),var(--gray-400));border-radius:.5rem;border-radius:var(--radius-md);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-transition:var(--transition-smooth);transition:var(--transition-smooth)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b);background:linear-gradient(135deg,var(--gray-400),var(--gray-500))}::selection{background:#3b82f633;color:#1e293b;color:var(--text-primary)}::-moz-selection{background:#3b82f633;color:#1e293b;color:var(--text-primary)}.menu_container{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:1.5rem;border-radius:var(--radius-2xl);bottom:1.5rem;bottom:var(--spacing-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:none;left:50%;padding:1rem;padding:var(--spacing-md);position:fixed;transform:translateX(-50%);z-index:1000}@media screen and (max-width:480px){.menu_container{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);display:flex;gap:1rem;gap:var(--spacing-md)}.tabs_container{display:none}}.menu_container button{align-items:center;background:#0000;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;padding:var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.menu_container button:hover{background:#f8fafc;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary);transform:scale(1.05)}.menu_container button.active{background:#3b82f6;background:var(--primary-blue);color:#fff;color:var(--white)}.tabs_container{-ms-overflow-style:none;display:flex;gap:1.5rem;gap:var(--spacing-lg);margin:2rem 0;margin:var(--spacing-xl) 0;overflow-x:auto;padding:0 1.5rem;padding:0 var(--spacing-lg);scrollbar-width:none}.tabs_container::-webkit-scrollbar{display:none}.tab_button{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);white-space:nowrap}.tab_button:hover{background:#f8fafc;background:var(--bg-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tab_button.active,.tab_button:hover{border-color:#3b82f6;border-color:var(--primary-blue)}.tab_button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-hover));box-shadow:0 4px 14px #3b82f640;color:#fff;color:var(--white)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.presentation{animation:slideInUp .6s ease-out forwards}.presentation:first-child{animation-delay:.1s}.presentation:nth-child(2){animation-delay:.2s}.presentation:nth-child(3){animation-delay:.3s}.presentation:nth-child(4){animation-delay:.4s}.section-title{animation:slideInLeft .8s ease-out forwards}.presentations_create{animation:fadeIn 1s ease-out forwards}.presentation.error{background:#ef44440d;border:2px solid #ef4444;border:2px solid var(--danger-red)}.presentation.error:after{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444e6;color:#fff;color:var(--white);content:"⚠️ Error loading presentation";display:flex;font-weight:600;inset:0;justify-content:center;position:absolute}.presentation.success{animation:successPulse .6s ease-out;border:2px solid #10b981;border:2px solid var(--success-green)}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}[data-tooltip]{position:relative}[data-tooltip]:hover:after{animation:fadeIn .3s ease-out;background:#1e293b;background:var(--gray-800);border-radius:.5rem;border-radius:var(--radius-md);bottom:100%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);content:attr(data-tooltip);font-size:.75rem;left:50%;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}[data-tooltip]:hover:before{border:4px solid #0000;border-top:4px solid var(--gray-800);bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%) translateY(100%);z-index:1000}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;white-space:nowrap;width:1px}.no-scroll,.sr-only{overflow:hidden}.blur-background{filter:blur(4px);pointer-events:none}.text-primary{color:#1e293b;color:var(--text-primary)}.text-secondary{color:#475569;color:var(--text-secondary)}.text-muted{color:#64748b;color:var(--text-muted)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8fafc;background-color:var(--bg-secondary)}.bg-white{background-color:#fff;background-color:var(--white)}.presentation.featured{background:linear-gradient(135deg,#3b82f605,#3b82f60d);border:2px solid #3b82f6;border:2px solid var(--primary-blue)}.presentation.recent{border-left:4px solid #10b981;border-left:4px solid var(--success-green)}.presentation.draft{background:#f8fafc;background:var(--bg-secondary);border:2px dashed #cbd5e1;border:2px dashed var(--gray-300);opacity:.8}.presentation.archived{filter:grayscale(50%);opacity:.7}.btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-hover));border-radius:.75rem;border-radius:var(--radius-lg);color:var(--white);display:inline-flex;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue-hover),#1d4ed8);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--white);border:2px solid #3b82f6;border:2px solid var(--primary-blue);border-radius:.75rem;border-radius:var(--radius-lg);color:#3b82f6;color:var(--primary-blue);gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-secondary:hover{background:#3b82f6;background:var(--primary-blue);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-outline{align-items:center;background:#0000;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-outline:hover{background:#f8fafc;background:var(--bg-secondary);border-color:#3b82f6;border-color:var(--primary-blue);color:#3b82f6;color:var(--primary-blue)}.form-input{background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);font-size:1rem;padding:1rem;padding:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder{color:#64748b;color:var(--text-muted)}.form-label{color:#1e293b;color:var(--text-primary);display:block;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-group{margin-bottom:var(--spacing-lg)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;padding:1.5rem;padding:var(--spacing-lg);z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:var(--white);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-height:90vh;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);padding:2rem;padding:var(--spacing-xl)}.modal-title{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:.25rem;padding:var(--spacing-xs);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.modal-close:hover{background:#f8fafc;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary)}.modal-body,.modal-footer{padding:2rem;padding:var(--spacing-xl)}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);justify-content:flex-end}.alert,.modal-footer{gap:1rem;gap:var(--spacing-md)}.alert{border-left:4px solid;border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.alert-success{background:#10b9811a;border-color:#10b981;border-color:var(--success-green);color:#065f46}.alert-warning{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--warning-orange);color:#92400e}.alert-error{background:#ef44441a;border-color:#ef4444;border-color:var(--danger-red);color:#991b1b}.alert-info{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary-blue);color:#1e40af}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.badge-primary{background:#3b82f6;background:var(--primary-blue);color:#fff;color:var(--white)}.badge-secondary{background:#e2e8f0;background:var(--gray-200);color:#1e293b;color:var(--text-primary)}.badge-success{background:#10b981;background:var(--success-green);color:#fff;color:var(--white)}.badge-warning{background:#f59e0b;background:var(--warning-orange)}.badge-danger,.badge-warning{color:#fff;color:var(--white)}.badge-danger{background:#ef4444;background:var(--danger-red)}.dropdown{display:inline-block;position:relative}.dropdown-toggle{align-items:center;background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.dropdown-toggle:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.dropdown-menu{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);left:0;min-width:200px;opacity:0;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);visibility:hidden;z-index:1000}.dropdown.active .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);color:#1e293b;color:var(--text-primary);display:block;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8fafc;background:var(--bg-secondary);color:#3b82f6;color:var(--primary-blue)}.pagination{gap:.25rem;gap:var(--spacing-xs);margin:2rem 0;margin:var(--spacing-xl) 0}.pagination,.pagination-item{align-items:center;display:flex;justify-content:center}.pagination-item{background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);font-weight:500;height:40px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:40px}.pagination-item.active,.pagination-item:hover{background:#3b82f6;background:var(--primary-blue);border-color:#3b82f6;border-color:var(--primary-blue);color:#fff;color:var(--white)}.pagination-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.search-container{margin:0 auto 2rem;margin:0 auto var(--spacing-xl);max-width:400px;position:relative}.search-input{background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:1rem;border-radius:var(--radius-xl);color:#1e293b;color:var(--text-primary);font-size:1rem;padding:1rem 1rem 1rem 3rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.search-input:focus{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{color:#64748b;color:var(--text-muted);font-size:1.25rem;left:1rem;left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.filter-container{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.filter-button{align-items:center;background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:9999px;border-radius:var(--radius-full);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.filter-button:hover{background:#f8fafc;background:var(--bg-secondary)}.filter-button.active,.filter-button:hover{border-color:#3b82f6;border-color:var(--primary-blue)}.filter-button.active{background:#3b82f6;background:var(--primary-blue);color:#fff;color:var(--white)}.stats-container{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.stat-card{background:#fff;background:var(--white);border:1px solid var(--gray-200);border-radius:1.5rem;border-radius:var(--radius-2xl);overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#f59e0b);background:linear-gradient(90deg,var(--primary-blue),var(--warning-orange));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-number{color:#3b82f6;color:var(--primary-blue);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-muted);font-size:1rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-icon{color:#3b82f6;color:var(--primary-blue);font-size:3rem;opacity:.1;position:absolute;right:1.5rem;right:var(--spacing-lg);top:1.5rem;top:var(--spacing-lg)}.progress-container{margin:1.5rem 0;margin:var(--spacing-lg) 0}.progress-label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.progress-bar{background:#e2e8f0;background:var(--gray-200);height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--primary-blue),var(--success-green));height:100%;position:relative;transition:width .8s ease-out}.progress-fill:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.breadcrumb{align-items:center;display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-sm);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1rem 0;padding:var(--spacing-md) 0}.breadcrumb-item{color:#64748b;color:var(--text-muted);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.breadcrumb-item:hover{color:#3b82f6;color:var(--primary-blue)}.breadcrumb-item.active{color:#1e293b;color:var(--text-primary);font-weight:600}.breadcrumb-separator{color:#64748b;color:var(--text-muted);font-size:.75rem}.card-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0;margin:var(--spacing-xl) 0}.info-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:1.5rem;border-radius:var(--radius-2xl);overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative}.info-card,.info-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.info-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--primary-blue),var(--success-green));content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left}.info-card:hover:before{transform:scaleX(1)}.info-card:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--primary-blue),var(--success-green));border-radius:1rem;border-radius:var(--radius-xl);color:#fff;color:var(--white);display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);width:60px}.card-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.card-description{color:#64748b;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.card-action{align-items:center;color:#3b82f6;color:var(--primary-blue);display:inline-flex;font-weight:600;gap:.25rem;gap:var(--spacing-xs);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.card-action:hover{gap:.5rem;gap:var(--spacing-sm)}.timeline{margin:2rem 0;margin:var(--spacing-xl) 0;padding-left:2rem;padding-left:var(--spacing-xl);position:relative}.timeline:before{background:#e2e8f0;background:var(--gray-200);bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.timeline-item{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);margin-left:1.5rem;margin-left:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);position:relative}.timeline-item:before{background:#3b82f6;background:var(--primary-blue);border:3px solid #fff;border:3px solid var(--white);border-radius:50%;box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--primary-blue);content:"";height:12px;left:-27px;position:absolute;top:1.5rem;top:var(--spacing-lg);width:12px}.timeline-date{color:#64748b;color:var(--text-muted);font-size:.875rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.timeline-title{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.timeline-description{color:#64748b;color:var(--text-muted);line-height:1.6}.skeleton{animation:skeletonLoading 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md)}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.skeleton-text.large{height:1.5rem}.skeleton-text.small{height:.75rem;width:60%}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-card{height:200px;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.fab{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-hover));border:none;border-radius:50%;bottom:2rem;bottom:var(--spacing-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:fixed;right:2rem;right:var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:60px;z-index:1000}.fab:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:scale(1.1)}.fab:active{transform:scale(.95)}.accordion{border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden}.accordion-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200)}.accordion-item:last-child{border-bottom:none}.accordion-header{align-items:center;background:#fff;background:var(--white);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.accordion-header:hover{background:#f8fafc;background:var(--bg-secondary)}.accordion-icon{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-content{background:#f8fafc;background:var(--bg-secondary);max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-item.active .accordion-content{max-height:500px}.accordion-body{color:#64748b;color:var(--text-muted);line-height:1.6;padding:1.5rem;padding:var(--spacing-lg)}.chip{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:9999px;border-radius:var(--radius-full);color:#1e293b;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.chip:hover{background:#3b82f6;background:var(--primary-blue);border-color:#3b82f6;border-color:var(--primary-blue);color:#fff;color:var(--white)}.chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.chip-remove:hover{background:#fff3}.toggle-container{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);margin:1rem 0;margin:var(--spacing-md) 0}.toggle-switch{background:#cbd5e1;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;height:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:50px}.toggle-switch.active{background:#3b82f6;background:var(--primary-blue)}.toggle-slider{background:#fff;background:var(--white);border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:20px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:20px}.toggle-switch.active .toggle-slider{transform:translateX(26px)}.toggle-label{color:#1e293b;color:var(--text-primary);cursor:pointer;font-weight:500}@media screen and (max-width:320px){.presentations{padding:.5rem;padding:var(--spacing-sm)}.presentation{min-height:360px}.presentation_content{padding:.5rem;padding:var(--spacing-sm)}.fab{bottom:1.5rem;bottom:var(--spacing-lg);font-size:1.25rem;height:50px;right:1.5rem;right:var(--spacing-lg);width:50px}.modal-content{border-radius:1rem;border-radius:var(--radius-xl);margin:.5rem;margin:var(--spacing-sm)}.card-grid,.stats-container{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}}.action-button,.favorite_icon,.presentation,.presentation_image img{will-change:transform}.action-button:hover,.fab:hover,.presentation:hover{transform:translateZ(0)}@media (hover:none) and (pointer:coarse){.action-button:hover,.favorite_icon:hover,.presentation:hover{transform:none}}@media (prefers-reduced-motion:reduce){.notification_badge,.progress-fill:after,.skeleton{animation:none}}@media (prefers-contrast:high){.btn-primary,.btn-secondary,.form-input:focus,.presentation{border-width:2px}}@media print{.fab,.modal-overlay,.notification_badge{display:none!important}.presentation{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.section-title{color:#000!important}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:500px;padding:20px;position:relative;width:90%;z-index:10000}.modal-header{align-items:center;display:flex;justify-content:space-between}.close-button{background:#0000;border:none;cursor:pointer}.modal-body{margin-top:10px}.picture-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.picture-option{border:2px solid #0000;border-radius:25%;cursor:pointer;overflow:hidden;position:relative}.picture-option.selected{border-color:#007bff}.picture-option img{border-radius:25%;height:100%;object-fit:cover;width:100%}.selected-indicator{background:#fff;border-radius:50%;padding:2px;position:absolute;right:5px;top:5px}.modal-footer{display:flex;justify-content:space-between;margin-top:20px}.cancel-button,.confirm-button{border:none;border-radius:4px;cursor:pointer;padding:10px 15px}.cancel-button{background:#ccc}.confirm-button{background:#007bff;color:#fff}.loading{color:#555;font-size:16px;text-align:center}.popover_content{font-size:1rem;gap:.8rem;justify-content:center;z-index:2000}.text_member{color:grey;font-size:.8rem}.popover_logout{background:linear-gradient(90deg,#e3f2fd,#bbdefb,#90caf9,#64b5f6,#42a5f5);border-radius:16px;font-size:.8rem;font-weight:700;height:1.92rem;margin-left:1.3rem;width:auto}.popover_logout:hover{background:linear-gradient(90deg,#e3f2fd,#bbdefb,#90caf9,#64b5f6,#42a5f5,#2196f3);box-shadow:0 0 5px #6c63ff,0 0 10px #00c9ff}.popover_profile_picture{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;width:40px}.popover_content{align-items:center;display:flex;flex-direction:column;gap:10px;min-width:200px}.popover_logout{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.popover_logout:hover{background-color:#d32f2f}.text_member{color:#666;font-size:12px;margin-top:2px}.notification_count{background:#ffffff4d;border-radius:12px;font-size:12px;margin-left:auto;padding:2px 8px}.popover2_body{max-height:400px;overflow-y:auto}.empty_icon{display:block;font-size:48px;margin-bottom:16px;opacity:.5}.empty_state p{color:#333;font-weight:500;margin:8px 0 4px}.empty_state small{color:#999}.notifications_list{padding:8px 0}.notification_item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:16px 20px;transition:background-color .2s ease}.notification_item:hover{background-color:#f8f9fa}.notification_item:last-child{border-bottom:none}.notification_header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.notification_icon{flex-shrink:0;font-size:18px}.notification_title{color:#333;flex:1 1;font-size:14px;font-weight:600}.priority_indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification_message{color:#555;font-size:13px;line-height:1.4;margin:0 0 12px;padding-left:26px}.notification_footer{align-items:center;display:flex;justify-content:space-between;padding-left:26px}.notification_time{color:#999;font-size:11px}.click_to_dismiss{color:#667eea;font-size:11px;font-weight:500}.popover2_body::-webkit-scrollbar{width:4px}.popover2_body::-webkit-scrollbar-track{background:#f1f1f1}.popover2_body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.popover2_body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification_item{animation:slideIn .3s ease-out}.popover2_content{max-width:380px;width:100%}.popover2_header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px 12px}.popover2_content_topic{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px}.popover2_divider{background:#e0e0e0;border:none;height:1px;margin:0}.popover2_body{padding:0}.email_notification_container{padding:30px 25px;text-align:center}.email_icon_large{animation:bounce 2s infinite;font-size:48px;margin-bottom:16px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.email_title{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 16px}.email_description{color:#555;font-size:14px;line-height:1.5;margin:0 0 24px}.email_action_buttons{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.open_email_button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.open_email_button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.open_email_button.outlook{background:linear-gradient(135deg,#0078d4,#106ebe)}.open_email_button.outlook:hover{box-shadow:0 4px 12px #0078d44d}.email_tips{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:16px}.tip_item{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px;text-align:left}.tip_item:last-child{margin-bottom:0}.tip_icon{font-size:14px;margin-top:1px}.tip_item small{color:#666;font-size:12px;line-height:1.4}.email_footer{border-top:1px solid #eee;padding-top:16px}.email_footer small{color:#999;font-size:11px}@media (max-width:480px){.email_notification_container{padding:20px 15px}.email_action_buttons{align-items:center;flex-direction:column}.open_email_button{justify-content:center;width:100%}.email_title{font-size:18px}}.empty_state,.loading_state{color:#666;padding:40px 20px;text-align:center}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--dark-color:#1e293b;--light-color:#f8fafc;--border-color:#e2e8f0;--card-bg:#fff;--bg-color:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--transition:all 0.3s ease;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.api-keys-management{margin:0 auto;max-width:800px}.current-keys-section{background:#33415580;border:1px solid #4755694d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.current-keys-section h3{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.keys-status{display:flex;flex-direction:column;gap:1rem}.key-status-item{align-items:center;background:#1e293bcc;border:1px solid #4755694d;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.key-label{color:#94a3b8;font-weight:600;min-width:150px}.key-value{background:#0f172acc;border:1px solid #4755694d;border-radius:6px;color:#e2e8f0;flex:1 1;font-family:Courier New,monospace;min-width:200px;padding:.5rem .75rem}.test-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;min-width:60px;padding:.5rem 1rem;transition:all .3s ease}.test-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.test-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.test-result{align-items:center;border-radius:4px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;min-width:120px;padding:.25rem .5rem}.test-result.success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.test-result.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.api-keys-form{margin-top:2rem}.api-keys-form .form-group label{display:flex;flex-direction:column;gap:.25rem}.api-keys-form .form-group label small{color:#94a3b8;font-size:.875rem;font-weight:400}.api-keys-form input[type=password]{font-family:Courier New,monospace;letter-spacing:1px}.btn-secondary{align-items:center;background:#0000;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#6366f11a;border-color:#4f46e5;color:#4f46e5;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.api-keys-info{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;margin-top:2rem;padding:1.5rem}.api-keys-info h4{color:#60a5fa;font-size:1.125rem;margin-bottom:1rem}.api-keys-info ul{color:#cbd5e1;list-style:disc;padding-left:1.5rem}.api-keys-info li{line-height:1.5;margin-bottom:.5rem}@media (max-width:768px){.key-status-item{align-items:stretch;flex-direction:column;text-align:center}.key-label,.key-value{min-width:auto}.key-value{text-align:center}.form-actions{align-items:stretch;flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.test-btn.loading{color:#0000;position:relative}.test-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.admin-panel{background-color:#f1f5f9;background-color:var(--bg-color);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);min-height:100vh}.admin_logo_img{height:49.6px;margin-left:-2.5rem;margin-top:-1rem;width:204.8px}.admin-sidebar{background-color:#1e293b;background-color:var(--dark-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#f8fafc;color:var(--light-color);display:flex;flex-direction:column;padding:1.5rem;position:relative;width:250px;z-index:10}.admin-logo{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;margin-bottom:2rem;padding-bottom:1.5rem}.logo-icon{color:#6366f1;color:var(--primary-color);font-size:1.8rem;margin-right:.75rem}.admin-logo h1{font-size:1.5rem;font-weight:600;margin:0}.admin-nav{display:flex;flex-direction:column;gap:.5rem}.nav-button{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;display:flex;font-size:.9rem;padding:.875rem 1rem;text-align:left;transition:all .3s ease;transition:var(--transition)}.nav-button:hover{background-color:#ffffff1a;color:#f8fafc;color:var(--light-color)}.nav-button.active{background-color:#6366f1;background-color:var(--primary-color);color:#fff}.nav-icon{font-size:1.2rem;margin-right:.75rem}.admin-content{display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden}.admin-header{align-items:center;background-color:#fff;background-color:var(--card-bg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.5rem 2rem}.admin-header h1{color:#1e293b;color:var(--dark-color);font-size:1.5rem;font-weight:600;margin:0}.admin-stats{display:flex;gap:1.5rem}.stat-card{align-items:center;background-color:#fff;background-color:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;min-width:180px;padding:1rem}.stat-icon{color:#6366f1;color:var(--primary-color);font-size:2rem;margin-right:1rem}.stat-number{color:#1e293b;color:var(--dark-color);display:block;font-size:1.5rem;font-weight:600;line-height:1.2}.stat-label{color:#64748b;color:var(--secondary-color);display:block;font-size:.875rem}.admin-main{overflow-y:auto;padding:2rem}.card{background-color:#fff;background-color:var(--card-bg);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;padding:1.5rem}.card-icon{color:#6366f1;color:var(--primary-color);font-size:1.5rem;margin-right:.75rem}.card-header h2{color:#1e293b;color:var(--dark-color);font-size:1.25rem;font-weight:600;margin:0}.notification-form{padding:1.5rem}.form-group,.form-row{margin-bottom:1.5rem}.form-row{display:flex;gap:1.5rem}.form-row .form-group{flex:1 1;margin-bottom:0}label{color:#1e293b;color:var(--dark-color);display:block;font-weight:500;margin-bottom:.5rem}.required{color:#ef4444;color:var(--error-color)}.form-control{background-color:#f8fafc;background-color:var(--light-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-md);color:#1e293b;color:var(--dark-color);font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.form-control:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #6366f140}.alert{align-items:center;border-radius:.375rem;border-radius:var(--radius-md);display:flex;margin-bottom:1rem;padding:1rem}.alert-error{background-color:#ef44441a;color:#ef4444;color:var(--error-color)}.alert-success{background-color:#10b9811a;color:#10b981;color:var(--success-color)}.char-count{color:#64748b;color:var(--secondary-color);font-size:.875rem;text-align:right}.btn-primary{background-color:#6366f1;background-color:var(--primary-color);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.btn-primary:hover{background-color:#4f46e5;background-color:var(--primary-hover)}.btn-primary.loading{align-items:center;display:flex;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;margin-right:.5rem;width:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.data-table{border-collapse:collapse;margin-top:1rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}.data-table th{background-color:#f8fafc;background-color:var(--light-color);color:#1e293b;color:var(--dark-color)}.data-table tbody tr:hover{background-color:#6366f11a}.type-badge{border-radius:.375rem;border-radius:var(--radius-md);color:#000;font-size:.875rem;padding:.25rem .5rem}.type-info{background-color:#3b82f6;background-color:var(--info-color)}.type-success{background-color:#10b981;background-color:var(--success-color)}.type-warning{background-color:#f59e0b;background-color:var(--warning-color)}.type-error{background-color:#ef4444;background-color:var(--error-color)}.priority-badge{border-radius:.375rem;border-radius:var(--radius-md);color:#000;font-size:.875rem;padding:.25rem .5rem}.priority-high{background-color:#ef4444;background-color:var(--error-color)}.priority-medium{background-color:#f59e0b;background-color:var(--warning-color)}.priority-low{background-color:#10b981;background-color:var(--success-color)}.action-buttons{display:flex;gap:.5rem}.action-btn{background:#0000;border:none;cursor:pointer;transition:all .3s ease;transition:var(--transition)}.action-btn:hover{color:#6366f1;color:var(--primary-color)}.status-badge{border-radius:.375rem;border-radius:var(--radius-md);font-size:.875rem;padding:.25rem .5rem}.status-badge.active{background-color:#10b981;background-color:var(--success-color);color:#fff}.status-badge.inactive{background-color:#ef4444;background-color:var(--error-color);color:#fff}.empty-state{background-color:#f8fafc;background-color:var(--light-color);border:1px dashed #e2e8f0;border:1px dashed var(--border-color);border-radius:.375rem;border-radius:var(--radius-md);padding:2rem;text-align:center}.empty-icon{color:#64748b;color:var(--secondary-color);font-size:3rem;margin-bottom:1rem}@media (max-width:768px){.admin-panel{flex-direction:column}.admin-sidebar{padding:1rem;width:100%}.admin-content{padding:1rem}.admin-header{align-items:flex-start;flex-direction:column}.admin-stats{flex-direction:column;gap:1rem}.stat-card{width:100%}.form-row{flex-direction:column}.form-row .form-group{width:100%}}
/*# sourceMappingURL=main.cd6a51cf.css.map*/