@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Quicksand:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#fff;background:#0f1419;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.fonts-loaded{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{cursor:pointer;border:none;background:none;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1f2e}::-webkit-scrollbar-thumb{background:#4ade80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#22c55e}.container-fluid{width:100%;padding-right:0;padding-left:0}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}.home-root{min-height:100vh;background:linear-gradient(180deg,#1a1f3a,#2d3561);color:#fff;font-family:Quicksand,Arial,sans-serif;display:flex;flex-direction:column;overflow-x:hidden}.home-header{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:20px 40px;background:#ffffff0d;backdrop-filter:blur(10px);position:relative;z-index:1000;min-height:80px;gap:20px}.home-logo{display:flex;align-items:center;gap:8px;justify-self:start}.logo-as-img{width:32px;height:32px;object-fit:contain;margin-right:8px}.logo-text{color:#fff;font-weight:600;font-size:20px}.home-nav{display:flex;gap:24px;justify-content:center;align-items:center;white-space:nowrap;justify-self:center}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:color .3s;white-space:nowrap;padding:8px 12px;border-radius:6px;position:relative}.nav-link:hover{color:#4caf50;background:#4caf501a}.nav-link.active{background:#4caf5033;color:#4caf50}.home-auth-buttons{display:flex;gap:12px;align-items:center;justify-self:end}.login-btn{background:#ff9800;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap;min-width:80px}.login-btn:hover{background:#f57c00}.signup-btn{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap;min-width:80px}.signup-btn:hover{background:#45a049}.dashboard-btn{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap;min-width:100px}.dashboard-btn:hover{background:#45a049}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;gap:4px;justify-self:end;grid-column:3}.hamburger-line{width:25px;height:3px;background:#fff;transition:all .3s ease;border-radius:2px}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#1a1f3af2;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);transform:translateY(-100%);opacity:0;transition:all .3s ease;z-index:999}.mobile-nav.open{transform:translateY(0);opacity:1}.mobile-nav-links{display:flex;flex-direction:column;padding:20px;gap:16px}.mobile-nav-link{color:#fff;text-decoration:none;font-weight:500;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:color .3s}.mobile-nav-link:hover{color:#4caf50}.mobile-auth-buttons{display:flex;flex-direction:column;gap:12px;padding:0 20px 20px}.mobile-login-btn,.mobile-signup-btn{padding:12px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .3s}.mobile-login-btn{background:#ff9800;color:#fff}.mobile-login-btn:hover{background:#f57c00}.mobile-signup-btn{background:#4caf50;color:#fff}.mobile-signup-btn:hover{background:#45a049}.mobile-dashboard-btn{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:12px 20px;font-weight:600;cursor:pointer;transition:background .3s;width:100%}.mobile-dashboard-btn:hover{background:#45a049}.home-main{flex:1;display:flex;padding:20px;gap:20px;align-items:flex-start;max-width:1400px;margin:0 auto;min-height:calc(100vh - 120px);width:100%;box-sizing:border-box}.home-gallery-section{flex:0 0 45%;max-width:45%;width:100%;box-sizing:border-box}.home-text-section{flex:0 0 55%;max-width:55%;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;box-sizing:border-box}@media (max-width: 1024px){.image-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:12px;min-height:auto;max-height:none;padding:20px}.gallery-item{position:relative;left:auto!important;top:auto!important;width:100%;height:auto;aspect-ratio:1 / 1}.gallery-item:hover{transform:scale(1.05)!important}}@media (max-width: 768px){.image-gallery{grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}}@media (max-width: 480px){.image-gallery{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}}@media (max-width: 1024px){.image-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:8px;max-height:none}.gallery-item{position:relative;left:auto;top:auto;transform:none;offset-path:none;offset-distance:0;grid-area:auto!important;aspect-ratio:1 / 1}}@media (max-width: 768px){.image-gallery{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}}@media (max-width: 480px){.image-gallery{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}}.text-editor{background:#2a3a5c;border:1px solid #3a4a6c;border-radius:8px;width:100%;max-width:500px;box-shadow:0 2px 12px #00000026}.editor-toolbar{display:flex;gap:8px;padding:12px;background:#1a2a4a;border-bottom:1px solid #3a4a6c}.toolbar-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;transition:background .2s;color:#fff}.toolbar-btn:hover{background:#2a3a5c}.editor-content{padding:20px;color:#fff}.text-block{margin-bottom:16px}.text-block p{margin:0 0 6px;line-height:1.4;font-size:15px}.text-separator{height:1px;background:#4caf50;margin:16px 0}.cta-button{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s;box-shadow:0 2px 8px #4caf5033}.cta-button:hover{background:#45a049}.home-content-wrapper{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);width:100%;padding:20px}.home-content-wrapper .login-bg,.home-content-wrapper .register-bg{background:transparent;min-height:auto;padding:0}.home-content-wrapper .login-card,.home-content-wrapper .register-card{box-shadow:0 10px 25px #0000001a;border-radius:12px;margin:0;max-width:500px;width:100%}@media (max-width: 1200px){.home-header{padding:16px 30px}.home-main{padding:20px 30px;gap:25px}.home-gallery-section,.home-text-section{flex:0 0 50%;max-width:50%}.image-gallery{gap:4px;max-height:320px}.gallery-item.large{width:160px;height:160px}.gallery-item.medium{width:120px;height:120px}.gallery-item.small{width:100px;height:100px}.text-editor{max-width:100%}}@media (max-width: 1024px){.home-header{padding:16px 20px}.home-main{flex-direction:column;padding:20px;gap:30px;min-height:auto}.home-gallery-section,.home-text-section{flex:1;max-width:100%}.image-gallery{gap:3px;max-height:240px}.gallery-item.large{width:120px;height:120px}.gallery-item.medium{width:90px;height:90px}.gallery-item.small{width:75px;height:75px}.text-editor{max-width:100%}}@media (max-width: 1100px){.home-header{grid-template-columns:1fr 1.5fr 1fr;gap:16px}.home-nav{gap:16px}.nav-link{padding:6px 8px;font-size:14px}.login-btn,.signup-btn{padding:8px 16px;font-size:14px;min-width:70px}}@media (max-width: 900px){.home-header{padding:12px 16px;grid-template-columns:1fr auto;gap:12px}.desktop-nav,.desktop-auth{display:none}.mobile-menu-btn{display:flex}.mobile-nav{display:block}.home-main{flex-direction:column;padding:16px;gap:24px;min-height:auto}.home-gallery-section,.home-text-section{flex:1;max-width:100%}.image-gallery{gap:3px;max-height:200px}.gallery-item.large{width:100px;height:100px}.gallery-item.medium{width:80px;height:80px}.gallery-item.small{width:60px;height:60px}.text-editor{max-width:100%}}@media (max-width: 768px){.home-header{padding:10px 12px}.home-main{flex-direction:column;padding:12px;gap:20px;min-height:auto}.home-gallery-section,.home-text-section{flex:1;max-width:100%}.image-gallery{gap:2px;max-height:160px}.gallery-item.large{width:80px;height:80px}.gallery-item.medium{width:60px;height:60px}.gallery-item.small{width:50px;height:50px}.text-editor{max-width:100%}.editor-content{padding:12px}.text-block p{font-size:12px}.cta-button{padding:10px 20px;font-size:14px}}@media (max-width: 600px){.home-header{padding:8px 12px}.logo-as-img{width:28px;height:28px}.logo-text{font-size:16px}.home-main{padding:8px;gap:16px;min-height:auto}.home-gallery-section,.home-text-section{flex:1;max-width:100%}.image-gallery{gap:2px;max-height:120px}.gallery-item.large{width:60px;height:60px}.gallery-item.medium{width:45px;height:45px}.gallery-item.small{width:35px;height:35px}.text-editor{border-width:1px;max-width:100%}.editor-content{padding:10px}.text-block p{font-size:11px;line-height:1.3}.cta-button{padding:8px 16px;font-size:13px}.mobile-nav-links{padding:12px}.mobile-auth-buttons{padding:0 12px 12px}}@media (max-width: 400px){.home-header{padding:6px 8px}.logo-as-img{width:24px;height:24px}.logo-text{font-size:14px}.home-main{padding:6px;gap:12px;min-height:auto}.home-gallery-section,.home-text-section{flex:1;max-width:100%}.image-gallery{gap:1px;max-height:100px}.gallery-item.large,.gallery-item.medium,.gallery-item.small{width:40px;height:40px}.text-editor{max-width:100%}.editor-content{padding:8px}.text-block p{font-size:10px;line-height:1.2}.cta-button{padding:6px 12px;font-size:12px}.mobile-nav-links{padding:8px}.mobile-auth-buttons{padding:0 8px 8px}.mobile-login-btn,.mobile-signup-btn{padding:8px 12px;font-size:12px}}.slider-gallery{position:relative;height:clamp(600px,85vh,800px);padding:24px 16px;margin:0;overflow:hidden}.slider-item{position:absolute;width:96px;height:96px;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:1;transform-origin:center center;--dy: 0px;transform:translateY(var(--dy));animation:slider-pulse 5.5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .25s)}.slider-item:hover{transform:scale(1.1)!important;z-index:100;box-shadow:0 8px 20px #0006}.slider-item img,.slider-item .slider-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.slider-image.loaded{opacity:1}.slider-image.loading{opacity:.6;background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.slider-item:nth-child(1){--i: 0;left:84%;top:18%;--dy: -10px}.slider-item:nth-child(2){--i: 1;left:68%;top:8%;--dy: 6px}.slider-item:nth-child(3){--i: 2;left:52%;top:9%;--dy: -8px}.slider-item:nth-child(4){--i: 3;left:34%;top:12%;--dy: 6px}.slider-item:nth-child(5){--i: 4;left:20%;top:22%;--dy: -10px}.slider-item:nth-child(6){--i: 5;left:34%;top:32%;--dy: 8px}.slider-item:nth-child(7){--i: 6;left:52%;top:40%;--dy: -6px}.slider-item:nth-child(8){--i: 7;left:68%;top:47%;--dy: 4px}.slider-item:nth-child(9){--i: 8;left:84%;top:60%;--dy: -6px}.slider-item:nth-child(10){--i: 9;left:68%;top:70%;--dy: 10px}.slider-item:nth-child(11){--i: 10;left:52%;top:80%;--dy: -7px}.slider-item:nth-child(12){--i: 11;left:34%;top:75%;--dy: 6px}.slider-item:nth-child(13){--i: 12;left:20%;top:70%;--dy: -6px}.slider-item:nth-child(14){--i: 13;left:32%;top:80%;--dy: 4px}@keyframes slider-pulse{0%{transform:translateY(var(--dy)) scale(.96)}50%{transform:translateY(var(--dy)) scale(1.06)}to{transform:translateY(var(--dy)) scale(.96)}}@media (max-width: 1400px){.slider-gallery{height:clamp(520px,72vh,660px);padding:20px 14px}.slider-item{width:90px;height:90px}}@media (max-width: 1200px){.slider-gallery{height:clamp(500px,68vh,620px)}.slider-item{width:86px;height:86px}}@media (max-width: 1024px){.slider-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:12px;min-height:auto;max-height:none;padding:20px}.slider-item{position:relative;left:auto!important;top:auto!important;width:100%;height:auto;aspect-ratio:1 / 1}.slider-item:hover{transform:scale(1.05)!important}}@media (max-width: 768px){.slider-gallery{grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}}@media (max-width: 480px){.slider-gallery{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}}body,.register-bg{min-height:100vh;width:100vw;margin:0;padding:0;box-sizing:border-box}.register-bg{min-height:100vh;width:100vw;background:radial-gradient(circle at 70% 40%,#ffb347,#ff5ec4,#6a5cff 60%,#00cfff);display:flex;align-items:center;justify-content:center;overflow:auto;animation:gradientMove 18s ease-in-out infinite alternate}.register-card{background:#141428b8;border-radius:22px;box-shadow:0 8px 40px #00000040;padding:38px 32px 24px;max-width:370px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;backdrop-filter:blur(8px) saturate(1.2)}.register-card a{text-decoration:none}.register-card a:hover{text-decoration:underline}.register-logo{margin-bottom:8px;margin-top:0;display:flex;justify-content:center;width:100%}.register-logo .login-logo-img,.logo-spin{width:80px;height:80px;aspect-ratio:1/1;border-radius:50%;display:block;margin:0 auto 8px;box-shadow:0 4px 32px #fff5,0 2px 12px #0002;background:#fff;filter:blur(.5px) brightness(1.1);padding-top:0}.register-title{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 2px;text-align:center}.register-sub{color:#bdbdbd;font-size:1rem;margin-bottom:8px;text-align:center}.register-google{width:100%;background:#2196f3;color:#fff;border:none;border-radius:8px;padding:10px 0;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.register-google:hover{background:#1976d2}.register-or{width:100%;color:#aaa;font-size:.95rem;display:flex;align-items:center;gap:8px;margin:8px 0 0}.register-or span{flex:1;height:1px;background:linear-gradient(90deg,#fff2,#fff6 60%,#fff2);border-radius:1px}.register-input{width:100%;min-width:0;box-sizing:border-box;padding:12px 14px;border-radius:8px;border:none;background:#23233a;color:#fff;font-size:1rem;margin-bottom:0;outline:none;box-shadow:0 1px 4px #0001;transition:background .2s,box-shadow .2s;flex:1 1 0}.register-input:focus{background:#28284a;box-shadow:0 2px 8px #0002}.register-password-wrap{width:100%;position:relative;display:flex;align-items:center}.register-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.1rem;color:#aaa;user-select:none}.register-checkbox{width:100%;display:flex;align-items:center;gap:8px;font-size:.97rem;color:#ccc;margin:4px 0 0}.register-checkbox input[type=checkbox]{accent-color:#2196f3;width:16px;height:16px}.register-checkbox a{color:#4fc3f7;text-decoration:underline}.register-btn{width:100%;padding:12px 0;border-radius:8px;border:none;background:#4fc3f7;color:#fff;font-size:1.1rem;font-weight:700;margin-top:8px;margin-bottom:0;cursor:pointer;opacity:1;transition:background .2s,opacity .2s}.register-btn:disabled{background:#4fc3f7aa;opacity:.6;cursor:not-allowed}.register-bottom{width:100%;text-align:center;color:#bbb;font-size:.98rem;margin-top:8px}.register-bottom a{color:#4fc3f7;text-decoration:underline}.register-links{width:100%;text-align:center;color:#888;font-size:.95rem;margin-top:6px}.register-links a{color:#4fc3f7;text-decoration:underline;margin:0 4px}@media (max-width: 600px){.register-bg{padding:0 0 32px;min-height:100vh;align-items:center;justify-content:center;display:flex}.register-card{max-width:98vw;width:100%;padding:18px 4vw 14px;border-radius:14px;gap:12px;margin:auto}.register-logo{margin-top:24px;margin-bottom:12px}.register-logo .login-logo-img,.logo-spin{width:100px;height:100px;aspect-ratio:1/1;padding-top:8px}.register-title{font-size:1.2rem}.register-sub{font-size:.97rem}.register-input{font-size:1.08rem;padding:13px 10px;border-radius:7px}.register-btn{font-size:1.05rem;padding:13px 0;border-radius:7px}.register-google{font-size:1rem;padding:10px 0;border-radius:7px}.register-or{font-size:.93rem;gap:6px}.register-bottom,.register-links{font-size:.95rem}.register-password-wrap{flex-direction:row;align-items:center}.register-eye{font-size:1.2rem;right:10px}}@media (max-width: 400px){.register-card{padding:8px 1vw;border-radius:8px;gap:8px;margin:auto}.register-logo{margin-top:18px;margin-bottom:10px}.register-logo .login-logo-img,.logo-spin{width:80px;height:80px;aspect-ratio:1/1;padding-top:6px}.register-input,.register-btn,.register-google{font-size:.98rem;padding:11px 0;border-radius:6px}}.login-bg{min-height:100vh;width:100vw;background:radial-gradient(circle at 70% 40%,#ffb347,#ff5ec4,#6a5cff 60%,#00cfff);display:flex;align-items:center;justify-content:center;overflow:auto;animation:gradientMove 18s ease-in-out infinite alternate}@keyframes gradientMove{0%{background-position:70% 40%;filter:brightness(1)}to{background-position:30% 80%;filter:brightness(1.08)}}.login-card{background:#141428b8;border-radius:22px;box-shadow:0 8px 40px #00000040;padding:38px 32px 24px;max-width:370px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;backdrop-filter:blur(8px) saturate(1.2);margin:auto}.login-card a{text-decoration:none}.login-card a:hover{text-decoration:underline}.login-logo{margin-bottom:8px;margin-top:0;display:flex;justify-content:center;width:100%}.login-logo-img{width:80px;height:80px;aspect-ratio:1/1;border-radius:50%;display:block;margin:0 auto 8px;box-shadow:0 4px 32px #fff5,0 2px 12px #0002;background:#fff;filter:blur(.5px) brightness(1.1);padding-top:0}.login-title{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 2px;text-align:center}.login-sub{color:#bdbdbd;font-size:1rem;margin-bottom:8px;text-align:center}.login-google{width:100%;background:#2196f3;color:#fff;border:none;border-radius:8px;padding:10px 0;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.login-google:hover{background:#1976d2}.google-icon{background:#fff;color:#2196f3;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.login-or{width:100%;color:#aaa;font-size:.95rem;display:flex;align-items:center;gap:8px;margin:8px 0 0}.login-or span{flex:1;height:1px;background:linear-gradient(90deg,#fff2,#fff6 60%,#fff2);border-radius:1px}.login-input{width:100%;padding:12px 14px;border-radius:8px;border:none;background:#23233a;color:#fff;font-size:1rem;margin-bottom:0;outline:none;box-shadow:0 1px 4px #0001;transition:background .2s,box-shadow .2s}.login-input:focus{background:#28284a;box-shadow:0 2px 8px #0002}.login-password-wrap{width:100%;position:relative;display:flex;align-items:center;margin-bottom:.5rem}.login-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.1rem;color:#aaa;user-select:none}.login-forgot{display:block;margin-left:auto;margin-top:2px;margin-bottom:12px;font-size:.93rem;color:#4fc3f7;text-decoration:underline;cursor:pointer;transition:color .2s;text-align:right;background:none;width:fit-content;position:static}.login-forgot:hover{color:#2196f3}.login-btn{width:100%;padding:12px 0;border-radius:8px;border:none;background:#4fc3f7;color:#fff;font-size:1.1rem;font-weight:700;margin-top:8px;margin-bottom:0;cursor:pointer;opacity:1;transition:background .2s,opacity .2s}.login-btn:disabled{background:#4fc3f7aa;opacity:.6;cursor:not-allowed}.login-bottom{width:100%;text-align:center;color:#bbb;font-size:.98rem;margin-top:8px}.login-bottom a{color:#4fc3f7;text-decoration:underline}.login-links{width:100%;text-align:center;color:#888;font-size:.95rem;margin-top:6px}.login-links a{color:#4fc3f7;text-decoration:underline;margin:0 4px}.notify-toast{min-width:240px;max-width:340px;background:#1e1e28f5;color:#fff;border-radius:14px;box-shadow:0 4px 24px #0005;padding:18px 28px;font-size:1.08rem;font-weight:500;opacity:0;pointer-events:none;transform:translateY(40px) scale(.98);transition:opacity .4s,transform .4s;margin-bottom:12px;display:flex;align-items:center;gap:10px}.notify-toast.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);animation:toastIn .5s cubic-bezier(.23,1.02,.32,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notify-toast.info{border-left:5px solid #4fc3f7}.notify-toast.error{border-left:5px solid #ff5e5e}.notify-toast.success{border-left:5px solid #A3FF3F}@media (max-width: 900px){.login-card{max-width:420px;padding:28px 16px 18px}}@media (max-width: 600px){.login-bg{padding:0 0 32px;min-height:100vh;align-items:center;justify-content:center;display:flex}.login-card{max-width:98vw;width:100%;padding:18px 4vw 14px;border-radius:14px;gap:12px;margin:auto}.login-logo{margin-top:24px;margin-bottom:12px}.login-logo-img{width:100px;height:100px;aspect-ratio:1/1;padding-top:8px}.login-title{font-size:1.1rem}.login-sub{font-size:.97rem}.login-input{font-size:1.08rem;padding:13px 10px;border-radius:7px}.login-btn{font-size:1.05rem;padding:13px 0;border-radius:7px}.login-google{font-size:1rem;padding:10px 0;border-radius:7px}.login-or{font-size:.93rem;gap:6px}.login-bottom,.login-links{font-size:.95rem}.login-password-wrap{flex-direction:row;align-items:center;gap:0;min-height:48px;margin-bottom:.3rem}.login-eye{font-size:1.2rem;right:10px;top:50%;transform:translateY(-50%)}.login-forgot{display:block;margin-left:auto;margin-top:2px;margin-bottom:10px;font-size:.92rem;text-align:right;background:none;width:fit-content}}@media (max-width: 400px){.login-card{padding:8px 1vw;border-radius:8px;gap:8px;margin:auto}.login-logo{margin-top:18px;margin-bottom:10px}.login-logo-img{width:80px;height:80px;aspect-ratio:1/1;padding-top:6px}.login-input,.login-btn,.login-google{font-size:.97rem;padding:10px 0;border-radius:6px}.login-forgot{font-size:.91rem;margin-top:1px;margin-bottom:8px}}.notification-bell{position:relative;display:inline-block}.notification-bell-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;position:relative}.notification-bell-button:hover{background-color:#0000001a}.notification-badge{position:absolute;top:0;right:0;background-color:#ef4444;color:#fff;border-radius:50%;padding:2px 6px;font-size:.75rem;font-weight:700;min-width:18px;text-align:center;line-height:1}.notification-dropdown{position:absolute;top:100%;right:0;width:400px;max-height:500px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2a2f38;background-color:#1a1f2e}.notification-header h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.unread-count{font-size:.875rem;color:#a0a0a0;font-weight:500}.notification-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s;position:relative}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#f0f9ff}.notification-item.unread:hover{background-color:#e0f2fe}.notification-icon{font-size:1.25rem;margin-right:12px;margin-top:2px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:#111827;margin-bottom:4px;font-size:.875rem}.notification-message{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:4px;word-wrap:break-word}.notification-time{color:#9ca3af;font-size:.75rem}.delete-notification{background:none;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;margin-left:8px;flex-shrink:0}.delete-notification:hover{color:#ef4444;background-color:#fef2f2}.no-notifications{padding:32px 16px;text-align:center;color:#6b7280}.no-notifications p{margin:0;font-size:.875rem}.notification-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.view-all-btn{width:100%;background:none;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.view-all-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}@media (max-width: 640px){.notification-dropdown{width:320px;right:-80px}.notification-dropdown:before{content:"";position:absolute;top:-8px;right:88px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-bell-button.has-new{animation:notificationPulse .6s ease-in-out}.mobile-header{display:none;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100vw;height:60px;background:#181c24;z-index:1100;padding:0 16px;box-shadow:0 2px 12px #0000001f;flex-shrink:0}.mobile-menu-toggle{position:absolute;left:16px;top:12px;z-index:1201;background:#1a1f2ee6;backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.3);border-radius:12px;padding:12px;cursor:pointer;flex-direction:column;gap:3px;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.mobile-menu-toggle:hover{background:#1a1f2ef2;border-color:#4ade8080;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger-line{width:22px;height:2px;background:#4ade80;border-radius:2px;transition:all .3s ease;box-shadow:0 1px 3px #0003}.mobile-menu-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-logo{display:flex;align-items:center;gap:10px;justify-content:center;flex:1}.mobile-logo-text{color:#a3ff3f;font-size:20px;font-weight:700;letter-spacing:1px}.logo-icon{width:38px;height:38px;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.mobile-user-info{display:flex;align-items:center;gap:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.mobile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(74,222,128,.3);transition:all .3s ease}.mobile-avatar:hover{border-color:#4ade8099;transform:scale(1.05)}.mobile-user-name{color:#fff;font-size:14px;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.mobile-header{display:flex}.mobile-user-name{display:none}}@media (min-width: 481px){.mobile-logo{display:none!important}}@media (max-width: 768px) and (orientation: landscape){.mobile-header{height:40px}.mobile-menu-toggle{top:8px}.mobile-avatar{width:28px;height:28px}}@media (hover: none) and (pointer: coarse){.mobile-menu-toggle{min-width:44px;min-height:44px}}.dashboard-sidebar{width:260px;background:#1a1f2e;display:flex;flex-direction:column;border-right:1px solid #2a2f38;flex-shrink:0;overflow:hidden;box-shadow:2px 0 8px #0000001a;transition:transform .3s ease;position:relative;z-index:100;max-width:260px;min-width:260px;height:100vh;position:fixed;top:0;left:0;overscroll-behavior:contain}.sidebar-header{position:fixed;top:0;left:0;width:260px;height:90px;background:transparent;border-bottom:1px solid #2a2f38;z-index:101;padding:25px 16px 20px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sidebar-top{position:fixed;top:90px;bottom:200px;left:0;width:260px;overflow-y:hidden;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:20px 8px;box-sizing:border-box;transition:overflow-y .3s ease;overscroll-behavior:contain;overscroll-behavior-block:contain}.dashboard-sidebar:hover .sidebar-top{overflow-y:auto}@media (pointer: coarse){.sidebar-top{overflow-y:auto!important}}.sidebar-top::-webkit-scrollbar{display:none}.dashboard-sidebar:hover .sidebar-top::-webkit-scrollbar{display:block;width:8px}.dashboard-sidebar:hover .sidebar-top::-webkit-scrollbar-thumb{background-color:#4ade80;border-radius:4px}.dashboard-sidebar:hover .sidebar-top::-webkit-scrollbar-track{background-color:#2a2f38}.dashboard-sidebar:hover .sidebar-top{overscroll-behavior:contain;overscroll-behavior-block:contain;overscroll-behavior-inline:contain}.dashboard-logo{display:flex;align-items:center;justify-content:center;gap:15px;margin:0;font-size:28px;font-weight:800;padding:0;color:#fff;width:100%}.dashboard-logo span{text-shadow:0 2px 4px rgba(0,0,0,.3)}.logo-icon{width:50px;height:50px;color:#4ade80;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;filter:drop-shadow(0 2px 4px rgba(74,222,128,.3))}.dashboard-nav{display:flex!important;flex-direction:column!important;gap:2px!important;margin-bottom:28px!important;width:100%!important;box-sizing:border-box!important}.nav-link{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:10px 12px!important;color:#a0a0a0!important;text-decoration:none!important;transition:all .3s ease!important;background:none!important;border:none!important;width:calc(100% - 4px)!important;max-width:240px!important;text-align:left!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;border-radius:6px!important;margin:1px 2px!important;position:relative!important;border-bottom:1px solid rgba(255,255,255,.1)!important;overflow:hidden!important;min-width:0!important}.nav-link.profile-link,.nav-link.profile-link .profile-info,.nav-link.profile-link .profile-name{overflow:visible!important}.nav-link:hover{background:#4ade801a!important;color:#4ade80!important;transform:translate(2px)!important;border-bottom:1px solid rgba(74,222,128,.3)!important}.nav-link.active{background:#4ade8026!important;color:#4ade80!important;border-left:2px solid #4ade80!important;border-bottom:1px solid rgba(74,222,128,.5)!important}.nav-link.admin-profile{border:2px solid #f59e0b!important;background:#f59e0b1a!important;box-shadow:0 0 10px #f59e0b4d!important}.nav-link.admin-profile:hover{background:#f59e0b33!important;border-color:#f59e0b!important;box-shadow:0 0 15px #f59e0b66!important}.nav-link.admin-profile.active{background:#f59e0b40!important;border-left:2px solid #f59e0b!important;border-bottom:1px solid rgba(245,158,11,.5)!important;box-shadow:0 0 15px #f59e0b66!important}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0;overflow:hidden}.profile-name{font-size:13px;font-weight:500;color:inherit;display:flex;align-items:center;gap:6px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.verified-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.verified-badge svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.admin-label,.admin-badge,.admin-check{display:none}.nav-icon{margin-right:12px!important;font-size:16px!important;width:18px!important;text-align:center!important}.ai-generation{margin-top:24px}.ai-generation h3{padding:0 20px;margin-bottom:12px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.generation-items{display:flex;flex-direction:column;gap:2px;width:100%;box-sizing:border-box}.gen-link{display:flex;align-items:center;justify-content:flex-start;padding:10px 12px;color:#a0a0a0;text-decoration:none;transition:all .3s ease;background:none;border:none;width:calc(100% - 4px);max-width:240px;text-align:left;cursor:pointer;font-size:13px;font-weight:500;border-radius:6px;margin:1px 2px;position:relative;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;white-space:nowrap}.gen-link:hover{background:#4ade801a;color:#4ade80;transform:translate(2px);border-bottom:1px solid rgba(74,222,128,.3)}.gen-link.active{background:#4ade8026;color:#4ade80;border-left:2px solid #4ade80;border-bottom:1px solid rgba(74,222,128,.5)}.gen-icon{margin-right:12px;font-size:16px;width:18px;text-align:center}.tag{background:#4ade8033;color:#4ade80;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;flex-shrink:0;white-space:nowrap}.program-section{margin-top:24px;border-top:1px solid #2a2f38;padding-top:16px}.logout-link:hover{background:#ef44441a!important;color:#ef4444!important;border-bottom:1px solid rgba(239,68,68,.3)!important}.credit-display{margin:16px 8px;padding:12px 16px;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:8px;display:flex;align-items:center;justify-content:space-between}.credit-info{display:flex;align-items:center;gap:8px}.credit-label{color:#a0a0a0;font-size:12px;font-weight:500}.credit-value{color:#4ade80;font-size:14px;font-weight:700;background:#4ade8033;padding:4px 8px;border-radius:4px;min-width:30px;text-align:center}.sidebar-bottom{position:fixed;bottom:0;left:0;width:260px;padding:20px;border-top:1px solid #2a2f38;background:#1a1f2e;z-index:101;box-sizing:border-box;overflow:hidden}.subscribe-btn{width:100%;background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;border:none;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.subscribe-icon{margin-right:8px;font-size:16px}.subscribe-count{background:#0003;color:#000;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.social-links{display:flex;gap:8px;margin-bottom:16px;justify-content:center}.social-icon{background:#ffffff1a;border:none;color:#a0a0a0;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.social-icon:hover{background:#4ade8033;color:#4ade80;transform:scale(1.1)}.footer-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.footer-link{background:none;border:none;color:#666;text-decoration:none;font-size:12px;cursor:pointer;transition:color .3s ease;padding:4px 0}.footer-link:hover{color:#4ade80}@media (max-width: 768px){.dashboard-sidebar{position:relative;width:100%;height:auto;max-height:60vh;border-right:none;border-bottom:1px solid #2a2f38;max-width:100%;min-width:100%}.sidebar-header{position:static;width:100%;height:70px;border-bottom:1px solid #2a2f38;padding:20px 15px 15px;background:transparent;justify-content:center}.dashboard-logo{font-size:26px}.logo-icon{width:45px;height:45px;font-size:19px}.sidebar-top{position:static;top:auto;bottom:auto;left:auto;width:100%;height:auto;max-height:40vh;padding:15px;overflow-y:auto}.sidebar-bottom{position:static;bottom:auto;left:auto;width:100%;height:auto;padding:15px}.dashboard-main{margin-left:0}}@media (max-width: 480px){.dashboard-sidebar{position:fixed;left:-100%;top:0;height:100vh;z-index:1050;transition:transform .4s cubic-bezier(.4,0,.2,1);width:85%;max-width:320px;min-width:280px;background:linear-gradient(180deg,#1a1f2e,#23272f);box-shadow:4px 0 20px #0000004d;border-right:none;border-bottom:none;transform:translate(0);overflow:hidden}.sidebar-header{position:fixed;top:0;left:0;width:85%;max-width:320px;height:70px;z-index:1051;background:transparent;justify-content:center;padding:20px 10px 15px}.sidebar-top{position:fixed;top:70px;bottom:180px;left:0;width:85%;max-width:320px;overflow-y:auto;padding:15px 8px;z-index:1050}.sidebar-bottom{position:fixed;bottom:0;left:0;width:85%;max-width:320px;height:180px;z-index:1051;padding:15px}.dashboard-sidebar.open{transform:translate(100%)}.dashboard-logo{margin-bottom:24px;justify-content:center;padding:0 8px;font-size:24px;gap:12px}.logo-icon{width:40px;height:40px;font-size:18px}.dashboard-nav{gap:2px!important;margin-bottom:32px!important}.nav-link{font-size:14px!important;padding:10px 8px!important;border-radius:6px!important;width:calc(100% - 8px)!important;max-width:300px!important;margin:1px 4px!important}.ai-generation{margin-bottom:32px}.ai-generation h3{font-size:13px;margin-bottom:16px}.generation-items{gap:2px}.gen-link{font-size:14px;padding:10px 8px;width:calc(100% - 8px);max-width:300px;margin:1px 4px}.program-section{gap:2px}.program-section .nav-link{font-size:14px!important;padding:10px 8px!important;width:calc(100% - 8px)!important;max-width:300px!important;margin:1px 4px!important}.nav-link.admin-profile{border:2px solid #f59e0b!important;background:#f59e0b1a!important;box-shadow:0 0 10px #f59e0b4d!important}.nav-link.admin-profile:hover{background:#f59e0b33!important;border-color:#f59e0b!important;box-shadow:0 0 15px #f59e0b66!important}.nav-link.admin-profile.active{background:#f59e0b40!important;border-left:2px solid #f59e0b!important;border-bottom:1px solid rgba(245,158,11,.5)!important;box-shadow:0 0 15px #f59e0b66!important}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}.profile-name{font-size:14px;font-weight:500;color:inherit;display:flex;align-items:center;gap:6px}.verified-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.verified-badge svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.credit-display{margin:12px 4px;padding:8px 12px}.credit-info{gap:6px}.credit-label{font-size:11px}.credit-value{font-size:12px;padding:2px 6px}.sidebar-bottom{padding:20px 16px;border-top:1px solid #2a2f38;background:#1a1f2e80}.subscribe-btn{padding:14px 20px;font-size:15px;border-radius:8px;margin-bottom:20px}.social-links{gap:12px;margin-bottom:20px}.social-icon{width:32px;height:32px;font-size:14px;border-radius:8px}.footer-links{grid-template-columns:1fr;gap:10px}.footer-link{font-size:13px;padding:6px 0}}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;backdrop-filter:blur(2px)}.mobile-menu-fullscreen{box-sizing:border-box;overflow-x:hidden;width:100vw;max-width:100vw;position:fixed;left:0;top:0;z-index:1200;background:linear-gradient(180deg,#1a1f2e,#23272f);height:100vh;display:flex;flex-direction:column;padding-top:60px;overflow-y:auto}.mobile-menu-fullscreen .dashboard-sidebar{box-sizing:border-box;width:100vw;max-width:100vw;overflow-x:hidden;background:none;border:none;position:static;box-shadow:none}.mobile-menu-close{position:fixed;top:14px;right:18px;z-index:1300;background:#1a1f2ef2;border:1.5px solid #4ade80;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#4ade80;cursor:pointer;transition:background .2s,border .2s,color .2s;box-shadow:0 2px 8px #0000002e}.mobile-menu-close:hover{background:#4ade80;color:#181c24;border-color:#4ade80}.close-icon{font-size:30px;line-height:1;font-weight:700;pointer-events:none}@media (max-width: 480px){.mobile-menu-overlay{display:block}.mobile-menu-fullscreen{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(180deg,#1a1f2e,#23272f);z-index:1200;overflow-y:auto;animation:fadeIn .2s;padding-top:60px}.mobile-menu-fullscreen .dashboard-sidebar{display:flex;flex-direction:column;position:static;width:100vw;max-width:100vw;height:100vh;box-shadow:none;background:none;border:none;overflow:hidden}.mobile-menu-close{position:fixed;top:20px;right:18px;z-index:1500;background:#1a1f2ef2;border:1.5px solid #4ade80;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#4ade80;cursor:pointer;transition:background .2s,border .2s,color .2s;box-shadow:0 2px 8px #0000002e}.mobile-menu-close:hover{background:#4ade80;color:#181c24;border-color:#4ade80}.close-icon{font-size:30px;line-height:1;font-weight:700;pointer-events:none}.mobile-menu-fullscreen{display:flex;flex-direction:column;height:100vh;width:100vw;box-sizing:border-box;overflow:hidden;padding-top:60px}.mobile-menu-fullscreen .dashboard-sidebar{height:auto;min-height:calc(100vh - 60px);display:flex;flex-direction:column;width:100%;box-sizing:border-box}.mobile-menu-fullscreen .sidebar-top{flex:1;overflow-y:auto;width:100%;box-sizing:border-box;min-height:0}.mobile-menu-fullscreen .sidebar-bottom{padding:20px 16px;border-top:1px solid #2a2f38;background:#1a1f2ef2;width:100%;box-sizing:border-box;flex-shrink:0;position:sticky;bottom:0}.mobile-menu-fullscreen .subscribe-btn{padding:14px 20px;font-size:15px;border-radius:8px;margin-bottom:20px;width:100%}.mobile-menu-fullscreen .social-links{gap:12px;margin-bottom:20px;justify-content:center}.mobile-menu-fullscreen .social-icon{width:32px;height:32px;font-size:14px;border-radius:8px}.mobile-menu-fullscreen .footer-links{grid-template-columns:1fr;gap:10px;text-align:center}.mobile-menu-fullscreen .footer-links a{font-size:13px;padding:6px 0;color:#a0a0a0}.mobile-menu-fullscreen .dashboard-sidebar,.mobile-menu-fullscreen .dashboard-sidebar.open{transform:none!important;left:0!important}}@media (max-width: 768px) and (orientation: landscape){.mobile-menu-fullscreen{padding-top:40px}.mobile-menu-fullscreen .dashboard-sidebar{height:calc(100vh - 40px)}}@media (hover: none) and (pointer: coarse){.mobile-menu-close{min-width:44px;min-height:44px}}.dashboard-layout{min-height:100vh;background:#0f1419;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.dashboard-container{display:flex;flex:1;height:100vh;overflow:hidden}.dashboard-main{flex:1;overflow-y:auto;background:#0f1419;padding:20px;margin-left:260px;min-height:100vh;scrollbar-width:thin;scrollbar-color:#4ade80 #1a1f2e}.dashboard-container{padding:0;margin:0;max-width:100%}.dashboard-main{padding:20px}@media (max-width: 768px){.dashboard-container{flex-direction:column;height:auto}.dashboard-main{flex:1;min-height:40vh;padding:16px;margin-left:0}}@media (max-width: 480px){.dashboard-main{padding:12px;margin-left:0}}@media (max-width: 768px) and (orientation: landscape){.dashboard-main{padding-top:40px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.dashboard-main{border-width:.5px}}@media (prefers-reduced-motion: reduce){.dashboard-layout{transition:none}}.image-card{background:transparent;border-radius:12px;overflow:hidden;border:1px solid #2a2f38;transition:all .2s ease;position:relative;display:flex;flex-direction:column}.image-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.image-container{position:relative;cursor:pointer;overflow:hidden;display:block}.generated-image{width:100%;height:200px;object-fit:cover;transition:transform .2s ease}.image-container:hover .generated-image{transform:scale(1.05)}.image-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.image-container:hover .image-actions{opacity:1}.action-btn{background:#000c;border:none;border-radius:6px;color:#fff;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.action-btn:hover{transform:scale(1.1)}.download-btn:hover{background:#4ade80e6}.favorite-btn{background:#000c;color:#fff}.favorite-btn:hover{background:#ef4444e6}.favorite-btn.favorited{background:#ef4444e6;color:#fff}.favorite-btn.favorited:hover{background:#ef4444b3}.agent-badge{position:absolute;top:12px;left:12px;background:#4ade80e6;color:#000;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.downloaded-badge{position:absolute;bottom:12px;left:12px;background:#22c55ee6;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.image-info{padding:16px}.image-prompt{font-size:14px;color:#fff;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-date{font-size:12px;color:#666;margin:0}.image-agent-type{font-size:11px;color:#4ade80;font-weight:500;margin:4px 0 0;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.image-actions{opacity:1}}@media (max-width: 480px){.action-btn{padding:10px}}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a1f2e;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid #2a2f38}.modal-close{position:absolute;top:16px;right:16px;background:#000c;border:none;border-radius:50%;color:#fff;width:32px;height:32px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close:hover{background:#ef4444e6}.modal-image-container{position:relative;text-align:center;padding:20px}.modal-image{max-width:100%;max-height:500px;border-radius:8px;box-shadow:0 4px 8px #0000004d}.modal-actions{position:absolute;top:20px;right:20px;display:flex;gap:8px}.modal-download{background:#000c;border:none;border-radius:8px;color:#fff;padding:12px;cursor:pointer;transition:all .2s ease}.modal-download:hover{background:#4ade80e6;transform:scale(1.1)}.modal-favorite{background:#000c;border:none;border-radius:8px;color:#fff;padding:12px;cursor:pointer;transition:all .2s ease}.modal-favorite:hover{background:#ef4444e6;transform:scale(1.1)}.modal-favorite.favorited{background:#ef4444e6;color:#fff}.modal-favorite.favorited:hover{background:#ef4444b3}.modal-info{padding:24px;border-top:1px solid #2a2f38}.modal-info h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px}.modal-info p{font-size:14px;color:#a0a0a0;line-height:1.5;margin:0 0 16px}.modal-agent-info{margin:16px 0;padding:12px;background:#4ade801a;border-radius:6px;border:1px solid rgba(74,222,128,.3)}.modal-agent-info h4{font-size:14px;font-weight:600;color:#4ade80;margin:0 0 4px}.modal-agent-info p{font-size:12px;color:#a0a0a0;margin:0;text-transform:uppercase;letter-spacing:.5px}.modal-details{margin-top:16px;padding-top:16px;border-top:1px solid #2a2f38}.modal-details p{font-size:12px;color:#666;margin:0}.downloaded-status{color:#22c55e;font-weight:600}@media (max-width: 768px){.modal-content{margin:10px;max-height:95vh}.modal-image-container,.modal-info{padding:16px}.modal-actions{position:relative;top:auto;right:auto;justify-content:center;margin-top:16px}}@media (max-width: 480px){.modal-image{max-height:300px}.modal-actions{flex-direction:column;gap:8px}}.gallery-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.tab-btn{background:none;border:none;color:#a0a0a0;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.tab-btn:hover{background:#ffffff1a;color:#fff}.tab-btn.active{background:#4ade800f;color:#4ade80;border:1px solid rgba(74,222,128,.22)}@media (max-width: 768px){.gallery-tabs{flex-direction:column;gap:4px}.tab-btn{justify-content:center}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;text-align:center;gap:12px;margin:16px auto 0}.empty-icon{font-size:44px;margin-bottom:4px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.empty-state h3{font-size:20px;font-weight:600;color:#fff;margin:24px 0 4px}.empty-state p{font-size:14px;color:#a0a0a0;margin:0 0 12px;max-width:520px}.image-gallery{padding:24px;min-height:10vh;border-radius:12px;color:#fff}.gallery-header{margin-bottom:12px}.gallery-header p{font-size:16px;color:#a0a0a0;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,320px));gap:24px;width:100%;justify-content:center}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.page-btn{background:#1f2937;color:#e5e7eb;border:1px solid #374151;padding:8px 12px;border-radius:8px;cursor:pointer}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#9ca3af}.page-size-select{background:#111827;color:#e5e7eb;border:1px solid #374151;padding:6px 8px;border-radius:6px}.image-gallery.dark-mode{background:transparent}@media (max-width: 768px){.image-gallery{padding:16px}.images-grid{grid-template-columns:repeat(auto-fit,minmax(240px,320px));gap:16px}}@media (max-width: 480px){.images-grid{grid-template-columns:1fr}}.input-panel{background:#1a1f2e;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:24px;border:1px solid #2a2f38;box-shadow:0 4px 6px #0000001a}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.input-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.prompt-actions{display:flex;gap:8px}.action-btn{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.action-btn:hover{background:#4ade8033;transform:translateY(-1px)}.input-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1}.prompt-section{display:flex;flex-direction:column}.prompt-inputs{display:flex;flex-direction:column;gap:16px}.prompt-input-container{position:relative}.prompt-label{display:block;font-size:14px;font-weight:500;color:#a0a0a0;margin-bottom:8px}.prompt-input{width:100%;padding:12px 16px;background:#2a2f38;border:1px solid #3a3f48;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;min-height:44px;transition:all .2s ease}.prompt-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 2px #4ade8033}.prompt-input::placeholder{color:#666}.char-counter{position:absolute;bottom:8px;right:12px;font-size:12px;color:#666}.agent-info{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:12px;margin-top:8px}.agent-name{font-size:14px;font-weight:600;color:#4ade80;margin-bottom:4px}.agent-description{font-size:12px;color:#a0a0a0;line-height:1.4}.upload-section{display:flex;flex-direction:column;gap:16px}.upload-area{position:relative;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:40px 20px;text-align:center;transition:all .2s ease;cursor:pointer;min-height:200px;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.upload-area:hover{border-color:#4ade8080;background:#4ade800d}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;color:#a0a0a0;cursor:pointer}.upload-icon{font-size:32px;margin-bottom:8px}.upload-text{font-size:12px;color:#666;text-align:center;line-height:1.4}.uploaded-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}.overlay-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.overlay-remove-btn{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.overlay-remove-btn:hover{background:#ef4444;transform:scale(1.1)}.output-settings{display:flex;flex-direction:column;gap:16px}.settings-row{display:flex;gap:12px}.setting-dropdown{flex:1;padding:10px 12px;background:#2a2f38;border:1px solid #3a3f48;border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.generate-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.generate-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.generate-btn.disabled{background:#3a3f48;color:#666;cursor:not-allowed;transform:none}@media (max-width: 768px){.input-panel{padding:16px}.input-content{grid-template-columns:1fr;gap:16px}.settings-row{flex-direction:column}.credit-cost-display{min-height:auto;padding:8px}.cost-item{font-size:11px}}@media (max-width: 480px){.input-header{flex-direction:column;align-items:flex-start;gap:12px}.prompt-actions{width:100%;justify-content:space-between}}.preview-panel{background:#1a1f2e;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px;border:1px solid #2a2f38;box-shadow:0 4px 6px #0000001a}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-tab{background:none;border:none;color:#a0a0a0;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.preview-tab.active{background:#4ade801a;color:#4ade80}.preview-actions{display:flex;gap:8px}.preview-action-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.preview-action-btn:hover{background:#fff3}.preview-description{font-size:14px;color:#a0a0a0;line-height:1.4;margin-bottom:16px}.image-preview{flex:1;display:flex;flex-direction:column;gap:16px}.preview-placeholder{flex:1;border:2px dashed rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:300px;position:relative;background:#ffffff05}.preview-placeholder.generating{border-color:#4ade804d;background:#4ade800d}.preview-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:20px}.preview-content.multiple-images{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;align-items:flex-start}.generated-image-container{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:200px}.generated-preview-image{width:100%;max-width:180px;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000004d}.image-info{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.image-prompt-text{font-size:12px;color:#a0a0a0;text-align:center;line-height:1.3;margin:0}.image-agent-text{font-size:11px;color:#4ade80;font-weight:500;margin:0}.download-btn{background:#4ade8033;border:1px solid rgba(74,222,128,.3);color:#4ade80;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.download-btn:hover{background:#4ade804d;transform:translateY(-1px)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(74,222,128,.3);border-top:3px solid #4ade80;border-radius:50%;animation:spin 1s linear infinite}.preview-text{font-size:16px;color:#fff;font-weight:500}.image-icon{font-size:48px;margin-bottom:8px}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#4ade80e6;border:none;border-radius:50%;width:60px;height:60px;font-size:24px;cursor:pointer;transition:all .2s ease}.play-btn:hover{background:#4ade80;transform:translate(-50%,-50%) scale(1.1)}.preview-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;background:#ffffff0d;border-radius:8px}.control-btn{background:none;border:none;color:#a0a0a0;font-size:16px;cursor:pointer;transition:all .2s ease}.control-btn:hover{color:#fff}.time-display{font-size:14px;color:#a0a0a0;font-weight:500}.option-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.option-btn:hover{background:#fff3;transform:translateY(-1px)}@media (max-width: 768px){.preview-panel{padding:16px}.preview-header{flex-direction:column;align-items:flex-start;gap:12px}.preview-actions{width:100%;justify-content:space-between}.preview-content.multiple-images{flex-direction:column;align-items:center}.generated-image-container{max-width:100%}.preview-options{justify-content:center}}@media (max-width: 480px){.preview-placeholder{min-height:200px}.generated-preview-image{max-width:150px}}.suggestions-panel{background:#1a1f2e;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:24px;border:1px solid #2a2f38;box-shadow:0 4px 6px #0000001a}.ai-header{margin-bottom:16px}.ai-message{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:16px;color:#4ade80;font-size:14px;line-height:1.5}.suggestions h4,.agent-types-section h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px}.suggestions{flex:1}.suggestion-btn{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:#a0a0a0;text-align:left;cursor:pointer;transition:all .2s ease;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.suggestion-btn:hover{background:#4ade801a;border-color:#4ade804d;color:#4ade80;transform:translate(4px)}.suggestion-btn span{font-size:14px;line-height:1.4}.arrow-icon{font-size:16px;opacity:.7}.agent-types-section{flex:1}.agent-types-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agent-type-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .2s ease}.agent-type-card:hover{background:#4ade801a;border-color:#4ade804d;transform:scale(1.05)}.agent-type-name{font-size:12px;font-weight:600;color:#fff;margin-bottom:4px}.agent-type-style{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.suggestions-panel{padding:16px}.agent-types-grid{grid-template-columns:1fr}}.mobile-quick-actions{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;background:#1a1f2ef2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;z-index:1000}.quick-action-btn{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.quick-action-btn:hover{background:#4ade8033;transform:translateY(-2px)}.action-icon{font-size:16px}@media (max-width: 768px){.mobile-quick-actions{bottom:16px;padding:8px}.quick-action-btn{padding:6px 8px;min-width:50px;font-size:10px}.action-icon{font-size:14px}}.agent-image-content{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.agent-content-grid{display:grid!important;grid-template-columns:2fr 1fr!important;gap:20px!important;height:calc(100vh - 120px)!important;max-width:1400px!important;margin:0 auto!important;width:100%!important}@media (max-width: 1200px){.agent-content-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr auto!important}}@media (max-width: 768px){.agent-content-grid{grid-template-columns:1fr!important;gap:16px!important;height:auto!important}}@media (max-width: 480px){.agent-content-grid{gap:12px!important}}.preview-panel{background:#1a1f2e;border-radius:12px;padding:24px;border:1px solid #2a2f38;display:flex;flex-direction:column;gap:24px;min-height:0;scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.preview-panel::-webkit-scrollbar{display:none}.generated-images-header{text-align:center;margin-bottom:20px}.generated-images-header h4{color:#4ade80;font-size:18px;font-weight:600;margin:0 0 8px}.generated-images-header p{color:#a0a0a0;font-size:14px;margin:0}.generated-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-height:400px;overflow-y:auto;padding:10px}.generated-image-container{background:#2a2f38;border-radius:8px;padding:12px;border:1px solid #3a3f48;transition:all .3s ease}.generated-image-container:hover{border-color:#4ade80;transform:translateY(-2px);box-shadow:0 4px 12px #4ade8033}.image-wrapper{position:relative;border-radius:6px;overflow:hidden;margin-bottom:12px}.generated-preview-image{width:100%;height:200px;object-fit:cover;border-radius:6px;transition:transform .3s ease}.generated-image-container:hover .generated-preview-image{transform:scale(1.05)}.image-overlay{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .3s ease}.generated-image-container:hover .image-overlay{opacity:1}.download-btn{background:#000000b3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s ease}.download-btn:hover{background:#4ade80cc;transform:scale(1.1)}.image-info{padding:0 4px}.image-prompt-text{color:#e0e0e0;font-size:13px;line-height:1.4;margin:0 0 8px;word-break:break-word}.image-prompt-text strong{color:#4ade80}.image-id{color:#888;font-size:11px;margin:0;font-family:monospace}.text-images-container{background:#1a1f2e;border-radius:12px;padding:24px;border:1px solid #2a2f38;display:flex;flex-direction:column;gap:24px;min-height:0;overflow-y:auto}.text-images-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.header-content h2{color:#4ade80;font-size:24px;font-weight:600;margin:0 0 8px}.header-content p{color:#a0a0a0;font-size:14px;margin:0}.clear-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.clear-btn:hover{background:#ef444433;border-color:#ef444480}.text-input-section{background:#2a2f38;border-radius:12px;padding:20px;border:1px solid #3a3f48}.input-container{display:flex;flex-direction:column;gap:16px}.input-header{display:flex;justify-content:space-between;align-items:center}.input-header label{color:#e0e0e0;font-size:16px;font-weight:500}.char-count{color:#888;font-size:12px}.prompt-textarea{background:#1a1f2e;border:1px solid #3a3f48;border-radius:8px;padding:16px;color:#e0e0e0;font-size:14px;line-height:1.5;resize:vertical;min-height:120px;font-family:inherit;transition:border-color .3s ease}.prompt-textarea:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.prompt-textarea::placeholder{color:#666}.input-footer{display:flex;justify-content:space-between;align-items:center}.cost-info{color:#a0a0a0;font-size:14px}.generate-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;color:#000;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ade804d}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}.results-section{flex:1;min-height:0}.results-header{text-align:center;margin-bottom:24px}.results-header h3{color:#4ade80;font-size:20px;font-weight:600;margin:0 0 8px}.results-header p{color:#a0a0a0;font-size:14px;margin:0}.generated-image-card{background:#2a2f38;border-radius:12px;padding:16px;border:1px solid #3a3f48;transition:all .3s ease}.generated-image-card:hover{border-color:#4ade80;transform:translateY(-4px);box-shadow:0 8px 25px #4ade8033}.generated-image{width:100%;height:250px;object-fit:cover;border-radius:8px;transition:transform .3s ease}.generated-image-card:hover .generated-image{transform:scale(1.02)}.image-details{padding:12px 0 0}.image-prompt{color:#e0e0e0;font-size:13px;line-height:1.4;margin:0 0 8px;word-break:break-word}.image-prompt strong{color:#4ade80}.empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;text-align:center}.empty-content{max-width:400px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-content h3{color:#e0e0e0;font-size:20px;font-weight:600;margin:0 0 12px}.empty-content p{color:#a0a0a0;font-size:14px;line-height:1.5;margin:0}.preview-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.preview-tabs{display:flex;gap:8px}.preview-tab{background:none;border:none;color:#a0a0a0;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.preview-tab:hover{background:#2a2f38;color:#fff}.preview-tab.active{background:#4ade80;color:#000}.preview-actions{display:flex;gap:8px;flex-wrap:wrap}.preview-action-btn{background:#2a2f38;border:none;color:#a0a0a0;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit}.preview-action-btn:hover{background:#3a3f48;color:#fff}.preview-description{background:#2a2f38;padding:16px;border-radius:8px;font-size:13px;color:#a0a0a0;line-height:1.5}.image-preview{flex:1;display:flex;flex-direction:column;min-height:0}.preview-placeholder{flex:1;background:#000;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:16px;min-height:200px}.preview-placeholder.generating{background:linear-gradient(135deg,#4facfe,#00f2fe)}.generated-preview-image{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 15px #0003}.preview-content.multiple-images{display:flex;flex-direction:column;gap:20px;width:100%;max-height:100%;overflow-y:auto}.generated-image-container{display:flex;flex-direction:column;align-items:center;gap:10px}.image-prompt-text{font-size:12px;color:#a0a0a0;text-align:center;margin:0;max-width:100%;word-wrap:break-word}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.preview-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#a0a0a0;text-align:center;padding:20px}.image-icon{font-size:48px;opacity:.5}.preview-text{font-size:14px;text-align:center}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border:none;color:#fff;font-size:24px;padding:12px;border-radius:50%;cursor:pointer;transition:all .2s}.play-btn:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.preview-controls{display:flex;align-items:center;justify-content:center;gap:16px}.control-btn{background:none;border:none;color:#a0a0a0;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.control-btn:hover{background:#2a2f38;color:#fff}.time-display{font-size:13px;color:#a0a0a0}.preview-options{display:flex;gap:8px;flex-wrap:wrap}.option-btn{background:#2a2f38;border:none;color:#a0a0a0;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;font-family:inherit}.option-btn:hover{background:#3a3f48;color:#fff}.option-icon{font-size:14px}@media (min-width: 1400px){.preview-panel{padding:32px}.preview-placeholder{min-height:250px}.image-icon{font-size:56px}.preview-text{font-size:16px}}@media (max-width: 1200px){.preview-panel{padding:20px}.preview-placeholder{min-height:180px}}@media (max-width: 768px){.preview-panel{padding:16px}.preview-header{flex-direction:column;align-items:flex-start;gap:12px}.preview-actions{width:100%;justify-content:space-between}.preview-action-btn{font-size:11px;padding:4px 8px}.preview-options{gap:6px}.option-btn{font-size:11px;padding:6px 10px}}@media (max-width: 480px){.preview-panel{padding:12px}.preview-description{font-size:12px;padding:12px}.preview-tab{font-size:12px;padding:4px 8px}.preview-action-btn{font-size:10px;padding:3px 6px}.option-btn{font-size:10px;padding:4px 8px}.image-icon{font-size:32px}.preview-text{font-size:12px}.play-btn{font-size:20px;padding:8px}.time-display{font-size:12px}.control-btn{font-size:14px}}@media (max-width: 360px){.preview-panel{padding:10px}.preview-description{font-size:11px;padding:10px}.preview-tab{font-size:11px;padding:3px 6px}.preview-action-btn{font-size:9px;padding:2px 4px}.option-btn{font-size:9px;padding:3px 6px}.image-icon{font-size:28px}.preview-text{font-size:11px}.play-btn{font-size:18px;padding:6px}.time-display{font-size:11px}.control-btn{font-size:12px}}@media (max-width: 768px) and (orientation: landscape){.preview-placeholder{min-height:120px}}@media (prefers-reduced-motion: reduce){.play-btn:hover{transform:translate(-50%,-50%)}}.content-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #353a45;padding-bottom:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:#23272f;border-radius:12px}.tab-btn{background:none;border:none;color:#bfc3ca;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;position:relative;white-space:nowrap;flex-shrink:0}.tab-btn:hover{color:#fff;background:#353a45}.tab-btn.active{color:#4ade80;background:#262a33}@media (max-width: 768px){.content-tabs{gap:6px;margin-bottom:24px}.tab-btn{padding:10px 20px;font-size:14px}}@media (max-width: 480px){.content-tabs{gap:4px;margin-bottom:20px}.tab-btn{padding:8px 16px;font-size:13px}}@media (max-width: 360px){.content-tabs{margin-bottom:16px}.tab-btn{padding:6px 12px;font-size:12px}}.input-panel{background:#1a1f2e;border-radius:12px;padding:24px;border:1px solid #2a2f38;display:flex;flex-direction:column;gap:24px;min-height:0;transition:height .3s ease;height:fit-content;scrollbar-width:none;-ms-overflow-style:none}.input-panel::-webkit-scrollbar{display:none}.prompt-section{flex:1;min-height:0;display:flex;flex-direction:column}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.prompt-header h3{font-size:16px;font-weight:600;margin:0;color:#fff}.prompt-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn{background:#2a2f38;border:none;color:#a0a0a0;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;white-space:nowrap}.action-btn:hover{background:#3a3f48;color:#fff}.prompt-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;flex:1;min-height:0}.prompt-input-container{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.prompt-label{font-size:12px;font-weight:500;color:#a0a0a0;margin:0}.prompt-input{width:100%;min-height:40px;background:#2a2f38;border:1px solid #3a3f48;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;box-sizing:border-box;font-family:inherit;resize:none;overflow-y:hidden;line-height:1.4;transition:height .2s ease;word-wrap:break-word}.prompt-input:focus{outline:none;border-color:#4ade80}.prompt-input::placeholder{color:#6a6a6a}.output-settings{border-top:1px solid #2a2f38;padding-top:24px}.settings-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.setting-dropdown{flex:1;min-width:120px;background:#2a2f38;border:1px solid #3a3f48;border-radius:6px;padding:8px 12px;color:#fff;font-size:13px;cursor:pointer;font-family:inherit}.setting-dropdown:focus{outline:none;border-color:#4ade80}.generate-btn{width:100%;background:#4ade80;color:#000;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.generate-btn:hover{background:#22c55e;transform:translateY(-1px)}.credit-cost-display{flex:1;background:#4ade800d;border:1px solid rgba(74,222,128,.2);border-radius:8px;padding:12px;min-height:44px;display:flex;align-items:center}.loading-plan{color:#a0a0a0;font-size:14px;text-align:center;width:100%}.no-plan{color:#ef4444;font-size:14px;text-align:center;width:100%}.cost-info{width:100%;display:flex;flex-direction:column;gap:4px}.cost-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:8px}.cost-label{color:#a0a0a0;font-weight:500;white-space:nowrap}.cost-value{color:#4ade80;font-weight:600;flex:1;text-align:center}.cost-available{color:#a0a0a0;font-size:11px;white-space:nowrap}.cost-value.insufficient{color:#ef4444}@media (min-width: 1400px){.input-panel{padding:32px}.prompt-input{min-height:50px;font-size:15px}}@media (max-width: 1200px){.input-panel{padding:20px}.prompt-inputs{gap:10px}.prompt-input{min-height:35px}.settings-row{flex-direction:column;gap:12px}.setting-dropdown{width:100%}.credit-cost-display{min-height:auto;padding:8px}.cost-item{font-size:11px}}@media (max-width: 768px){.input-panel{padding:16px}.prompt-header{flex-direction:column;align-items:flex-start;gap:12px}.prompt-actions{width:100%;justify-content:space-between}.prompt-inputs{gap:8px}.prompt-label{font-size:11px}.prompt-input{min-height:35px;font-size:13px}}@media (max-width: 480px){.input-panel{padding:12px}.prompt-inputs{overflow-y:auto;max-height:300px;gap:6px}.prompt-label{font-size:10px}.prompt-input{min-height:30px;font-size:12px;padding:10px 12px}.prompt-header h3{font-size:14px}.action-btn{font-size:11px;padding:4px 8px}.setting-dropdown{font-size:12px;padding:6px 10px}.generate-btn{padding:10px 20px;font-size:14px}.credit-cost-display{padding:6px}.cost-item{font-size:10px}}@media (max-width: 360px){.input-panel{padding:10px}.prompt-inputs{max-height:250px;gap:5px}.prompt-label{font-size:9px}.prompt-input{min-height:25px;font-size:11px;padding:8px 10px}.prompt-header h3{font-size:13px}.action-btn{font-size:10px;padding:3px 6px}.setting-dropdown{font-size:11px;padding:5px 8px}.generate-btn{padding:8px 16px;font-size:13px}.credit-cost-display{padding:4px}.cost-item{font-size:9px}}@media (hover: none) and (pointer: coarse){.action-btn,.generate-btn,.setting-dropdown{min-height:44px}.prompt-inputs{gap:8px}.prompt-input{min-height:35px}}.suggestions-panel{background:#1a1f2e;border-radius:12px;padding:24px;border:1px solid #2a2f38;display:flex;flex-direction:column;gap:24px;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.suggestions-panel::-webkit-scrollbar{display:none}.ai-header{margin-bottom:0}.ai-message{background:#2a2f38;padding:16px;border-radius:8px;font-size:14px;color:#a0a0a0;line-height:1.5}.suggestions{flex:1;min-height:0}.suggestions h4{font-size:14px;font-weight:600;margin-bottom:12px;color:#a0a0a0}.suggestion-btn{width:100%;background:#2a2f38;border:1px solid #3a3f48;border-radius:6px;padding:12px 16px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;text-align:left;font-family:inherit}.suggestion-btn:hover{background:#3a3f48;border-color:#4ade80}.arrow-icon{font-size:14px;color:#4ade80;flex-shrink:0}.upload-section{margin-top:auto}.toggle-section{margin-bottom:20px}.toggle-container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2a2f38,#252a35);border-radius:12px;border:1px solid #3a3f48;position:relative;overflow:hidden;transition:all .3s ease}.toggle-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,222,128,.1),transparent);transition:left .5s ease}.toggle-container:hover{border-color:#4ade80;transform:translateY(-1px);box-shadow:0 4px 12px #4ade8026}.toggle-container:hover:before{left:100%}.toggle-content-left{display:flex;align-items:center;gap:12px}.toggle-icon{font-size:20px;transition:all .3s ease}.icon-multiple{display:block;animation:slide-in .3s ease-out}.icon-single{display:block;animation:fade-in .3s ease-out}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:15px;color:#fff;font-weight:600;letter-spacing:.5px}.toggle-description{font-size:12px;color:#888;font-weight:400;opacity:.8}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(135deg,#3a3f48,#2e333b);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:28px;box-shadow:inset 0 2px 4px #0000004d}.toggle-slider-inner{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:linear-gradient(135deg,#fff,#f8f9fa);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 8px #00000040,0 1px 3px #00000026}.toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:inset 0 2px 4px #22c55e4d,0 4px 12px #4ade8040}.toggle-input:checked+.toggle-slider .toggle-slider-inner{transform:translate(24px);background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 4px 12px #0003,0 2px 6px #0000001a}.toggle-input:focus+.toggle-slider{box-shadow:0 0 0 3px #4ade804d}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.multiple-upload{min-height:100px;padding:32px 20px}.multiple-upload-label{flex-direction:column;gap:12px}.multiple-upload-label small{font-size:12px;color:#888;font-weight:400}.multiple-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:16px;margin-bottom:12px;max-height:200px;overflow-y:auto;padding:4px}.image-thumbnail{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#2a2f38;border:1px solid #3a3f48}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .2s}.thumbnail-image:hover{transform:scale(1.05)}.thumbnail-remove-btn{position:absolute;top:4px;right:4px;background:#000c;border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0}.image-thumbnail:hover .thumbnail-remove-btn{opacity:1}.thumbnail-remove-btn:hover{background:#dc2626e6;transform:scale(1.1)}.generate-multiple-btn{width:100%;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;padding:16px 20px;margin-top:16px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.5px;box-shadow:0 4px 12px #4ade8040}.generate-multiple-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);transform:translateY(-2px);box-shadow:0 8px 20px #4ade8066}.generate-multiple-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4ade8059}.generate-multiple-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #6b728040}.generate-icon{font-size:18px;display:flex;align-items:center}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-area{background:#2a2f38;border:2px dashed #3a3f48;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:12px;position:relative;min-height:120px;display:flex;align-items:center;justify-content:center}.upload-area:hover{border-color:#4ade80;background:#3a3f48}.file-input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer;z-index:1}.upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#a0a0a0;transition:color .2s}.upload-area:hover .upload-label{color:#fff}.upload-icon{font-size:32px;color:#a0a0a0;margin-bottom:8px;display:block}.upload-text{font-size:13px;color:#a0a0a0;margin:0}.uploaded-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden;z-index:2;pointer-events:none}.overlay-image-container{position:relative;width:100%;height:100%;pointer-events:none}.overlay-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.overlay-remove-btn{position:absolute;top:8px;right:8px;background:#000c;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;pointer-events:auto}.overlay-remove-btn:hover{background:#dc2626e6;transform:scale(1.1)}@media (min-width: 1400px){.suggestions-panel{padding:32px}.ai-message{font-size:15px;padding:20px}.suggestion-btn{font-size:14px;padding:14px 18px}.upload-area{padding:48px 24px}.upload-icon{font-size:36px}.toggle-label{font-size:15px}.multiple-images-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:16px}}@media (max-width: 1200px){.suggestions-panel{padding:20px}.toggle-container{padding:14px 16px}}@media (max-width: 768px){.suggestions-panel{padding:16px}.suggestions h4{font-size:13px}.suggestion-btn{font-size:12px;padding:10px 12px}.upload-area{padding:24px 16px;min-height:100px}.overlay-remove-btn{width:20px;height:20px;font-size:14px;top:6px;right:6px}.upload-icon{font-size:24px}.toggle-container{padding:12px 16px}.toggle-content-left{gap:10px}.toggle-icon{font-size:18px}.toggle-label{font-size:13px}.toggle-description{font-size:11px}.toggle-switch{width:46px;height:24px}.toggle-slider-inner{height:16px;width:16px;left:4px;bottom:4px}.toggle-input:checked+.toggle-slider .toggle-slider-inner{transform:translate(20px)}.multiple-upload{padding:24px 16px}.multiple-images-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.thumbnail-remove-btn{width:16px;height:16px;font-size:11px}.generate-multiple-btn{padding:14px 18px;font-size:14px}}@media (max-width: 480px){.suggestions-panel{padding:12px}.ai-message{font-size:13px;padding:12px}.suggestion-btn{font-size:11px;padding:8px 10px}.upload-area{padding:20px 12px;min-height:80px}.overlay-remove-btn{width:18px;height:18px;font-size:12px;top:4px;right:4px}.upload-icon{font-size:20px}.upload-text{font-size:12px}.toggle-container{padding:10px 12px}.toggle-content-left{gap:8px}.toggle-icon{font-size:16px}.toggle-label{font-size:12px}.toggle-description{font-size:10px}.toggle-switch{width:42px;height:22px}.multiple-upload{padding:20px 12px}.multiple-images-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;max-height:150px}.thumbnail-remove-btn{width:14px;height:14px;font-size:10px}.generate-multiple-btn{padding:12px 16px;font-size:13px}}@media (max-width: 360px){.suggestions-panel{padding:10px}.ai-message{font-size:12px;padding:10px}.suggestion-btn{font-size:10px;padding:6px 8px}.upload-area{padding:16px 10px;min-height:60px}.overlay-remove-btn{width:16px;height:16px;font-size:11px;top:3px;right:3px}.upload-icon{font-size:18px}.upload-text{font-size:11px}.toggle-container{padding:8px 10px}.toggle-content-left{gap:6px}.toggle-icon{font-size:14px}.toggle-label{font-size:11px}.toggle-description{font-size:9px}.toggle-switch{width:38px;height:20px}.toggle-slider-inner{height:14px;width:14px;left:3px;bottom:3px}.toggle-input:checked+.toggle-slider .toggle-slider-inner{transform:translate(16px)}.multiple-images-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;max-height:120px}.thumbnail-remove-btn{width:12px;height:12px;font-size:9px}.generate-multiple-btn{padding:10px 14px;font-size:12px}}.mobile-quick-actions{display:none;gap:12px;padding:16px;background:#1a1f2e;border-radius:12px;margin-top:24px;border:1px solid #2a2f38}.quick-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;background:#2a2f38;border:none;padding:16px 12px;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}@media (max-width: 768px){.mobile-quick-actions{display:flex}}@media (max-width: 480px){.mobile-quick-actions{padding:12px;gap:8px}.quick-action-btn{padding:12px 8px;font-size:11px}.quick-action-btn .action-icon{font-size:18px}}@media (max-width: 360px){.mobile-quick-actions{padding:10px;gap:6px}.quick-action-btn{padding:10px 6px;font-size:10px}.quick-action-btn .action-icon{font-size:16px}}@media (max-width: 768px) and (orientation: landscape){.mobile-quick-actions{display:none}}@media (prefers-reduced-motion: reduce){.quick-action-btn:hover{transform:none}}.image-generation-content{padding:24px;height:100%;overflow-y:auto;max-width:100%;box-sizing:border-box;background:#6a8fd9;color:#f3f4f6;scrollbar-width:none;-ms-overflow-style:none}.image-generation-content::-webkit-scrollbar{display:none}.content-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;height:calc(100vh - 300px);min-height:600px;align-items:start}@media (min-width: 1400px){.image-generation-content{padding:32px 48px}.content-grid{grid-template-columns:1fr 1fr 1fr;gap:32px;height:calc(100vh - 350px)}}@media (max-width: 1200px){.image-generation-content{padding:20px}.content-grid{grid-template-columns:1fr 1fr;gap:20px;height:calc(100vh - 280px)}.preview-panel{grid-column:span 2}}@media (max-width: 768px){.image-generation-content{padding:16px}.content-grid{grid-template-columns:1fr;gap:16px;height:auto}.preview-panel{grid-column:span 1}}@media (max-width: 480px){.image-generation-content{padding:12px}}@media (max-width: 360px){.image-generation-content{padding:8px}}@media (max-width: 768px) and (orientation: landscape){.content-grid{grid-template-columns:1fr 1fr;height:calc(100vh - 200px)}.preview-panel{grid-column:span 2}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.input-panel,.suggestions-panel,.preview-panel{border-width:.5px}}@media (prefers-color-scheme: dark){.image-generation-content{background:none}}@media print{.image-generation-content{background:#fff;color:#000}.input-panel,.suggestions-panel,.preview-panel{border:1px solid #ccc;break-inside:avoid}.mobile-quick-actions{display:none}}.profile-section{background:#262a33;border-radius:12px;padding:24px;border:1px solid #2a2f38;height:100%;display:flex;flex-direction:column}.profile-info{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;flex:1}.avatar-section{display:flex;justify-content:center}.avatar-container{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #4ade80}.profile-avatar{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;border-radius:50%}.avatar-initials{font-size:36px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-upload-btn{background:#4ade80;color:#000;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s}.avatar-upload-btn:hover{background:#22c55e;transform:scale(1.1)}.admin-button-container{margin-top:16px;display:flex;justify-content:center}.admin-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #f59e0b4d;border:2px solid rgba(245,158,11,.5)}.admin-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66;border-color:#f59e0bb3}.admin-btn:active{transform:translateY(0);box-shadow:0 2px 8px #f59e0b4d}.admin-icon{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.admin-text{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.profile-form{display:grid;gap:20px}.form-input{padding:12px 16px;border:1px solid #3a3f48;border-radius:8px;background:#1a1f2e;color:#fff;font-size:14px;transition:all .2s;min-height:44px;width:100%}.form-input.disabled{background:#2a2f38;color:#6a6a6a;cursor:not-allowed}.form-group small{font-size:12px;color:#6a6a6a}@media (max-width: 768px){.profile-info{grid-template-columns:1fr;gap:24px;text-align:center}.avatar-container{width:100px;height:100px;margin:0 auto}.section-header{flex-direction:column;align-items:flex-start}.avatar-initials{font-size:28px}.admin-button-container{margin-top:12px}.admin-btn{padding:10px 16px;font-size:13px}.admin-icon{font-size:14px}}@media (max-width: 480px){.profile-section{padding:16px}.section-header h2{font-size:18px}.edit-btn{font-size:12px;padding:6px 12px}.form-input{font-size:13px;padding:10px 12px;min-height:40px}.save-btn{font-size:13px;padding:10px 20px}.avatar-container{width:80px;height:80px}.avatar-initials{font-size:24px}.admin-button-container{margin-top:10px}.admin-btn{padding:8px 14px;font-size:12px}.admin-icon{font-size:12px}.admin-text{font-size:11px}}.profile-section{background:#262a33;border-radius:12px;padding:24px;border:1px solid #2a2f38}.edit-btn{background:#4ade80;color:#000;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.edit-btn:hover{background:#22c55e;transform:translateY(-1px)}.password-form-container{overflow:hidden;transition:all .3s ease-in-out}.password-form-container.collapsed{max-height:0;opacity:0;margin-top:0}.password-form-container.expanded{max-height:500px;opacity:1;margin-top:24px}.security-section.active{background:#2a3139;border-color:#4ade80}.security-section.active .section-header h2{color:#4ade80}.password-form{display:grid;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#a0a0a0}.form-input{padding:12px 16px;border:1px solid #3a3f48;border-radius:8px;background:#1a1f2e;color:#fff;font-size:14px;transition:all .2s}.form-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 2px #4ade8033}.form-input::placeholder{color:#6a6a6a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{padding-right:45px}.login-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;user-select:none;transition:all .2s ease;z-index:10}.login-eye:hover{transform:translateY(-50%) scale(1.1)}.login-eye:active{transform:translateY(-50%) scale(.95)}.form-actions{display:flex;gap:12px;justify-content:flex-end}.save-btn{background:#4ade80;color:#000;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){background:#22c55e;transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.profile-section{padding:16px}.section-header h2{font-size:18px}.edit-btn{font-size:12px;padding:6px 12px}.form-input{font-size:13px;padding:10px 12px}.password-input{font-size:13px;padding:10px 10px 10px 12px}.login-eye{right:8px;font-size:16px}.save-btn{font-size:13px;padding:10px 20px}}.profile-section{background:#262a33;border-radius:16px;padding:24px;border:1px solid #2a2f38;box-shadow:0 4px 20px #0000001a;height:100%;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-header h2{font-size:20px;font-weight:600;margin:0;color:#fff}.plan-info{display:flex;justify-content:center;flex:1}.plan-card{background:linear-gradient(145deg,#2a2f38,#1a1f2e);padding:20px;border-radius:16px;text-align:left;max-width:400px;width:100%;border:1px solid #3a3f48;box-shadow:0 8px 32px #0003;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4ade80,#22c55e)}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.plan-title h3{font-size:24px;font-weight:800;margin:0 0 6px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.plan-price{font-size:16px;font-weight:600;color:#4ade80;background:#4ade801a;padding:4px 12px;border-radius:20px;display:inline-block}.plan-status{display:flex;flex-direction:column;align-items:flex-end}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;box-shadow:0 2px 8px #4ade804d}.status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.plan-description{margin-bottom:16px}.plan-description p{font-size:14px;color:#fffc;line-height:1.6;margin:0}.plan-features{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.feature-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature-item:hover{background:#ffffff14;transform:translate(4px)}.feature-icon{font-size:18px;width:24px;text-align:center}.feature-text{font-size:14px;color:#ffffffe6;font-weight:500}.credit-section{background:linear-gradient(135deg,#4ade801a,#22c55e0d);border:1px solid rgba(74,222,128,.2);border-radius:12px;padding:16px;margin-bottom:16px}.credit-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.credit-icon{font-size:20px}.credit-title{font-size:14px;font-weight:600;color:#4ade80;text-transform:uppercase;letter-spacing:.5px}.credit-display{display:flex;justify-content:center;align-items:center}.credit-loading{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:14px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(74,222,128,.3);border-top:2px solid #4ade80;border-radius:50%;animation:spin 1s linear infinite}.credit-amount{display:flex;align-items:baseline;gap:8px}.credit-number{font-size:28px;font-weight:800;color:#4ade80;text-shadow:0 2px 4px rgba(74,222,128,.3)}.credit-label{font-size:14px;color:#ffffffb3;font-weight:500}.plan-expiry,.plan-start{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:6px;margin-bottom:8px}.expiry-icon,.start-icon{font-size:14px}.expiry-text,.start-text{font-size:12px;color:#ffffffb3;font-weight:500}@media (max-width: 768px){.plan-card{padding:20px}.plan-title h3{font-size:24px}.credit-number{font-size:28px}}@media (max-width: 480px){.profile-section{padding:16px}.section-header h2{font-size:18px}.plan-card{padding:16px}.plan-title h3{font-size:20px}.credit-number{font-size:24px}.feature-item{padding:10px 12px}}.notifications-container{background:linear-gradient(135deg,#1a1f2e,#262a33);border-radius:16px;padding:0;border:1px solid #2a2f38;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative;transition:all .3s ease-in-out}.notifications-section.active{background:linear-gradient(135deg,#1a2e1a,#262a39);border-color:#4ade80}.notifications-section.active .notifications-header h2{color:#4ade80!important}.notifications-content{overflow:hidden;transition:all .3s ease-in-out}.notifications-content.collapsed{max-height:0;opacity:0;padding:0 24px}.notifications-content.expanded{max-height:600px;opacity:1;padding:24px}.notifications-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#4ade80,transparent);opacity:.6}.notifications-header{background:#1a1f2ecc;backdrop-filter:blur(10px);padding:24px;border-bottom:1px solid #2a2f38;position:relative}.header-content{display:flex;flex-direction:column;gap:8px}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{font-size:24px;font-weight:700;margin:0;color:#fff;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.unread-badge{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 2px 8px #4ade804d;animation:pulse 2s infinite}.header-subtitle{color:#94a3b8;font-size:14px;margin:0;font-weight:400}.header-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.mark-all-read-btn,.toggle-notifications-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2a2f38,#1a1f2e);color:#e2e8f0;border:1px solid #374151;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mark-all-read-btn:before,.toggle-notifications-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.mark-all-read-btn:hover:before,.toggle-notifications-btn:hover:before{left:100%}.mark-all-read-btn:hover,.toggle-notifications-btn:hover{background:linear-gradient(135deg,#374151,#2a2f38);color:#fff;border-color:#4ade80;transform:translateY(-1px);box-shadow:0 4px 12px #4ade8033}.mark-all-read-btn:active,.toggle-notifications-btn:active{transform:translateY(0)}.mark-all-read-btn.animating{animation:buttonPulse .3s ease-in-out}.btn-icon{font-size:16px;font-weight:700}.notifications-content{padding:24px;max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4ade80 #1a1f2e}.notifications-content::-webkit-scrollbar{width:6px}.notifications-content::-webkit-scrollbar-track{background:#1a1f2e;border-radius:3px}.notifications-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:3px}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px;color:#94a3b8}.empty-state p{font-size:14px;margin:0;color:#64748b}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-card{background:linear-gradient(135deg,#1a1f2e,#262a33);border:1px solid #2a2f38;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:slideInUp .5s ease-out forwards;opacity:0;transform:translateY(20px)}.notification-card.animate{animation:slideInUp .5s ease-out forwards}.notification-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4ade80,#22c55e);transform:scaleX(0);transition:transform .3s ease}.notification-card:hover{background:linear-gradient(135deg,#2a2f38,#374151);border-color:#4ade80;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.notification-card:hover:before{transform:scaleX(1)}.notification-card.unread{border-color:#4ade80;background:linear-gradient(135deg,#4ade801a,#22c55e0d)}.notification-card.unread:before{transform:scaleX(1)}.notification-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.notification-icon-wrapper{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#374151,#2a2f38);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.notification-icon{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.notification-meta{flex:1;min-width:0}.notification-title{font-size:16px;font-weight:600;margin:0 0 4px;color:#fff;line-height:1.3}.notification-time{font-size:12px;color:#64748b;font-weight:500}.unread-indicator{flex-shrink:0;margin-left:auto}.pulse-dot{width:8px;height:8px;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 #4ade80b3}.notification-body{margin-left:56px}.notification-message{font-size:14px;color:#94a3b8;line-height:1.5;margin:0}.notification-details{margin-top:16px;margin-left:56px;padding:16px;background:#1a1f2e80;border-radius:8px;border:1px solid #374151;animation:slideDown .3s ease-out}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.detail-item:last-child{margin-bottom:0}.detail-label{font-size:12px;color:#64748b;font-weight:500}.detail-value{font-size:12px;color:#94a3b8;font-weight:600}.detail-value.read{color:#4ade80}.notification-card.success .notification-icon-wrapper{background:linear-gradient(135deg,#22c55e,#16a34a)}.notification-card.warning .notification-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-card.error .notification-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626)}.notification-card.credit .notification-icon-wrapper{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.notification-card.plan .notification-icon-wrapper{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.notification-card.image .notification-icon-wrapper{background:linear-gradient(135deg,#06b6d4,#0891b2)}.notification-card.info .notification-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@media (max-width: 768px){.notifications-header{padding:20px}.header-title h2{font-size:20px}.header-actions{flex-direction:column;gap:8px}.mark-all-read-btn,.toggle-notifications-btn{width:100%;justify-content:center}.notifications-content{padding:20px;max-height:400px}.notification-card{padding:16px}.notification-header{gap:12px}.notification-icon-wrapper{width:36px;height:36px}.notification-icon{font-size:16px}.notification-body,.notification-details{margin-left:48px}}@media (max-width: 480px){.notifications-container{border-radius:12px}.notifications-header{padding:16px}.header-title h2{font-size:18px}.header-subtitle{font-size:13px}.notifications-content{padding:16px}.notification-card{padding:12px}.notification-title{font-size:14px}.notification-message{font-size:13px}.notification-details{padding:12px}}.profile-container{padding:24px;max-width:1200px;border-radius:12px;border:1px solid #2a2f38;margin:0 auto;min-height:calc(100vh - 80px);background:#1a1f2e;color:#f3f4f6}.profile-header{text-align:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #2a2f38}.profile-header h1{font-size:32px;font-weight:700;margin-bottom:8px;color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-header p{font-size:16px;color:#a0a0a0;margin:0}.profile-content{display:flex;flex-direction:column}.profile-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start}.profile-left{display:flex;flex-direction:column;gap:24px}.profile-right{position:sticky;top:24px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 80px);gap:20px;background:#1a1f2e;color:#f3f4f6}.loading-spinner{width:40px;height:40px;border:4px solid rgba(74,222,128,.3);border-top:4px solid #4ade80;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-loading p{color:#a0a0a0;font-size:16px}@media (max-width: 1024px){.profile-layout{grid-template-columns:1fr;gap:24px}.profile-right{position:static;order:-1}}@media (max-width: 768px){.profile-container{padding:16px;min-height:calc(100vh - 60px)}.profile-header h1{font-size:24px}.profile-layout,.profile-left{gap:20px}.profile-loading{height:calc(100vh - 60px)}}@media (max-width: 480px){.profile-container{padding:12px;min-height:calc(100vh - 50px)}.profile-header{margin-bottom:32px}.profile-header h1{font-size:20px}.profile-header p{font-size:14px}.profile-layout,.profile-left{gap:16px}.profile-loading{height:calc(100vh - 50px)}}.dashboard-layout{display:flex;min-height:100vh;background:#181c24;color:#fff}.dashboard-sidebar{width:220px;background:#23272f;padding:32px 16px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:2px 0 8px #00000014}.dashboard-logo{font-size:1.5rem;font-weight:700;color:#a3ff3f}.dashboard-nav{display:flex;flex-direction:column;gap:16px}.dashboard-nav a{color:#fff;text-decoration:none;font-size:1.1rem;transition:color .2s}.dashboard-nav a:hover{color:#a3ff3f}.dashboard-main{flex:1;padding:48px;background:#181c24}.dashboard-content{padding:24px;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;box-sizing:border-box;transition:all .3s ease}.dashboard-content::-webkit-scrollbar{display:none}.hero-section{margin-bottom:32px}.hero-banner{background:linear-gradient(135deg,#1a1f2e,#2a2f38);border-radius:16px;padding:40px;display:flex;align-items:center;gap:40px;position:relative;overflow:hidden;border:1px solid #2a2f38;min-height:200px;transition:all .3s ease}.hero-content{flex:1;z-index:2;min-width:0}.hero-title{font-size:clamp(24px,4vw,32px);font-weight:700;color:#fff;margin-bottom:12px;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{font-size:clamp(14px,2vw,16px);color:#a0a0a0;margin-bottom:24px;line-height:1.5}.hero-btn{background:#2a2f38;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.hero-btn:hover{background:#4ade80;color:#000;transform:translateY(-1px)}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.hero-placeholder{width:clamp(120px,20vw,200px);height:clamp(120px,20vw,200px);background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;font-weight:600;position:relative;overflow:hidden;font-size:clamp(10px,2vw,14px)}.glow-effect{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,222,128,.3) 0%,transparent 70%);animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #2a2f38;padding-bottom:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.content-tabs::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;color:#a0a0a0;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;position:relative;white-space:nowrap;flex-shrink:0}.tab-btn:hover{color:#fff;background:#2a2f38}.tab-btn.active{color:#4ade80;background:#2a2f38}.tab-btn.active:after{content:"";position:absolute;bottom:-16px;left:0;right:0;height:2px;background:#4ade80}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:24px}.content-card{background:#1a1f2e;border-radius:12px;overflow:hidden;border:1px solid #2a2f38;transition:all .2s;cursor:pointer;display:flex;flex-direction:column;min-height:280px;margin-bottom:80px}.content-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#4ade80}.card-media{position:relative;height:200px;background:linear-gradient(135deg,#2a2f38,#1a1f2e);display:flex;align-items:center;justify-content:center;flex-shrink:0}.media-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#a0a0a0;font-size:14px;text-align:center;padding:0 16px}.play-icon{font-size:32px;opacity:.7}.card-info{padding:20px;flex:1;display:flex;flex-direction:column}.card-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:14px;color:#a0a0a0;margin-bottom:16px;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:auto}.card-author{color:#4ade80;font-weight:500}.card-likes{color:#a0a0a0}.card-actions{display:flex;gap:8px}.action-icon{font-size:14px;cursor:pointer;transition:color .2s}.action-icon:hover{color:#4ade80}.mobile-quick-actions{display:flex;gap:12px;padding:16px;background:#1a1f2e;border-radius:12px;margin-top:24px;border:1px solid #2a2f38}.quick-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;background:#2a2f38;border:none;padding:16px 12px;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:#4ade80;color:#000;transform:translateY(-2px)}.quick-action-btn .action-icon{font-size:20px}@media (min-width: 1400px){.dashboard-content{padding:32px 48px}.hero-banner{padding:48px;gap:48px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.content-card{min-height:320px}.card-media{height:220px}}@media (max-width: 1200px){.dashboard-content{padding:20px}.hero-banner{padding:32px;gap:24px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.content-card{min-height:260px}.card-media{height:180px}}@media (max-width: 1024px){.dashboard-content{padding:18px}.hero-banner{padding:28px;gap:20px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.content-card{min-height:240px}.card-media{height:160px}}@media (max-width: 768px){.dashboard-content{padding:16px}.hero-banner{flex-direction:column;text-align:center;padding:24px;gap:20px;min-height:auto}.hero-content{order:1}.hero-image{order:2}.content-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.content-tabs{gap:6px;margin-bottom:24px}.tab-btn{padding:10px 20px;font-size:14px}.card-info{padding:16px}.card-title{font-size:15px}.card-description{font-size:13px}.mobile-quick-actions{display:flex}}@media (max-width: 480px){.dashboard-content{padding:12px}.hero-banner{padding:20px;gap:16px;border-radius:12px}.hero-title{font-size:20px;margin-bottom:8px}.hero-subtitle{font-size:13px;margin-bottom:16px}.hero-btn{padding:10px 20px;font-size:13px}.hero-placeholder{width:120px;height:120px;font-size:12px}.content-grid{grid-template-columns:1fr;gap:12px}.content-tabs{gap:4px;margin-bottom:20px}.tab-btn{padding:8px 16px;font-size:13px}.card-media{height:160px}.card-info{padding:12px}.card-title{font-size:14px}.card-description{font-size:12px;margin-bottom:12px}.card-meta{font-size:11px}.play-icon{font-size:24px}.media-placeholder{font-size:12px;gap:8px}.mobile-quick-actions{padding:12px;gap:8px}.quick-action-btn{padding:12px 8px;font-size:11px}.quick-action-btn .action-icon{font-size:18px}}@media (max-width: 360px){.dashboard-content{padding:8px}.hero-banner{padding:16px;gap:12px}.hero-title{font-size:18px}.hero-subtitle{font-size:12px}.hero-btn{padding:8px 16px;font-size:12px}.hero-placeholder{width:100px;height:100px;font-size:10px}.content-tabs{margin-bottom:16px}.tab-btn{padding:6px 12px;font-size:12px}.card-media{height:140px}.card-info{padding:10px}.card-title{font-size:13px}.card-description{font-size:11px}.mobile-quick-actions{padding:10px;gap:6px}.quick-action-btn{padding:10px 6px;font-size:10px}.quick-action-btn .action-icon{font-size:16px}}@media (max-width: 768px) and (orientation: landscape){.hero-banner{flex-direction:row;text-align:left;padding:20px;gap:16px}.hero-content{order:1}.hero-image{order:2}.hero-title{font-size:18px}.hero-subtitle{font-size:12px}.hero-placeholder{width:100px;height:100px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.content-card,.hero-banner{border-width:.5px}}@media (prefers-reduced-motion: reduce){.glow-effect{animation:none}.content-card:hover,.hero-btn:hover,.quick-action-btn:hover{transform:none}}@media (prefers-color-scheme: dark){.dashboard-content{background:none}}@media print{.dashboard-content{background:#fff;color:#000}.content-card{border:1px solid #ccc;break-inside:avoid}.mobile-quick-actions{display:none}}@media (hover: none) and (pointer: coarse){.content-card:hover,.hero-btn:hover,.quick-action-btn:hover{transform:none}.tab-btn:hover{background:none}.action-icon:hover{color:inherit}}@media (prefers-contrast: high){.hero-title{-webkit-text-fill-color:#000000;background:none}.card-author,.tab-btn.active{color:#fff}}.admin-light{--bg: #f3f4f6;--panel: #ffffff;--border: #e5e7eb;--text: #0f172a;--muted: #6b7280;--accent: #0ea5e9;--shadow: rgba(14,165,233,.15)}.admin-dark{--bg: #111827;--panel: #1f2937;--border: #374151;--text: #e5e7eb;--muted: #9ca3af;--accent: #38bdf8;--shadow: rgba(56,189,248,.25)}.admin-container{padding:24px;background:linear-gradient(180deg,#0206170a,#02061700),var(--bg);color:var(--text);min-height:100vh}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border:1px solid var(--border);border-radius:14px;background:radial-gradient(1200px 1200px at -10% -30%,rgba(56,189,248,.08),transparent 40%),var(--panel);box-shadow:0 6px 20px var(--shadow)}.admin-logo{height:28px;margin-right:10px}.admin-header__left{display:flex;align-items:center;gap:10px}.admin-header__right .admin-header__link{color:var(--accent);text-decoration:none}.admin-theme-toggle{margin-right:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer;transition:box-shadow .2s ease,transform .1s ease}.admin-theme-toggle:hover{box-shadow:0 0 0 4px var(--shadow)}.admin-theme-toggle:active{transform:translateY(1px)}.admin-header h1{margin:0;font-size:28px}.admin-header p{margin:6px 0 16px;color:var(--muted)}.admin-content .admin-card{background:linear-gradient(180deg,rgba(56,189,248,.06),transparent 20%),var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 22px;box-shadow:0 8px 24px var(--shadow)}.admin-main{display:grid;grid-template-columns:220px 1fr;gap:16px;margin-top:16px}.admin-sidebar{display:flex;flex-direction:column;gap:8px}.admin-nav{text-align:left;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;transition:box-shadow .2s ease,transform .1s ease,border-color .2s ease}.admin-nav.active{border-color:var(--accent);box-shadow:0 0 0 4px var(--shadow)}.admin-nav:hover{transform:translateY(-1px);box-shadow:0 8px 18px var(--shadow)}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.admin-input{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 12px;border-radius:10px}.admin-button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer}.admin-button.primary{background:var(--accent);color:#05243a;border-color:transparent}.admin-button.danger{background:#ef4444;color:#fff;border-color:transparent}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);padding:12px}.admin-table tbody tr:hover{background:#38bdf80f}.admin-content-scroll{max-height:calc(100vh - 280px);overflow:auto;border:1px solid var(--border);border-radius:12px}.admin-table th,.admin-table td{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.admin-page-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.admin-page-info{color:var(--muted)}.user-toolbar{display:flex;gap:8px;margin-bottom:12px}.user-toolbar input{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 10px;border-radius:8px;width:280px}.user-table-wrapper{max-height:calc(100vh - 280px);overflow:auto;border:1px solid var(--border);border-radius:12px}.actions-cell{white-space:normal}.actions-row{display:flex;flex-wrap:wrap;gap:6px}.admin-button.small{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.admin-button.small.primary{background:#2563eb;color:#fff;border-color:#1e40af}.admin-button.small.warning{background:#f59e0b;color:#fff;border-color:#b45309}.admin-button.small.danger{background:#ef4444;color:#fff;border-color:#b91c1c}.admin-table th,.admin-table td{max-width:280px;overflow:hidden;text-overflow:ellipsis}button:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{width:420px;max-width:90vw;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 12px 30px var(--shadow)}.modal-title{margin:0 0 8px}.modal-subtitle{margin:0;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.pagination .page-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.pagination .page-info{color:var(--muted)}button.danger{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:8px 10px;cursor:pointer}.credit-toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.credit-toolbar input{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 10px;border-radius:8px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);padding:10px 12px}.admin-table thead th{text-align:left;color:var(--muted);font-weight:600}.admin-table tbody tr:hover{background:#00000008}.admin-content-scroll table{width:100%;border-collapse:collapse}.admin-content-scroll .admin-table thead th{position:sticky;top:0;background:var(--panel);z-index:1}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.not-found-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#ffffff1a;backdrop-filter:blur(10px);border-radius:24px;padding:60px 40px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.not-found-content{text-align:left}.error-code{font-size:8rem;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:20px;line-height:1;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2}.error-description{font-size:1.1rem;color:#fffc;margin-bottom:40px;line-height:1.6;max-width:400px}.error-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:14px 32px;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border:none;cursor:pointer;min-width:140px}.btn-primary{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b99}.btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.not-found-illustration{position:relative;height:400px;display:flex;align-items:center;justify-content:center;background:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="g1" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="%23f8ffae"/><stop offset="100%" stop-color="%2343c6ac"/></linearGradient></defs><rect x="0" y="0" width="400" height="400" rx="64" ry="64" fill="url(%23g1)"/></svg>') no-repeat center/cover;border-radius:48px;overflow:hidden}.not-found-illustration>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.not-found-container{grid-template-columns:1fr;text-align:center;gap:40px;padding:40px 30px}.not-found-content{text-align:center}.error-description{max-width:100%}.error-actions{justify-content:center}}@media (max-width: 768px){.not-found{padding:16px}.not-found-container{padding:30px 20px;border-radius:16px}.error-code{font-size:6rem}.error-title{font-size:2rem}.error-description{font-size:1rem}.btn-primary,.btn-secondary{padding:12px 24px;font-size:.9rem;min-width:120px}.not-found-illustration{height:300px}}@media (max-width: 480px){.error-code{font-size:4rem}.error-title{font-size:1.5rem}.error-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:200px}.not-found-illustration{height:250px}}@media (prefers-color-scheme: dark){.not-found{background:linear-gradient(135deg,#1a1a2e,#16213e)}.not-found-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}}.floating-notification{position:fixed;top:20px;right:20px;width:350px;max-width:calc(100vw - 40px);background:#1a1f2e;border:1px solid #2a2f38;border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:9999;transform:translate(400px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.floating-notification.visible{transform:translate(0);opacity:1}.floating-notification.leaving{transform:translate(400px);opacity:0}.floating-notification:hover{transform:translate(-5px);box-shadow:0 12px 40px #0006}.notification-content{display:flex;align-items:flex-start;padding:16px;gap:12px;position:relative}.notification-icon{font-size:20px;flex-shrink:0;margin-top:2px}.notification-text{flex:1;min-width:0}.notification-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px;line-height:1.3}.notification-message{color:#a0a0a0;font-size:13px;margin:0;line-height:1.4;word-wrap:break-word}.close-btn{background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0;margin-top:-2px}.close-btn:hover{color:#ef4444;background-color:#ef44441a}.unread-indicator{position:absolute;top:12px;right:12px}.pulse-dot{width:8px;height:8px;background-color:#4ade80;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.floating-notification.success{border-left:4px solid #10b981}.floating-notification.success .notification-icon{color:#10b981}.floating-notification.warning{border-left:4px solid #f59e0b}.floating-notification.warning .notification-icon{color:#f59e0b}.floating-notification.error{border-left:4px solid #ef4444}.floating-notification.error .notification-icon{color:#ef4444}.floating-notification.info{border-left:4px solid #3b82f6}.floating-notification.info .notification-icon{color:#3b82f6}.floating-notification.credit{border-left:4px solid #8b5cf6}.floating-notification.credit .notification-icon{color:#8b5cf6}.floating-notification.plan{border-left:4px solid #f59e0b}.floating-notification.plan .notification-icon{color:#f59e0b}.floating-notification.image{border-left:4px solid #06b6d4}.floating-notification.image .notification-icon{color:#06b6d4}@media (max-width: 480px){.floating-notification{width:calc(100vw - 40px);right:20px;left:20px}.notification-content{padding:12px}.notification-title{font-size:13px}.notification-message{font-size:12px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(2px);animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader{width:120px;height:22px;border-radius:40px;color:#4ade80;border:2px solid;position:relative;background:#0000004d}.loader:before{content:"";position:absolute;margin:2px;width:25%;top:0;bottom:0;left:0;border-radius:inherit;background:currentColor;animation:l3 1s infinite linear}@keyframes l3{50%{left:100%;transform:translate(calc(-100% - 4px))}}.loading-text{color:#4ade80;font-size:14px;margin-top:16px;text-align:center;font-weight:500}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:10}.modal-close:hover{background-color:#f3f4f6;color:#333}.modal-content .login-bg,.modal-content .register-bg{background:transparent;min-height:auto;padding:0}.modal-content .login-card,.modal-content .register-card{box-shadow:none;border-radius:0;margin:0;padding:20px}@media (max-width: 640px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-content .login-card,.modal-content .register-card{padding:15px}}