@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap);:root{--mobile-radius-sm:8px;--mobile-radius-md:12px;--mobile-radius-lg:16px;--mobile-radius-full:9999px}@media (max-width:767px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline{display:inline!important}.show-mobile-inline-flex{display:inline-flex!important}}.hide-tablet-down{display:block}@media (max-width:1023px){.hide-tablet-down{display:none!important}}.show-tablet-down{display:none}@media (max-width:1023px){.show-tablet-down{display:block!important}.show-tablet-down-flex{display:flex!important}}.hide-xs{display:block}@media (max-width:479px){.hide-xs{display:none!important}}.show-xs{display:none}@media (max-width:479px){.show-xs{display:block!important}}.touch-target{min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}.touch-target,.touch-target-lg{align-items:center;display:inline-flex;justify-content:center}.touch-target-lg{min-height:48px;min-height:var(--touch-target-comfortable);min-width:48px;min-width:var(--touch-target-comfortable)}.touch-expand{position:relative}.touch-expand:before{bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.responsive-stack{display:flex;flex-direction:row;gap:16px}@media (max-width:767px){.responsive-stack{flex-direction:column}}.responsive-stack-reverse{display:flex;flex-direction:row;gap:16px}@media (max-width:767px){.responsive-stack-reverse{flex-direction:column-reverse}}.responsive-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:767px){.responsive-grid{gap:12px;grid-template-columns:1fr}}.responsive-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:767px){.responsive-grid-2{gap:12px;grid-template-columns:1fr}}.responsive-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:1023px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.responsive-grid-3{gap:12px;grid-template-columns:1fr}}.mobile-nav-padding{padding-bottom:0}@media (max-width:767px){.mobile-nav-padding{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-inset-bottom))}}.safe-area-padding{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.text-responsive{font-size:1rem;line-height:1.5}@media (max-width:767px){.text-responsive{font-size:16px;font-size:var(--mobile-font-md)}}.truncate-mobile{white-space:normal}@media (max-width:767px){.truncate-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior:contain}.scroll-x-mobile{overflow-x:visible}@media (max-width:767px){.scroll-x-mobile{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.scroll-x-mobile::-webkit-scrollbar{display:none}}.full-width-mobile{width:auto}@media (max-width:767px){.full-width-mobile{width:100%}}.mobile-full-height{height:auto}@media (max-width:767px){.mobile-full-height{height:calc(100vh - 120px);height:calc(100vh - var(--mobile-header-height) - var(--mobile-bottom-nav-height));height:calc(100dvh - 120px);height:calc(100dvh - var(--mobile-header-height) - var(--mobile-bottom-nav-height))}}.modal-mobile-fullscreen{border-radius:12px;max-height:90vh;max-width:90vw}@media (max-width:767px){.modal-mobile-fullscreen{border-radius:0;bottom:0;height:100%;left:0;margin:0;max-height:100vh;max-width:100vw;position:fixed;right:0;top:0;width:100%}}@media (hover:none){.no-touch-hover:hover{background-color:inherit;box-shadow:none;transform:none}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out forwards}.animate-slide-down{animation:slideDown .3s ease-out forwards}.animate-slide-left{animation:slideInLeft .3s ease-out forwards}.animate-slide-right{animation:slideInRight .3s ease-out forwards}.animate-fade-in{animation:fadeInOverlay .2s ease-out forwards}@media (max-width:767px){.touch-active:active{opacity:.7;transform:scale(.98)}}.no-select{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}@media print{.no-print{display:none!important}}body,html{height:100%;margin:0;overflow:hidden;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100%;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.themed-loading-screen{align-items:center;background:linear-gradient(135deg,#1a0f2e,#2d1b4e);background:linear-gradient(135deg,var(--dark-bg) 0,var(--card-bg) 100%);bottom:0;color:#e2e8f0;color:var(--text-normal);display:flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;right:0;top:0;z-index:10000}.themed-loading-screen .bg-decoration{background-image:radial-gradient(circle at 20% 80%,#8b5cf633 0,#0000 50%),radial-gradient(circle at 80% 20%,#ec489933 0,#0000 50%),radial-gradient(circle at 40% 40%,#fb923c26 0,#0000 50%);height:100%;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.loading-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.loading-content{animation:fadeInUp .8s ease-out;flex-direction:column;gap:3rem;text-align:center}.loading-content,.loading-logo{align-items:center;display:flex}.loading-logo{animation:slideDown .8s ease-out .2s both;gap:1rem}.logo-image{filter:drop-shadow(0 4px 15px rgba(139,92,246,.3));height:60px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#ec4899);background:linear-gradient(135deg,var(--purple-bright),var(--pink-hot));-webkit-background-clip:text;background-clip:text;font-size:2rem}.loading-spinner-container{align-items:center;animation:slideUp .8s ease-out .4s both;display:flex;justify-content:center;position:relative}.loading-spinner{height:100px;position:relative;width:100px}.spinner-glow{animation:staticPulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ec48994d 0,#0000 70%);filter:blur(40px);height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.spinner-ring{animation:centerSpin 2s linear infinite;border:4px solid #0000;border-radius:50%;border-right:4px solid #ec4899;border-right:4px solid var(--pink-hot);border-top-color:#8b5cf6;border-top:4px solid var(--purple-main);filter:drop-shadow(0 0 10px rgba(139,92,246,.5));height:100px;width:100px}.spinner-inner,.spinner-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spinner-inner{animation:centerSpinReverse 1.5s linear infinite;border:3px solid;border-color:#0000 #0000 #fb923c;border-bottom:3px solid var(--orange-pop);border-left:3px solid #f9a8d4;border-left:3px solid var(--pink-light);border-radius:50%;filter:drop-shadow(0 0 8px rgba(236,72,153,.4));height:70px;width:70px}.loading-text{align-items:center;animation:fadeIn .8s ease-out .6s both;display:flex;flex-direction:column;gap:1rem}.loading-message{color:#e2e8f0;color:var(--text-normal);font-size:1.25rem;font-weight:600;text-shadow:0 2px 10px #0003}.loading-dots{align-items:center;display:flex;gap:.5rem}.loading-dots span{animation:dotPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--purple-main),var(--pink-hot));border-radius:50%;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3));height:8px;width:8px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes centerSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes centerSpinReverse{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes staticPulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.loading-logo{flex-direction:column;gap:.5rem}.logo-image{height:50px}.logo-text{font-size:1.5rem}.loading-spinner{height:80px;width:80px}.spinner-glow{height:100px;width:100px}.spinner-ring{height:80px;width:80px}.spinner-inner{height:56px;left:12px;top:12px;width:56px}.loading-message{font-size:1.1rem}}.auth-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;right:0;top:0}.auth-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:70px;min-height:auto;padding:2rem 1rem}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:1rem;width:100%}.auth-header{margin-bottom:.5rem;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#1de9b6);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:.0625rem}.auth-header p{color:#ffffffb3;font-size:.9rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}.auth-form *{box-sizing:border-box}.compact-form{gap:.375rem}.form-row{grid-gap:.75rem;gap:.75rem}.compact-row{gap:.375rem}.form-group{display:flex;flex-direction:column;margin:0}.form-group label{margin-bottom:.125rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;font-size:1rem;margin:0;padding:.625rem .875rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#64ffda;box-shadow:0 0 0 3px #64ffda1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.form-group small{color:#fff9}.error-text,.form-group small{font-size:.8rem;margin-top:.0625rem}.error-text{color:#ff6b6b}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d}.error-message,.success-message{margin-bottom:.75rem;padding:.75rem}.success-message{background:#64ffda1a;border:1px solid #64ffda4d;color:#64ffda}.password-input-wrapper{align-items:center;position:relative}.password-input-wrapper input{padding-right:45px;width:100%}.password-toggle{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.password-toggle:hover{background:#64ffda1a;border-radius:4px;color:#64ffda}.password-toggle:focus{color:#64ffda;outline:none}.checkbox-group{align-items:flex-start;flex-direction:row;gap:.375rem}.checkbox-label{align-items:flex-start;font-size:.9rem;gap:.625rem;line-height:1.4}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:#ffffff1a;border:2px solid #64ffda99;border-radius:4px;display:inline-block;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .3s ease;width:20px}.checkbox-label:hover .checkmark{background:#64ffda1a;border-color:#64ffda}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#64ffda;border-color:#64ffda}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#1a1a2e;content:"✓";font-size:14px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label a{color:#64ffda;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.auth-submit{background:linear-gradient(135deg,#64ffda,#1de9b6);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:.25rem;padding:.75rem 2rem;transition:all .3s ease}.auth-submit:hover:not(:disabled){box-shadow:0 10px 25px #64ffda4d;transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-submit.loading{color:#0000;position:relative}.auth-submit.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#1a1a2e;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.auth-footer{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:.5rem;text-align:center}.auth-footer a{color:#64ffda;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.verification-page{padding:2rem 0;text-align:center}.verification-icon{font-size:4rem;margin-bottom:2rem}.verification-title{color:#64ffda;font-size:2rem;font-weight:600;margin-bottom:1rem}.verification-text{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.verification-actions{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:300px}.resend-button{background:#0000;border:1px solid #64ffda;border-radius:6px;color:#64ffda;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.resend-button:hover:not(:disabled){background:#64ffda;color:#1a1a2e}.resend-button:disabled{cursor:not-allowed;opacity:.5}.status-page{margin:0 auto;max-width:600px;padding:3rem 0;text-align:center}.status-icon{font-size:5rem;margin-bottom:2rem}.status-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.status-description{color:#fffc;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}@media (max-width:768px){.auth-page{height:auto;min-height:100vh;position:absolute}.auth-container{margin-top:60px;min-height:calc(100vh - 70px);padding:1rem}.auth-card{margin:.5rem;max-width:none;padding:.75rem}.auth-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.auth-container{padding:70px .5rem .5rem}}@media (max-width:480px){.auth-card{padding:1.5rem}.auth-header h1{font-size:1.75rem}.checkbox-label{font-size:.9rem}}@media (max-width:767px){.auth-page{padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0)}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:48px;padding:14px 16px}.auth-submit,.resend-button{font-size:1rem;min-height:48px;padding:14px 24px}.password-toggle{min-height:44px;min-width:44px;padding:10px}.checkbox-label{padding:8px 0}.checkmark{height:24px;width:24px}.verification-icon{font-size:3rem}.verification-title{font-size:1.5rem}.verification-text{font-size:1rem;padding:0 16px}.status-icon{font-size:4rem}.status-title{font-size:2rem}.status-description{font-size:1rem;padding:0 16px}}@media (max-width:359px){.auth-card{margin:.25rem;padding:1rem}.auth-header h1{font-size:1.25rem}.form-group label{font-size:.8rem}.auth-submit{padding:12px 20px}}@media (hover:none) and (pointer:coarse){.auth-submit:hover:not(:disabled){transform:none}.auth-submit:active:not(:disabled){opacity:.9;transform:scale(.98)}.nav-login-btn:hover,.nav-signup-btn:hover{transform:none}.nav-login-btn:active,.nav-signup-btn:active{opacity:.9;transform:scale(.98)}}:root{--dark-bg:#1a0f2e;--darker-bg:#140a24;--card-bg:#2d1b4e;--purple-main:#8b5cf6;--purple-bright:#a78bfa;--pink-hot:#ec4899;--pink-light:#f9a8d4;--orange-pop:#fb923c;--text-normal:#e2e8f0;--text-muted:#cbd5e1;--white:#fff}.landing-page{background:linear-gradient(135deg,#1a0f2e,#2d1b4e);background:linear-gradient(135deg,var(--dark-bg) 0,var(--card-bg) 100%);color:#e2e8f0;color:var(--text-normal);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.bg-decoration{background-image:radial-gradient(circle at 20% 80%,#8b5cf633 0,#0000 50%),radial-gradient(circle at 80% 20%,#ec489933 0,#0000 50%),radial-gradient(circle at 40% 40%,#fb923c26 0,#0000 50%);height:100%;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0f2ee6;border-bottom:1px solid #8b5cf633;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{flex-shrink:0;gap:.75rem;margin-right:2rem;text-decoration:none;transition:transform .3s}.nav-logo:hover{transform:scale(1.05)}.logo-image{height:45px;width:auto}.logo-text{color:#fff;color:var(--white);font-size:1.6rem;font-weight:800;text-shadow:0 2px 10px #0003}.nav-menu{align-items:center;display:flex;gap:1.75rem;margin-right:2rem}.nav-link{color:#fffc;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s}.nav-link:after{background:#ec4899;background:var(--pink-hot);bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s;width:0}.nav-link:hover{color:#fff;color:var(--white)}.nav-link:hover:after{width:100%}.nav-auth{align-items:center;display:flex;gap:1rem}.nav-login-btn{border:2px solid #a78bfa;border:2px solid var(--purple-bright);border-radius:25px;color:#a78bfa;color:var(--purple-bright);font-weight:600;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s}.nav-login-btn:hover{background:#a78bfa;background:var(--purple-bright);box-shadow:0 4px 15px #a78bfa4d;color:#fff;color:var(--white);transform:translateY(-2px)}.nav-signup-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--purple-main),var(--pink-hot));border-radius:30px;box-shadow:0 4px 15px #ec48994d;color:#fff;font-weight:700;padding:.8rem 2rem;text-decoration:none;transition:all .3s}.nav-signup-btn:hover{box-shadow:0 6px 20px #ec489966;transform:translateY(-2px)}.hero-section{padding:10rem 2rem 4rem;position:relative;z-index:1}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:1200px}.hero-content{position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid #ec48994d;border-radius:20px;color:#f9a8d4;color:var(--pink-light);display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1.2rem}.hero-title{color:#fff;color:var(--white);font-size:clamp(2.5rem,7vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.5rem;text-shadow:0 4px 20px #0003}.hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#ec4899,#fb923c);background:linear-gradient(135deg,var(--purple-bright),var(--pink-hot),var(--orange-pop));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(236,72,153,.3))}.hero-description{color:#ffffffe6;font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem;text-shadow:0 2px 10px #0000001a}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem}.cta-primary{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--purple-main),var(--pink-hot));border-radius:30px;box-shadow:0 6px 20px #ec489966;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s}.cta-primary:hover{box-shadow:0 8px 25px #ec489980;transform:translateY(-3px)}.cta-secondary{align-items:center;background:#8b5cf61a;border:2px solid #a78bfa;border:2px solid var(--purple-bright);border-radius:30px;color:#a78bfa;color:var(--purple-bright);display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s}.cta-secondary:hover{background:#a78bfa;background:var(--purple-bright);color:#fff;color:var(--white);transform:translateY(-3px)}.hero-discover{margin-top:1.5rem}.discover-link{align-items:center;color:#cbd5e1;color:var(--text-muted);display:inline-flex;font-size:.95rem;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.discover-link:hover{color:#a78bfa;color:var(--purple-bright);text-decoration:underline}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.hero-dice-container{padding:2rem;position:relative}.dice-glow{animation:pulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ec48994d 0,#0000 70%);filter:blur(40px);height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes pulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.hero-image{border-radius:20px;box-shadow:0 20px 60px #0000004d;display:none;height:auto;max-width:500px;width:100%}.beta-section{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-bottom:1px solid #ec489933;border-top:1px solid #8b5cf633;padding:1.5rem 0;position:relative;z-index:1}.beta-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0f2e99;border:1px solid #ec48994d;border-radius:15px;padding:1.5rem 2rem}.beta-banner-content{align-items:center;display:flex;justify-content:space-between}.beta-left{align-items:center;display:flex;gap:1rem}.beta-badge-inline{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--purple-main),var(--pink-hot));border-radius:15px;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.beta-banner-text{color:#e2e8f0;color:var(--text-normal);font-size:1.1rem;margin:0}.beta-banner-btn{background:linear-gradient(135deg,#fb923c,#ec4899);background:linear-gradient(135deg,var(--orange-pop),var(--pink-hot));border-radius:25px;box-shadow:0 4px 15px #fb923c4d;color:#fff;font-weight:600;padding:.8rem 1.8rem;text-decoration:none;transition:all .3s}.beta-banner-btn:hover{box-shadow:0 6px 20px #fb923c66;transform:translateY(-2px)}.features-preview{padding:5rem 2rem;position:relative;z-index:1}.section-title{color:#fff;color:var(--white);font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center;text-shadow:0 3px 15px #0003}.section-subtitle{color:#cbd5e1;color:var(--text-muted);font-size:1.2rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2d1b4ef2,#23143af2)!important;border:1px solid #8b5cf64d!important;border-radius:20px;box-shadow:0 4px 20px #0006;overflow:hidden;padding:2rem;position:relative;transition:all .3s}.feature-card:before{background:linear-gradient(135deg,#8b5cf6,#ec4899,#fb923c);background:linear-gradient(135deg,var(--purple-main),var(--pink-hot),var(--orange-pop));border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s;z-index:-1}.feature-card:hover:before{opacity:.3}.feature-card:hover{border-color:#8b5cf680;box-shadow:0 10px 30px #8b5cf666;transform:translateY(-5px)}.feature-icon{display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#a78bfa!important;color:var(--purple-bright)!important;font-size:1.4rem;font-weight:700;margin-bottom:.8rem;text-shadow:0 1px 3px #0000004d}.feature-card p{color:#e2e8f0f2!important;font-size:.95rem;line-height:1.6;text-shadow:0 1px 2px #0003}.cta-section{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);padding:5rem 2rem;position:relative;z-index:1}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-content h2{color:#fff;color:var(--white);font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content p{color:#cbd5e1;color:var(--text-muted);font-size:1.2rem;margin-bottom:2rem}.cta-actions{flex-wrap:wrap;gap:1.5rem}.cta-primary.large{font-size:1.2rem;padding:1.2rem 3rem}.landing-footer{background:#140a24;background:var(--darker-bg);border-top:1px solid #8b5cf633;padding:3rem 2rem 1.5rem;position:relative;z-index:1}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px}.footer-section h4{color:#a78bfa;color:var(--purple-bright);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-section a{color:#cbd5e1;color:var(--text-muted);display:block;padding:.3rem 0;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#ec4899;color:var(--pink-hot)}.footer-bottom{align-items:center;border-top:1px solid #8b5cf61a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:1.5rem}.footer-bottom p{color:#cbd5e1;color:var(--text-muted);margin:0}.social-links{display:flex;gap:1rem}.social-links a{color:#cbd5e1;color:var(--text-muted);font-size:1.5rem;transition:all .3s}.social-links a:hover{color:#ec4899;color:var(--pink-hot);transform:translateY(-3px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}@media (max-width:768px){.nav-menu{display:none}.hero-container{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.features-grid{grid-template-columns:1fr}.beta-banner-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-content{grid-template-columns:1fr;text-align:center}.footer-bottom{text-align:center}.footer-bottom,.roadmap-item{flex-direction:column}.roadmap-timeline-marker{flex-direction:row;margin-bottom:1rem;margin-right:0}.timeline-line{height:2px;margin-left:1rem;margin-top:0;width:60px}}.roadmap-timeline-marker{min-width:20px}.timeline-line{background:linear-gradient(180deg,#8b5cf6,#ec4899);background:linear-gradient(to bottom,var(--purple-main),var(--pink-hot));opacity:.3}.roadmap-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #8b5cf633;transition:all .3s ease}.roadmap-content:hover{border-color:#a78bfa;border-color:var(--purple-bright);box-shadow:0 10px 25px #8b5cf633}.roadmap-header{flex-wrap:wrap;gap:.5rem}.roadmap-phase{color:#a78bfa;color:var(--purple-bright)}.roadmap-title{color:var(--white)}.roadmap-quarter{color:#cbd5e1;color:var(--text-muted)}.roadmap-feature{color:#e2e8f0;color:var(--text-normal)}.feature-bullet{color:#a78bfa;color:var(--purple-bright);flex-shrink:0}.roadmap-notice{background:#fb923c1a;border:1px solid #fb923c4d}.roadmap-notice h3{color:#fb923c;color:var(--orange-pop);font-size:1.25rem}.roadmap-notice li{color:#e2e8f0;color:var(--text-normal)}.changelog-timeline{margin-top:3rem}.changelog-entry{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #8b5cf633;border-radius:12px;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.changelog-entry:hover{background:#ffffff14;border-color:#a78bfa;border-color:var(--purple-bright);box-shadow:0 8px 20px #8b5cf626;transform:translateY(-2px)}.changelog-header{margin-bottom:1.5rem}.version-info{align-items:flex-start;flex-wrap:wrap;gap:1rem;justify-content:space-between}.version-title{color:#fff;color:var(--white);font-size:1.5rem;font-weight:600;margin:0}.version-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.version-date{color:#cbd5e1;color:var(--text-muted);font-size:.875rem}.version-type{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.changelog-highlights{margin-bottom:2rem}.changelog-highlights h4{color:#a78bfa;color:var(--purple-bright);font-size:1.125rem;margin-bottom:1rem}.highlights-list{list-style:none;margin:0;padding:0}.highlights-list li{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;color:#e2e8f0;color:var(--text-normal);font-weight:500;margin-bottom:.5rem;padding:.75rem 1rem}.changelog-changes{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.change-category{background:#ffffff05;border-radius:8px;padding:1.5rem}.category-title{color:#ec4899;color:var(--pink-hot);font-size:1rem;margin-bottom:1rem}.changes-list{list-style:none;margin:0;padding:0}.changes-list li{border-bottom:1px solid #ffffff0d;color:#e2e8f0;color:var(--text-normal);line-height:1.5;padding:.5rem 0}.changes-list li:last-child{border-bottom:none}.changes-list li:before{color:#a78bfa;color:var(--purple-bright);content:"•";font-weight:700;margin-right:.75rem}.changelog-notice{background:#64ffda1a;border:1px solid #64ffda33;border-radius:12px;margin-top:3rem;padding:2rem;text-align:center}.changelog-notice h3{color:#64ffda;font-size:1.25rem;margin-bottom:1rem}.changelog-notice p{color:#e2e8f0;color:var(--text-normal);margin-bottom:0}.legal-content{margin:0 auto;max-width:800px}.legal-section{margin-bottom:3rem}.legal-section h2{color:#a78bfa;color:var(--purple-bright);margin-bottom:1.5rem}.legal-section h3{color:#ec4899;color:var(--pink-hot);font-size:1.25rem;margin-bottom:1rem}.legal-section p{line-height:1.6}.legal-section p,.legal-section ul{color:#e2e8f0;color:var(--text-normal);margin-bottom:1rem}.legal-section li{line-height:1.5;margin-bottom:.5rem}.cookie-category{background:#ffffff08;border:1px solid #8b5cf633;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.cookie-category h3{margin-bottom:1rem}.important-notice{background:#fb923c1a;border:1px solid #fb923c4d;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.important-notice h4{color:#fb923c;color:var(--orange-pop);margin-bottom:.75rem}.licenses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.license-card{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:12px;padding:1.5rem;transition:all .3s ease}.license-card:hover{background:#ffffff14;border-color:#a78bfa;border-color:var(--purple-bright);box-shadow:0 8px 20px #8b5cf626;transform:translateY(-2px)}.license-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.license-name{color:#fff;color:var(--white);font-size:1.125rem;font-weight:600;margin:0}.license-version{background:#ffffff1a;border-radius:4px;color:#cbd5e1;color:var(--text-muted);font-size:.875rem;padding:.25rem .5rem}.license-description{color:#e2e8f0;color:var(--text-normal);line-height:1.5;margin-bottom:1rem}.license-details{align-items:center;display:flex;justify-content:space-between}.license-type{color:#a78bfa;color:var(--purple-bright)}.license-link,.license-type{font-size:.875rem;font-weight:500}.license-link{color:#ec4899;color:var(--pink-hot);text-decoration:none;transition:color .3s ease}.license-link:hover{color:#f9a8d4;color:var(--pink-light)}.update-notice{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.update-notice p{color:#cbd5e1;color:var(--text-muted);margin-bottom:.5rem}.help-search{margin-bottom:3rem;text-align:center}.help-search-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:2px solid #8b5cf64d;border-radius:12px;color:#fff;color:var(--white);font-size:1.125rem;max-width:500px;padding:1rem 1.5rem;width:100%}.help-search-input:focus{border-color:#a78bfa;border-color:var(--purple-bright);box-shadow:0 0 0 3px #8b5cf633;outline:none}.help-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.help-category{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:12px;padding:2rem}.category-title{color:#a78bfa;color:var(--purple-bright);font-size:1.25rem;margin-bottom:1.5rem}.help-articles{list-style:none;margin:0;padding:0}.help-article{margin-bottom:.75rem}.article-link{color:#e2e8f0;color:var(--text-normal);display:block;padding:.5rem 0;text-decoration:none;transition:color .3s ease}.article-link:hover{color:#ec4899;color:var(--pink-hot)}.help-contact{margin-top:3rem;text-align:center}.help-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.blog-posts{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:3rem}.blog-post{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:12px;padding:2rem;transition:all .3s ease}.blog-post:hover{background:#ffffff14;border-color:#a78bfa;border-color:var(--purple-bright);transform:translateY(-3px)}.post-meta{display:flex;gap:1rem;margin-bottom:1rem}.post-category{background:#8b5cf6;background:var(--purple-main);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.post-date{color:#cbd5e1;color:var(--text-muted);font-size:.875rem}.post-title a{color:#fff;color:var(--white);font-size:1.5rem;font-weight:600;text-decoration:none}.post-title a:hover{color:#a78bfa;color:var(--purple-bright)}.post-excerpt{color:#e2e8f0;color:var(--text-normal);line-height:1.6;margin:1rem 0}.post-footer{align-items:center;display:flex;justify-content:space-between}.read-time{color:#cbd5e1;color:var(--text-muted);font-size:.875rem}.read-more{color:#ec4899;color:var(--pink-hot);font-weight:500;text-decoration:none}.read-more:hover{color:#f9a8d4;color:var(--pink-light)}.blog-coming-soon{background:#ffffff05;border-radius:12px;padding:3rem;text-align:center}.company-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.info-item{background:#ffffff08;padding:1.5rem;text-align:center}.info-item h4{color:#a78bfa;color:var(--purple-bright);margin-bottom:.5rem}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.stat-card{background:#ffffff0d;border:1px solid #8b5cf633;padding:2rem}.stat-number{color:#a78bfa;color:var(--purple-bright);font-size:2.5rem;margin-bottom:.5rem}.stat-label{color:#cbd5e1;color:var(--text-muted);font-size:.875rem}.community-guidelines{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.guideline-item{background:#ffffff08;border:1px solid #8b5cf633;border-radius:8px;padding:1.5rem}.guideline-item h4{color:#ec4899;color:var(--pink-hot);margin-bottom:1rem}.careers-list{grid-gap:2rem;display:grid;gap:2rem;margin:2rem 0}.job-card{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:12px;padding:2rem;transition:all .3s ease}.job-card:hover{border-color:#a78bfa;border-color:var(--purple-bright);transform:translateY(-2px)}.job-header{margin-bottom:1rem}.job-title{color:#fff;color:var(--white);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.job-meta{display:flex;flex-wrap:wrap;gap:1rem}.job-meta span{background:#8b5cf633;border-radius:20px;color:#a78bfa;color:var(--purple-bright);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.job-description{color:#e2e8f0;color:var(--text-normal);line-height:1.6;margin-bottom:1.5rem}.job-actions{display:flex;gap:1rem}.careers-contact{background:#ffffff05;border-radius:12px;margin-top:3rem;padding:3rem;text-align:center}.press-content{margin:0 auto;max-width:800px}.press-section{margin-bottom:3rem}.media-kit-items{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.kit-item{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:8px;padding:1.5rem;text-align:center}.kit-item h4{color:#a78bfa;color:var(--purple-bright);margin-bottom:1rem}.press-contacts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.contact-item{background:#ffffff08;border:1px solid #8b5cf633;border-radius:8px;padding:1.5rem}.contact-item h4{color:#ec4899;color:var(--pink-hot);margin-bottom:.5rem}.contact-item p{font-family:monospace;font-size:.875rem}.contact-item p,.file-input{color:#e2e8f0;color:var(--text-normal)}.file-input{background:#ffffff0d;border:2px dashed #8b5cf64d;border-radius:8px;cursor:pointer;padding:.75rem;transition:all .3s ease;width:100%}.file-input:hover{background:#ffffff14}.file-input:focus,.file-input:hover{border-color:#a78bfa;border-color:var(--purple-bright)}.file-input:focus{box-shadow:0 0 0 3px #8b5cf633;outline:none}.file-help-text{color:#cbd5e1;color:var(--text-muted);font-size:.875rem;margin-bottom:0;margin-top:.5rem}.selected-file{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;color:#a78bfa;color:var(--purple-bright);font-size:.875rem;font-weight:500;margin-top:.75rem;padding:.75rem}.form-sending{background:#fb923c1a;border:1px solid #fb923c4d;border-radius:8px;color:#fb923c;color:var(--orange-pop)}.form-error,.form-sending{font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.form-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444}.form-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}@media (max-width:767px){.landing-page{padding-bottom:env(safe-area-inset-bottom,0)}.landing-nav,.landing-page{padding-top:env(safe-area-inset-top,0)}.nav-container{padding:.75rem 1rem}.logo-image{height:36px}.logo-text{font-size:1.2rem}.nav-login-btn,.nav-signup-btn{font-size:.9rem;min-height:44px;padding:.75rem 1.25rem}.hero-section{padding:7rem 1rem 2rem}.hero-badge{font-size:.8rem;padding:.4rem 1rem}.hero-description{font-size:1rem;margin-bottom:2rem}.cta-primary,.cta-secondary{font-size:1rem;justify-content:center;min-height:48px;padding:1rem 2rem;width:100%}.hero-actions{flex-direction:column;gap:1rem;width:100%}.features-preview{padding:3rem 1rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.feature-icon{font-size:2rem}.feature-card h3{font-size:1.2rem}.beta-section{padding:1rem 0}.beta-banner{padding:1rem}.beta-banner-text{font-size:.9rem}.beta-banner-btn{min-height:44px;padding:.75rem 1.5rem}.cta-section{padding:3rem 1rem}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}.cta-actions{flex-direction:column}.cta-primary.large{font-size:1rem;padding:1rem 2rem;width:100%}.landing-footer{padding:2rem 1rem 1rem}.footer-content{gap:2rem}.footer-section h4{font-size:1rem}.roadmap-content{padding:1.5rem}.roadmap-title{font-size:1.25rem}.help-categories{grid-template-columns:1fr}.blog-post{padding:1.5rem}.post-title a{font-size:1.25rem}.legal-content{padding:0 .5rem}.licenses-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat-number{font-size:2rem}.help-search-input{font-size:16px;padding:.875rem 1.25rem}.file-input{font-size:16px;padding:1rem}}@media (max-width:359px){.hero-title{font-size:1.75rem}.nav-auth{gap:.5rem}.nav-login-btn,.nav-signup-btn{font-size:.8rem;padding:.6rem 1rem}.section-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.blog-post:hover,.changelog-entry:hover,.feature-card:hover,.job-card:hover,.license-card:hover,.roadmap-content:hover{transform:none}.blog-post:active,.feature-card:active,.license-card:active,.roadmap-content:active{opacity:.9;transform:scale(.99)}.beta-banner-btn:active,.cta-primary:active,.cta-secondary:active{opacity:.9;transform:scale(.98)}.nav-link:after{display:none}.nav-link:active{opacity:.7}}@media (max-width:767px) and (orientation:landscape){.hero-section{padding:6rem 1rem 2rem}.hero-dice-container{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}}.faq-container{margin:0 auto;max-width:900px}.faq-section{margin-bottom:2rem}.faq-section-title{align-items:center;background:linear-gradient(135deg,#8b5cf633,#ec489926);border:1px solid #8b5cf64d;border-radius:12px;color:#fff;color:var(--white);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;padding:1.25rem 1.5rem;transition:all .3s ease}.faq-section-title:hover{background:linear-gradient(135deg,#8b5cf64d,#ec489933);border-color:#a78bfa;border-color:var(--purple-bright)}.faq-questions{padding:1rem 0}.faq-item{background:linear-gradient(135deg,#2d1b4ef2,#23143af2);border:1px solid #8b5cf640;border-radius:12px;padding:1.5rem;transition:all .3s ease}.faq-item:hover{border-color:#8b5cf680;box-shadow:0 4px 15px #8b5cf626}.faq-item h4{color:#a78bfa;color:var(--purple-bright);font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.faq-item p{color:#e2e8f0;color:var(--text-normal);font-size:1rem;line-height:1.7;margin:0}.page-header{margin-bottom:3rem;padding-top:8rem}.page-header h1{color:#fff;color:var(--white);font-size:2.5rem;font-weight:800}.page-header p{color:#cbd5e1;color:var(--text-muted);font-size:1.2rem}.page-content{min-height:60vh}.page-content,.page-footer{position:relative;z-index:1}.page-footer{background:#140a24;background:var(--darker-bg);border-top:1px solid #8b5cf633;padding:2rem}.page-footer p{color:#cbd5e1;color:var(--text-muted)}.content-section{background:#ffffff08;border:1px solid #8b5cf633;border-radius:16px;margin-bottom:2rem;padding:2.5rem}.content-section h2{color:#a78bfa;color:var(--purple-bright);font-size:1.75rem;font-weight:700}.content-section p{color:#e2e8f0;color:var(--text-normal);font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.content-section p:last-child{margin-bottom:0}.content-section a{border-bottom:1px solid #0000;color:#a78bfa;color:var(--purple-bright);font-weight:500;text-decoration:none;transition:all .2s ease}.content-section a:hover{border-bottom-color:#ec4899;border-bottom-color:var(--pink-hot);color:#ec4899;color:var(--pink-hot)}.contact-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.contact-methods{margin-top:1.5rem}.contact-method{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.contact-method:hover{background:#8b5cf61f;border-color:#8b5cf666}.contact-method:last-child{margin-bottom:0}.contact-method h3{color:#ec4899;color:var(--pink-hot);font-size:1rem;font-weight:600;margin-bottom:.5rem}.contact-method p{color:#cbd5e1;color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.contact-method a{color:#a78bfa;color:var(--purple-bright);font-weight:500;text-decoration:none;transition:all .2s ease}.contact-method a:hover{color:#ec4899;color:var(--pink-hot)}.contact-form-container .content-section{height:100%}@media (max-width:768px){.contact-content{grid-template-columns:1fr}}.values-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.value-item{background:#8b5cf614;border:1px solid #8b5cf633;padding:1.5rem;transition:all .3s ease}.value-item:hover{border-color:#a78bfa;border-color:var(--purple-bright);transform:translateY(-2px)}.value-item h3{color:#ec4899;color:var(--pink-hot);font-size:1.15rem;font-weight:600;margin-bottom:.75rem}.value-item p{color:#e2e8f0;color:var(--text-normal);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:767px){.faq-section-title{font-size:1.1rem;padding:1rem 1.25rem}.faq-item{padding:1.25rem}.faq-item h4{font-size:1rem}.faq-item p{font-size:.95rem}.page-header{padding-top:6rem}.page-header h1{font-size:2rem}.content-section{padding:1.5rem}.values-grid{grid-template-columns:1fr}}.d20-container{animation:float 6s ease-in-out infinite;border-radius:50%;display:inline-block;filter:drop-shadow(0 0 40px rgba(147,51,234,.5));overflow:visible;position:relative}.d20-canvas-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.d20-canvas-wrapper canvas{display:block;max-height:100%;max-width:100%}.d20-container:before{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#9333ea66 0,#a855f74d 20%,#9333ea33 40%,#7c3aed26 60%,#0000 80%);filter:blur(30px);height:150%;width:150%;z-index:-2}.d20-container:after,.d20-container:before{content:"";left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.d20-container:after{animation:glowPulse 3s ease-in-out infinite reverse;background:radial-gradient(circle at 30% 30%,#a855f733 0,#0000 50%),radial-gradient(circle at 70% 70%,#9333ea26 0,#0000 50%),radial-gradient(circle,#9333ea1a 0,#0000 70%);filter:blur(20px);height:120%;width:120%;z-index:-1}.d20-container:hover:before{animation:glowPulse 2s ease-in-out infinite;height:160%;width:160%}.d20-container:hover:after{animation:glowPulse 1.5s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.05)}}@media (max-width:768px){.d20-wrapper{animation-duration:10s}}.static-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;min-height:100vh}.page-content{min-height:calc(100vh - 80px);padding:6rem 0 4rem}.page-header{margin-bottom:4rem;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#1de9b6);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.page-header p{color:#fffc;font-size:1.25rem}.content-section{margin-bottom:3rem}.content-section h2{color:#64ffda;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.content-section h3{color:#64ffda;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.content-section p{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.value-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.value-item h3{font-size:1.25rem;margin-bottom:1rem}.value-item p{color:#fffc;margin-bottom:0}.nav-link.active{color:#64ffda}.page-footer{background:#0d1117;border-top:1px solid #ffffff1a;padding:2rem 0;text-align:center}.page-footer p{color:#fff9;margin:0}.form-container{margin:0 auto;max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{color:#64ffda;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:1rem;padding:.75rem 1rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#64ffda;box-shadow:0 0 0 3px #64ffda1a;outline:none}.form-group textarea{min-height:120px}.form-submit{background:linear-gradient(135deg,#64ffda,#1de9b6);border:none;border-radius:6px;color:#1a1a2e;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:transform .3s ease,box-shadow .3s ease}.form-submit:hover{box-shadow:0 8px 25px #64ffda4d;transform:translateY(-2px)}.faq-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem}.faq-question{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1.5rem;text-align:left;transition:background-color .3s ease;width:100%}.faq-question:hover{background:#ffffff0d}.faq-answer{color:#fffc;line-height:1.6;padding:0 1.5rem 1.5rem}.faq-icon{transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.pricing-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:2rem;position:relative;text-align:center;transition:transform .3s ease,border-color .3s ease}.pricing-card:hover{border-color:#64ffda4d;transform:translateY(-5px)}.pricing-card.featured{background:#64ffda0d;border-color:#64ffda}.pricing-badge{background:#64ffda;border-radius:20px;color:#1a1a2e;font-size:.875rem;font-weight:600;left:50%;padding:.25rem 1rem;position:absolute;top:-10px;transform:translateX(-50%)}.pricing-title{color:#64ffda;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.pricing-price{font-size:3rem;font-weight:700;margin-bottom:.5rem}.pricing-period{color:#fff9;margin-bottom:2rem}.pricing-features{list-style:none;margin:2rem 0;padding:0}.pricing-features li{color:#fffc;padding:.5rem 0}.pricing-features li:before{color:#64ffda;content:"✓";font-weight:700;margin-right:.5rem}.roadmap-timeline{margin-top:3rem;position:relative}.roadmap-item{display:flex;margin-bottom:3rem;position:relative}.roadmap-timeline-marker{align-items:center;display:flex;flex-direction:column;margin-right:2rem;position:relative}.timeline-dot{border:3px solid #fff3;border-radius:50%;height:20px;width:20px;z-index:1}.timeline-line{background:linear-gradient(180deg,#64ffda4d,#64ffda1a);height:60px;margin-top:1rem;width:2px}.roadmap-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1 1;padding:2rem;transition:transform .3s ease,background .3s ease}.roadmap-content:hover{background:#ffffff14;border-color:#64ffda4d;transform:translateY(-3px)}.roadmap-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.roadmap-phase{color:#64ffda;font-size:.875rem}.roadmap-phase,.roadmap-status{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.roadmap-status{border-radius:20px;font-size:.75rem;padding:.25rem .75rem}.roadmap-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.roadmap-quarter{color:#fff9;font-size:.875rem;margin-bottom:1.5rem}.roadmap-features{list-style:none;margin:0;padding:0}.roadmap-feature{align-items:flex-start;color:#fffc;display:flex;line-height:1.5;margin-bottom:.75rem}.feature-bullet{color:#64ffda;font-size:.875rem;margin-right:.75rem}.roadmap-notice{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;margin-top:3rem;padding:2rem}.roadmap-notice h3{color:#ffc107;margin-bottom:1rem}.roadmap-notice ul{list-style:none;padding:0}.roadmap-notice li{color:#ffffffe6;margin-bottom:.75rem}.cta-section-inline{background:#64ffda0d;border:1px solid #64ffda33;border-radius:12px;margin-top:3rem;padding:3rem;text-align:center}.cta-section-inline h3{color:#64ffda;font-size:1.75rem;margin-bottom:1rem}.cta-section-inline p{color:#fffc;font-size:1.125rem;margin-bottom:2rem}.cta-actions{display:flex;gap:1rem;justify-content:center}.cta-primary,.cta-secondary{border-radius:8px;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.cta-primary{background:#64ffda;color:#1a1a2e}.cta-primary:hover{background:#4fd3b7;transform:translateY(-2px)}.cta-secondary{background:#0000;border:2px solid #64ffda;color:#64ffda}.cta-secondary:hover{background:#64ffda1a;transform:translateY(-2px)}@media (max-width:768px){.page-header h1{font-size:2.5rem}.pricing-grid,.values-grid{grid-template-columns:1fr}.content-section p{font-size:1rem}.roadmap-item{flex-direction:column}.roadmap-timeline-marker{flex-direction:row;margin-bottom:1rem;margin-right:0}.timeline-line{height:2px;margin-left:1rem;margin-top:0;width:60px}.cta-actions{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:300px;width:100%}}.download-manager{background:#1a1a2e;color:#e0e0e0;min-height:100vh;padding:0}.download-manager.embedded{border-radius:12px;min-height:auto;overflow:hidden}.dm-header{background:#16213e;border-bottom:1px solid #2a2a4a;justify-content:space-between;padding:16px 24px}.dm-header,.dm-header-left{align-items:center;display:flex}.dm-header-left{gap:16px}.dm-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.back-btn{background:#0000;border:1px solid #3a3a5a;border-radius:6px;color:#a0a0b0;padding:8px 16px;transition:all .2s}.back-btn:hover{background:#2a2a4a;color:#fff}.close-btn{border-radius:6px;font-size:20px;height:32px;transition:all .2s;width:32px}.close-btn:hover{background:#2a2a4a}.offline-badge{background:#f59e0b;border-radius:4px;color:#000;font-size:12px;font-weight:600;padding:4px 8px}.dm-stats{grid-gap:16px;background:#1e1e3a;border-bottom:1px solid #2a2a4a;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:20px 24px}.stat-card{background:#16213e;border:1px solid #2a2a4a;flex-direction:column}.dm-tabs{background:#16213e;border-bottom:1px solid #2a2a4a;display:flex;gap:0;padding:0 24px}.tab-btn{align-items:center;border-bottom:3px solid #0000;color:#a0a0b0;display:flex;gap:8px;padding:16px 24px}.tab-btn:hover{background:#6366f11a;color:#fff}.tab-btn.active{border-bottom-color:#6366f1;color:#6366f1}.tab-count{background:#2a2a4a;border-radius:12px;color:#a0a0b0;font-size:12px;padding:2px 8px}.tab-count.active{background:#6366f1;color:#fff}.dm-content{min-height:400px;padding:24px}.error-banner{align-items:center;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.error-banner button{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:auto;padding:6px 12px}.download-history-list{display:flex;flex-direction:column;gap:12px}.download-history-list.empty,.download-history-list.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px}.empty-icon{opacity:.5}.empty-state h3{color:#fff;font-size:18px;margin:0}.empty-state p{color:#a0a0b0;max-width:300px}.download-card{background:#16213e;border:1px solid #2a2a4a;border-radius:8px;display:flex;gap:16px;padding:16px;transition:border-color .2s}.download-card:hover{border-color:#3a3a5a}.download-card-preview{background:#1a1a2e;border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.download-card-preview img{height:100%;object-fit:cover;width:100%}.preview-placeholder{font-size:32px;opacity:.5}.download-card-info{flex:1 1;min-width:0}.download-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.asset-name{font-size:16px;margin:0}.download-date{color:#a0a0b0;font-size:12px;white-space:nowrap}.download-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.meta-item{align-items:center;background:#1a1a2e;border-radius:4px;color:#a0a0b0;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.meta-item.source{background:#2a2a4a}.meta-item.source.redownload{background:#6366f133;color:#818cf8}.download-card-actions{display:flex;flex-direction:column;gap:8px;justify-content:center}.download-card-actions .cancel-btn,.redownload-btn{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s;white-space:nowrap}.download-card-actions .cancel-btn{background:#ef4444}.download-card-actions .cancel-btn:hover{background:#dc2626}.download-progress{margin-top:12px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-info{align-items:center;display:flex;gap:8px}.filename{color:#fff;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-text{color:#a0a0b0;font-size:12px}.download-progress .cancel-btn{align-items:center;background:#ef444433;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:background .2s;width:24px}.download-progress .cancel-btn:hover{background:#ef44444d}.progress-bar-container{background:#2a2a4a;border-radius:4px;height:8px;overflow:hidden}.progress-bar-container.compact{height:4px}.progress-bar-fill{background:#6366f1;border-radius:4px;height:100%;transition:width .3s ease}.progress-stats{align-items:center;color:#a0a0b0;display:flex;font-size:12px;gap:16px;margin-top:8px}.progress-percent{color:#fff;font-weight:600}.download-progress-compact{align-items:center;display:flex;gap:8px}.download-progress-compact .progress-bar-container{flex:1 1}.download-progress-compact .progress-text{color:#a0a0b0;font-size:12px;min-width:35px}.active-downloads{min-height:200px}.active-downloads-list{display:flex;flex-direction:column;gap:16px}.active-download-card{background:#16213e;border:1px solid #2a2a4a;border-radius:8px;padding:20px}.dm-pagination{align-items:center;border-top:1px solid #2a2a4a;display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:24px}.dm-pagination button{background:#16213e;border:1px solid #3a3a5a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.dm-pagination button:hover:not(:disabled){background:#2a2a4a;border-color:#6366f1}.dm-pagination button:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#a0a0b0;font-size:14px}@media (max-width:768px){.dm-stats{grid-template-columns:repeat(2,1fr)}.download-card{flex-direction:column}.download-card-preview{height:120px;width:100%}.download-card-actions{flex-direction:row}.download-header{flex-direction:column;gap:4px}.dm-tabs{padding:0 16px}.tab-btn{font-size:13px;padding:12px 16px}}@media (max-width:480px){.dm-stats{gap:8px;grid-template-columns:1fr 1fr;padding:12px 16px}.stat-card{padding:12px}.stat-value{font-size:18px}.dm-content{padding:16px}}.update-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px;transition:transform .2s,box-shadow .2s}.update-badge:hover{box-shadow:0 2px 8px #6366f166;transform:scale(1.05)}.update-badge.compact{border-radius:8px;font-size:10px;padding:2px 8px}.update-icon{font-size:12px}.update-badge-container{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px 12px;transition:background .2s}.update-badge-container:hover{background:#6366f126}.update-versions{align-items:center;display:flex;font-size:12px;gap:6px}.old-version{color:#a0a0b0;text-decoration:line-through}.new-version,.version-arrow{color:#6366f1}.new-version{font-weight:600}.update-notes{color:#a0a0b0;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.changelog-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.changelog-modal{background:#16213e;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.changelog-header{align-items:center;background:#1a1a2e;border-bottom:1px solid #2a2a4a;display:flex;justify-content:space-between;padding:20px 24px}.changelog-title{align-items:center;display:flex;gap:12px}.changelog-title h2{color:#fff;font-size:18px;font-weight:600;margin:0}.current-version{background:#2a2a4a;border-radius:12px;color:#a0a0b0;font-size:12px;padding:4px 10px}.update-banner{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-bottom:1px solid #6366f14d;display:flex;justify-content:space-between;padding:16px 24px}.update-banner .update-info{align-items:center;display:flex;gap:12px}.update-banner .update-icon{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.update-banner .update-text{display:flex;flex-direction:column;gap:2px}.update-banner .update-text strong{color:#fff;font-size:14px}.update-banner .update-text span{color:#a0a0b0;font-size:12px}.update-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.update-btn:hover{background:#5558e8}.changelog-content{flex:1 1;overflow-y:auto;padding:24px}.latest-notes{background:#1a1a2e;border-radius:8px;margin-bottom:24px;padding:16px}.latest-notes h3,.version-history h3{color:#6366f1;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.latest-notes p{color:#e0e0e0;font-size:14px;line-height:1.6;margin:0}.history-list{gap:16px}.version-entry{background:#1a1a2e;border-left:3px solid #2a2a4a;border-radius:8px;padding:16px}.version-header{justify-content:space-between;margin-bottom:8px}.version-header,.version-info{align-items:center;display:flex}.version-info{gap:8px}.version-number{color:#fff;font-size:14px;font-weight:600}.change-type{border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px}.version-date{color:#a0a0b0;font-size:12px}.version-changelog{color:#e0e0e0;font-size:13px;line-height:1.6;white-space:pre-wrap}.version-meta{color:#a0a0b0;font-size:11px;margin-top:8px}.empty-history{color:#a0a0b0;padding:40px 20px;text-align:center}.empty-history p{color:#fff;font-size:14px;margin:0 0 8px}.empty-history span,.user-info{font-size:12px}.user-info{border-top:1px solid #2a2a4a;color:#a0a0b0;margin-top:24px;padding-top:16px}.user-info strong{color:#6366f1}.cache-manager{padding:20px}.cache-manager.embedded{padding:0}.cache-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.cache-manager-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.cache-storage-overview{background:#1a1a2e;border-radius:12px;margin-bottom:24px;padding:20px}.storage-bar-container,.storage-stats{margin-bottom:16px}.storage-bar{background:#2a2a4a;border-radius:6px;height:12px;overflow:hidden}.storage-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px;height:100%;transition:width .3s ease}.storage-labels{color:#a0a0b0;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.storage-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.storage-info-item{text-align:center}.storage-info-item .info-value{color:#fff;display:block;font-size:18px;font-weight:600}.storage-info-item .info-label{color:#a0a0b0;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.cache-actions{display:flex;gap:12px;justify-content:flex-end}.cache-actions button{border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.settings-btn{background:#2a2a4a;border:1px solid #3a3a5a;color:#e0e0e0}.settings-btn:hover{background:#3a3a5a}.clear-btn{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.clear-btn:hover:not(:disabled){background:#ef444440}.clear-btn:disabled{cursor:not-allowed;opacity:.5}.cache-settings{background:#1a1a2e;border-radius:12px;margin-bottom:24px;padding:20px}.cache-settings h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.setting-row{flex-direction:column}.setting-row label{color:#a0a0b0;font-size:13px}.size-presets{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;color:#e0e0e0;font-size:13px;padding:8px 16px;transition:all .2s}.preset-btn:hover{background:#3a3a5a;border-color:#6366f1}.preset-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.setting-hint{color:#a0a0b0;font-size:12px;font-style:italic;margin:12px 0 0}.cache-categories{background:#1a1a2e;border-radius:12px;margin-bottom:24px;padding:20px}.cache-categories h3{color:#6366f1;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.category-breakdown{gap:8px}.category-stat{align-items:center;background:#16213e;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.category-name{color:#e0e0e0}.category-count{color:#fff;font-size:14px;font-weight:600}.category-size{color:#a0a0b0;font-size:12px;min-width:70px;text-align:right}.cached-assets-section{background:#1a1a2e;border-radius:12px;margin-bottom:24px;padding:20px}.cached-assets-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cached-assets-section h3{color:#6366f1;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.category-filter select{background:#16213e;border:1px solid #2a2a4a;border-radius:6px;color:#e0e0e0;font-size:13px;padding:6px 12px}.cached-assets-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.cached-asset-item{align-items:center;background:#16213e;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.cached-asset-item:hover{background:#1e2a4a}.cached-asset-item .asset-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.cached-asset-item .asset-icon{font-size:24px}.cached-asset-item .asset-details{display:flex;flex-direction:column;gap:2px}.cached-asset-item .asset-name{color:#fff;font-size:14px;font-weight:500}.cached-asset-item .asset-meta{color:#a0a0b0;font-size:12px}.cached-asset-item .asset-dates{color:#666;font-size:11px}.remove-asset-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0a0b0;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .2s;width:28px}.remove-asset-btn:hover{background:#ef444426;color:#f87171}.cache-tips{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;padding:16px}.cache-tips h4{color:#6366f1;font-size:13px;font-weight:600;margin:0 0 8px}.cache-tips ul{margin:0;padding-left:20px}.cache-tips li{color:#a0a0b0;font-size:12px;line-height:1.6}.offline-indicator-compact{align-items:center;background:#0000;border-radius:12px;color:#a0a0b0;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.offline-indicator-compact.offline{background:#ef444426;color:#f87171}.offline-indicator-compact .offline-dot{animation:pulse 2s infinite;background:#f87171;border-radius:50%;height:8px;width:8px}.offline-indicator-compact .slow-dot{background:#f59e0b;border-radius:50%;height:8px;width:8px}.offline-indicator-compact .cached-count{color:#a0a0b0}.offline-banner{background:linear-gradient(90deg,#ef444426,#ef44440d);border-bottom:1px solid #ef44444d;padding:12px 20px}.offline-banner-content{align-items:center;display:flex;gap:12px}.offline-icon{color:#f87171}.offline-message{display:flex;flex-direction:column;gap:2px}.offline-message strong{color:#f87171;font-size:14px}.offline-message span{color:#a0a0b0;font-size:12px}.reconnected-toast{align-items:center;animation:slideIn .3s ease;background:#16213e;border:1px solid #27ae60;border-radius:8px;bottom:20px;box-shadow:0 4px 20px #0000004d;display:flex;gap:10px;padding:12px 16px;position:fixed;right:20px;z-index:9999}.reconnected-icon{color:#27ae60}.reconnected-toast span{color:#27ae60;font-size:14px;font-weight:500}.reconnected-toast .dismiss-btn{background:#0000;border:none;color:#a0a0b0;cursor:pointer;font-size:16px;padding:2px 6px}.reconnected-toast .dismiss-btn:hover{color:#fff}.slow-connection-banner{align-items:center;background:#f59e0b1a;border-bottom:1px solid #f59e0b4d;color:#f59e0b;display:flex;font-size:13px;gap:8px;padding:10px 20px}.slow-icon{color:#f59e0b}.cache-badge{align-items:center;background:#27ae6026;border:1px solid #27ae604d;border-radius:4px;color:#27ae60;display:inline-flex;font-size:11px;gap:4px;padding:2px 8px}.cache-badge.outdated{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.cache-badge .cache-icon{font-size:10px}.cache-badge.small .cache-text{display:none}.offline-asset-overlay{background:#000c;bottom:0;left:0;padding:6px;position:absolute;right:0;text-align:center}.offline-asset-overlay.cached .cached-indicator{color:#27ae60;font-size:11px}.offline-asset-overlay.unavailable .unavailable-indicator{color:#f87171;font-size:11px}@media (max-width:768px){.storage-info-grid{grid-template-columns:repeat(2,1fr)}.cache-actions{flex-direction:column}.size-presets{justify-content:center}}.download-queue{padding:0}.queue-header{background:#1a1a2e;border-radius:12px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.queue-header,.queue-status{align-items:center;display:flex}.queue-status{gap:12px}.queue-count{color:#a0a0b0;font-size:14px}.queue-paused-badge{background:#f59e0b;border-radius:4px;color:#000;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.queue-controls{align-items:center;display:flex;gap:12px}.concurrent-control{align-items:center;color:#a0a0b0;display:flex;font-size:13px;gap:8px}.concurrent-control select{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px}.concurrent-control select:hover{border-color:#6366f1}.queue-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.queue-btn.pause{background:#f59e0b;color:#000}.queue-btn.pause:hover{background:#d97706}.queue-btn.resume{background:#22c55e;color:#000}.queue-btn.resume:hover{background:#16a34a}.queue-btn.clear{background:#3a3a5a;color:#fff}.queue-btn.clear:hover{background:#ef4444}.queue-section{margin-bottom:24px}.queue-section-title{color:#a0a0b0;font-size:14px;font-weight:600;margin:0 0 12px}.queue-section-title .paused-hint{color:#f59e0b;font-weight:400}.queue-active-list{display:flex;flex-direction:column;gap:8px}.queue-item{align-items:center;background:#1a1a2e;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.queue-item:hover{background:#1f1f3a}.queue-item.active{border-left:3px solid #6366f1}.queue-item-position{color:#6366f1;font-size:13px;font-weight:600;width:32px}.queue-item-icon{font-size:20px}.queue-item-details{flex:1 1;min-width:0}.queue-item-name{color:#fff;display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-meta{color:#6a6a8a;display:block;font-size:12px;margin-top:4px}.priority-badge{background:#6366f1;border-radius:3px;color:#fff;font-size:10px;margin-left:8px;padding:2px 6px;text-transform:uppercase}.queue-item-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.queue-item-status{color:#6366f1;font-size:13px;font-weight:600}.queue-item-progress{background:#2a2a4a;border-radius:2px;flex:1 1;height:4px;margin-left:16px;overflow:hidden}.queue-item-progress-bar{background:#6366f1;height:100%;transition:width .2s ease}.queue-item-actions{display:flex;gap:8px}.queue-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:28px}.queue-action-btn.prioritize{background:#2a2a4a;color:#6366f1}.queue-action-btn.prioritize:hover{background:#6366f1;color:#fff}.queue-action-btn.remove{background:#2a2a4a;color:#a0a0b0}.queue-action-btn.remove:hover{background:#ef4444;color:#fff}.queue-empty{background:#1a1a2e;border-radius:12px;padding:40px 20px;text-align:center}.queue-empty .empty-icon{display:block;font-size:48px;margin-bottom:16px}.queue-empty p{color:#fff;font-size:14px;margin:0}.queue-empty .empty-hint{color:#6a6a8a;font-size:12px;margin-top:8px}.queue-list{display:flex;flex-direction:column;gap:8px}.queue-tips{background:#1a1a2e;border-radius:8px;margin-top:24px;padding:16px}.queue-tips h4{color:#6366f1;font-size:13px;font-weight:600;margin:0 0 12px}.queue-tips ul{margin:0;padding:0 0 0 16px}.queue-tips li{color:#6a6a8a;font-size:12px;margin-bottom:6px}.queue-tips li:last-child{margin-bottom:0}.tab-count.paused{background:#f59e0b;color:#000}.tab-btn.export-btn{background:#0000;border:1px solid #3a3a5a;margin-left:auto}.tab-btn.export-btn:hover{background:#6366f11a;border-color:#6366f1}@media (max-width:768px){.queue-header{align-items:flex-start;flex-direction:column;gap:12px}.queue-controls{justify-content:space-between;width:100%}.queue-item{flex-wrap:wrap}.queue-item-details{flex:1 1 100%;margin-top:8px;order:3}.queue-item-actions{margin-left:auto}}.download-analytics{padding:20px}.download-analytics.embedded{padding:0}.download-analytics.loading{align-items:center;color:#a0a0b0;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.analytics-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.time-range-selector{background:#1a1a2e;gap:4px;padding:4px}.time-range-selector button{background:#0000;border:none;border-radius:6px;color:#a0a0b0;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.time-range-selector button:hover{color:#fff}.time-range-selector button.active{background:#6366f1;color:#fff}.analytics-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2a2a4a;border-radius:12px;display:flex;gap:12px;padding:16px}.summary-icon{font-size:28px}.summary-content{display:flex;flex-direction:column;gap:2px}.summary-value{color:#fff;font-size:20px;font-weight:700}.summary-label{color:#a0a0b0;font-size:12px}.analytics-section{background:#1a1a2e;border-radius:12px;margin-bottom:20px;padding:20px}.analytics-section h4{color:#6366f1;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.trend-chart{height:200px;position:relative}.chart-bars{align-items:flex-end;display:flex;gap:2px;height:180px;justify-content:space-between;padding-bottom:20px}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.chart-bar{border-radius:4px 4px 0 0;max-width:40px;min-height:4px;position:relative;transition:height .3s ease;width:100%}.chart-bar:hover{opacity:.8}.bar-value{color:#fff;font-weight:600;left:50%;top:-18px;transform:translateX(-50%)}.bar-value,.chart-label{font-size:10px;position:absolute}.chart-label{bottom:0;color:#6a6a8a;white-space:nowrap}.category-breakdown{display:flex;flex-direction:column;gap:12px}.category-row{align-items:center;display:flex;gap:12px}.category-row .category-info{align-items:center;display:flex;gap:8px;min-width:140px}.category-row .category-icon{font-size:18px}.category-row .category-name{color:#e0e0e0;flex:1 1;font-size:13px}.category-row .category-count{color:#fff;font-size:13px;font-weight:600;min-width:30px;text-align:right}.category-bar-container{background:#2a2a4a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.category-bar{border-radius:4px;height:100%;transition:width .3s ease}.category-row .category-size{color:#6a6a8a;font-size:12px;min-width:70px;text-align:right}.top-assets{display:flex;flex-direction:column;gap:8px}.top-asset-row{align-items:center;background:#16213e;border-radius:8px;display:flex;gap:12px;padding:12px}.top-rank{color:#6366f1;font-size:14px;font-weight:700;min-width:30px}.top-asset-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.top-asset-name{color:#fff;font-size:14px;font-weight:500}.top-asset-meta{color:#6a6a8a;font-size:12px}.top-asset-count{color:#a5b4fc;font-size:16px;font-weight:700}.storage-breakdown{align-items:center;display:flex;gap:40px}.storage-visual{flex-shrink:0}.storage-ring{height:120px;position:relative;width:120px}.storage-ring svg{height:100%;width:100%}.storage-ring-label{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.storage-percent{color:#fff;display:block;font-size:24px;font-weight:700}.storage-text{color:#6a6a8a;font-size:11px}.storage-details{display:flex;flex:1 1;flex-direction:column;gap:12px}.storage-detail-row{align-items:center;display:flex;justify-content:space-between}.detail-label{color:#a0a0b0}.detail-value{font-size:14px}.analytics-section .empty-state{color:#6a6a8a;padding:24px;text-align:center}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;gap:16px}.analytics-summary{grid-template-columns:repeat(2,1fr)}.chart-bars{height:120px}.storage-breakdown{flex-direction:column;gap:24px}.category-row{flex-wrap:wrap}.category-bar-container{flex:1 1 100%;margin-top:4px;order:3}}.marketplace-page{background:#1a1a2e;color:#e0e0e0;min-height:100vh}.marketplace-header{align-items:center;background:#16213e;border-bottom:1px solid #2a2a4a;display:flex;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.marketplace-header h1{color:#fff;font-size:24px;font-weight:700;margin:0}.header-center{flex:1 1;margin:0 24px;max-width:500px}.search-form{display:flex;gap:8px}.search-input{background:#1a1a2e;border:1px solid #3a3a5a;padding:10px 16px}.search-input:focus{border-color:#6366f1}.search-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.search-btn:hover{background:#5558e8}.header-right{display:flex;gap:12px}.header-btn{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.header-btn.primary{background:#6366f1;border:none;color:#fff}.header-btn.primary:hover{background:#5558e8}.header-btn.secondary{background:#0000;border:1px solid #3a3a5a;color:#e0e0e0}.header-btn.secondary:hover{background:#2a2a4a}.category-nav{background:#1e1e3a;border-bottom:1px solid #2a2a4a;display:flex;gap:8px;overflow-x:auto;padding:12px 24px}.category-btn{background:#0000;border:1px solid #0000;border-radius:20px;color:#a0a0b0;font-size:14px;padding:8px 16px;transition:all .2s;white-space:nowrap}.category-btn:hover{background:#2a2a4a;color:#fff}.category-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.marketplace-content{display:flex;min-height:calc(100vh - 130px)}.filters-sidebar{background:#16213e;border-right:1px solid #2a2a4a;min-width:280px;overflow-y:auto;padding:20px;width:280px}.marketplace-main{flex:1 1;overflow-y:auto;padding:24px}.marketplace-main.with-sidebar{max-width:calc(100% - 280px)}.marketplace-hero{background:linear-gradient(135deg,#1e1e3a,#2a2a4a);border-radius:16px;margin-bottom:32px;padding:48px 24px;text-align:center}.marketplace-hero h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}.marketplace-hero p{color:#a0a0b0;font-size:16px;margin:0}.marketplace-section{margin-bottom:40px}.section-header{margin-bottom:20px}.section-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.see-all-btn{background:#0000;border:1px solid #6366f1;border-radius:6px;color:#6366f1;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.see-all-btn:hover{background:#6366f1;color:#fff}.asset-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.asset-card{background:#1e1e3a;border:1px solid #2a2a4a;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.asset-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.asset-preview{aspect-ratio:16/10;background:#2a2a4a;overflow:hidden;position:relative}.asset-preview img{height:100%;object-fit:cover;width:100%}.preview-placeholder{align-items:center;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.asset-badges{display:flex;gap:6px;left:8px;position:absolute;top:8px}.badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.badge.featured{background:#f59e0b;color:#000}.badge.free{background:#10b981;color:#fff}.asset-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.asset-card:hover .asset-overlay{opacity:1}.quick-view-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.asset-info{padding:16px}.asset-name{color:#fff;font-size:15px;font-weight:600;margin:0 0 4px}.asset-creator{color:#a0a0b0;font-size:13px;margin:0 0 8px}.verified-badge{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:inline-flex;font-size:10px;height:16px;justify-content:center;margin-left:4px;width:16px}.asset-category{color:#6366f1;font-size:12px;margin:0 0 8px}.asset-rating{align-items:center;display:flex;gap:4px;margin-bottom:12px}.stars{display:flex}.star{font-size:14px}.star.full,.star.half{color:#f59e0b}.star.empty{color:#4a4a6a}.rating-count{color:#a0a0b0;font-size:12px}.asset-footer{align-items:center;display:flex;justify-content:space-between}.asset-price{color:#10b981;font-size:16px;font-weight:700}.asset-downloads{color:#a0a0b0;font-size:12px}.categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.category-card{align-items:center;background:#1e1e3a;border:1px solid #2a2a4a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:24px;transition:all .2s}.category-card:hover{background:#2a2a4a;border-color:#6366f1}.category-icon{font-size:36px;margin-bottom:12px}.category-name{color:#fff;font-size:14px;font-weight:600}.results-header{justify-content:space-between;margin-bottom:20px}.results-header,.results-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-term{color:#fff;font-size:16px;font-weight:600}.active-filter{align-items:center;background:#2a2a4a;border-radius:16px;color:#e0e0e0;display:inline-flex;font-size:13px;gap:6px;padding:4px 8px 4px 12px}.active-filter button{background:none;border:none;color:#a0a0b0;cursor:pointer;font-size:16px;line-height:1;padding:0}.active-filter button:hover{color:#fff}.result-count{color:#a0a0b0;font-size:14px}.results-actions{align-items:center;display:flex;gap:12px}.toggle-filters-btn{background:#2a2a4a;border:none;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.toggle-filters-btn.active,.toggle-filters-btn:hover{background:#3a3a5a}.sort-select{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:14px;padding:8px 12px}.marketplace-filters{display:flex;flex-direction:column;gap:24px}.filters-header{align-items:center;display:flex;justify-content:space-between}.filters-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.clear-filters-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-size:13px}.clear-filters-btn:hover{text-decoration:underline}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:#a0a0b0;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-select{background:#1a1a2e;border:1px solid #3a3a5a;color:#e0e0e0;padding:10px 12px}.filter-checkbox{align-items:center;display:flex;gap:8px}.filter-checkbox input{accent-color:#6366f1;height:18px;width:18px}.filter-checkbox label{color:#e0e0e0;cursor:pointer;font-size:14px}.tags-filter{display:flex;flex-wrap:wrap;gap:8px}.tag-btn{background:#2a2a4a;border:1px solid #0000;border-radius:16px;color:#a0a0b0;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.tag-btn:hover{border-color:#3a3a5a;color:#e0e0e0}.tag-btn.active{background:#6366f1;color:#fff}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag{align-items:center;background:#6366f1;border-radius:16px;color:#fff;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px 4px 12px}.active-filter-tag button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;line-height:1;padding:0}.active-filter-tag button:hover{color:#fff}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px}.loading-spinner{border-top-color:#6366f1}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3,.error-state h3{color:#fff;font-size:18px;margin:0 0 8px}.empty-state p,.error-state p{color:#a0a0b0;font-size:14px;margin:0 0 16px}.empty-state button,.error-state button{background:#6366f1;border:none;border-radius:8px;font-weight:600;padding:10px 20px}.pagination{gap:8px;margin-top:32px}.pagination button{background:#2a2a4a;border-radius:6px;color:#e0e0e0;transition:background .2s}.pagination button:hover:not(:disabled){background:#3a3a5a}.pagination button.active{background:#6366f1;color:#fff}.page-numbers{display:flex;gap:4px}.modal-overlay{inset:0;padding:24px}.asset-detail-modal{background:#1e1e3a;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}.modal-close{background:#00000080;color:#fff;font-size:20px;position:absolute;right:16px;top:16px;z-index:10}.modal-close:hover{background:#000000b3}.modal-preview{background:#2a2a4a;min-height:300px;position:relative;width:50%}.modal-preview img{height:100%;object-fit:contain;width:100%}.modal-preview .preview-placeholder.large{font-size:80px}.preview-badges{display:flex;gap:8px;left:16px;position:absolute;top:16px}.modal-details{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:24px;width:50%}.detail-header h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.creator-info{color:#a0a0b0;font-size:14px;margin:0}.creator-name{color:#6366f1;cursor:pointer}.creator-name:hover{text-decoration:underline}.detail-stats{display:flex;flex-wrap:wrap;gap:16px}.detail-stats .stat{align-items:center;color:#e0e0e0;display:flex;font-size:14px;gap:6px}.stat-icon{font-size:16px}.rating-value{font-weight:600}.detail-actions{background:#16213e;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.price-display .price{color:#10b981;font-size:28px;font-weight:700}.download-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:background .2s}.download-btn:hover:not(:disabled){background:#5558e8}.download-btn:disabled{cursor:wait;opacity:.7}.in-library{align-items:center;color:#10b981;display:flex;font-weight:600;gap:8px}.in-library .check{font-size:20px}.download-link{background:#2a2a4a;border-radius:6px;color:#e0e0e0;font-size:14px;margin-left:auto;padding:8px 16px;text-decoration:none}.download-link:hover{background:#3a3a5a}.error-message{color:#ef4444;font-size:14px;margin:0}.login-notice{color:#a0a0b0;font-size:13px;margin:0;text-align:center}.detail-description h3,.detail-file-info h3,.detail-tags h3{color:#a0a0b0;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.detail-description p{color:#e0e0e0;font-size:14px;line-height:1.6;margin:0}.tag{background:#2a2a4a;border-radius:16px;color:#a0a0b0;font-size:12px;padding:4px 12px}.file-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:2px}.info-item .label{color:#6a6a8a;font-size:12px}.info-item .value{color:#e0e0e0;font-size:14px}@media (max-width:900px){.modal-content{flex-direction:column}.modal-details,.modal-preview{width:100%}.modal-preview{max-height:300px}}@media (max-width:768px){.marketplace-header{flex-direction:column;gap:12px;padding:12px 16px}.header-center{margin:0;max-width:100%;width:100%}.header-right{justify-content:center;width:100%}.filters-sidebar{display:none}.marketplace-main.with-sidebar{max-width:100%}.asset-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.results-header{align-items:flex-start;flex-direction:column}.file-info-grid{grid-template-columns:1fr}}@media (max-width:480px){.asset-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}}.checkout-notification{animation:slideDown .3s ease-out;left:50%;max-width:500px;position:fixed;top:80px;transform:translateX(-50%);width:calc(100% - 32px);z-index:1100}.checkout-notification .notification-content{align-items:center;background:#1e1e3a;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;gap:12px;padding:16px 20px}.checkout-notification.success .notification-content{background:linear-gradient(135deg,#16413a,#1e3a2e);border:1px solid #10b981}.checkout-notification.cancelled .notification-content{background:linear-gradient(135deg,#2a2a4a,#3a3a5a);border:1px solid #6a6a8a}.notification-icon{flex-shrink:0;font-size:24px}.checkout-notification.success .notification-icon{color:#10b981}.checkout-notification.cancelled .notification-icon{color:#a0a0b0}.notification-message{color:#e0e0e0;flex:1 1;font-size:14px;line-height:1.4}.notification-close{background:none;border:none;color:#6a6a8a;cursor:pointer;flex-shrink:0;font-size:24px;line-height:1;padding:0}.notification-close:hover{color:#e0e0e0}.download-btn.purchase-btn{background:linear-gradient(135deg,#10b981,#059669)}.download-btn.purchase-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.back-link{align-items:center;color:#6366f1;display:flex;font-size:14px;gap:6px;text-decoration:none}.back-link:hover{text-decoration:underline}.back-link:before{content:"←"}.creator-profile-header{background:linear-gradient(180deg,#1a1a3e,#0f0f23);border-bottom:1px solid #2a2a4a;padding:48px 24px}.creator-profile-content{align-items:flex-start;display:flex;gap:32px;margin:0 auto;max-width:1000px}.creator-avatar-large{flex-shrink:0;height:120px;position:relative;width:120px}.creator-avatar-large img{border:3px solid #6366f1;border-radius:50%;height:100%;object-fit:cover;width:100%}.creator-avatar-large .avatar-placeholder{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:48px;font-weight:700;height:100%;width:100%}.creator-avatar-large .avatar-placeholder,.verified-badge-large{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.verified-badge-large{background:#10b981;border:3px solid #0f0f23;bottom:0;font-size:16px;height:32px;position:absolute;right:0;width:32px}.creator-info-main{flex:1 1}.creator-name-large{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:32px;font-weight:700;gap:12px;margin:0 0 8px}.verified-text{background:#10b9811a;border-radius:16px;color:#10b981;font-size:13px;font-weight:500;padding:4px 12px}.creator-bio{color:#a0a0b0;font-size:15px;line-height:1.6;margin:0 0 20px;max-width:600px}.creator-stats-row{display:flex;gap:32px;margin-bottom:16px}.stat-item{gap:4px}.stat-item .stat-value .star{color:#f59e0b;margin-left:2px}.stat-item .stat-label{color:#6a6a8a;letter-spacing:.5px}.creator-social-links{display:flex;gap:12px}.social-link{background:#2a2a4a;border-radius:6px;color:#a0a0b0;font-size:13px;padding:6px 14px;text-decoration:none;transition:all .2s}.social-link:hover{background:#3a3a5a;color:#e0e0e0}.results-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}@media (max-width:768px){.creator-profile-content{align-items:center;flex-direction:column;text-align:center}.creator-name-large{justify-content:center}.creator-bio{max-width:100%}.creator-stats-row{flex-wrap:wrap}.creator-social-links,.creator-stats-row{justify-content:center}}.library-filters-bar{align-items:center;background:#1a1a3e;border-bottom:1px solid #2a2a4a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.category-tabs{display:flex;gap:8px;overflow-x:auto}.category-tab{background:#2a2a4a;border:none;border-radius:6px;color:#a0a0b0;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s;white-space:nowrap}.category-tab:hover{background:#3a3a5a;color:#e0e0e0}.category-tab.active{background:#6366f1;color:#fff}.favorites-toggle{align-items:center;background:#2a2a4a;border:none;border-radius:6px;color:#a0a0b0;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.favorites-toggle:hover{background:#3a3a5a;color:#e0e0e0}.favorites-toggle.active{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.library-stats{align-items:center;color:#a0a0b0;display:flex;font-size:14px;gap:16px;padding:16px 0}.library-stats .updates-available{color:#6366f1;font-weight:600}.library-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.library-card{background:#1e1e3a;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.library-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.library-card-preview{aspect-ratio:16/10;background:#2a2a4a;position:relative}.library-card-preview img{height:100%;object-fit:cover;width:100%}.library-card-preview .preview-placeholder{align-items:center;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.library-card-preview .favorite-btn{align-items:center;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:transform .2s,background .2s;width:36px}.library-card-preview .favorite-btn:hover{background:#000c;transform:scale(1.1)}.library-card-preview .update-badge-overlay{left:12px;position:absolute;top:12px;z-index:2}.library-card-info{display:flex;flex-direction:column;gap:8px;padding:16px}.library-card-info .asset-name{color:#fff;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card-info .asset-creator{color:#a0a0b0;font-size:13px;margin:0}.library-card-info .asset-creator.clickable{cursor:pointer}.library-card-info .asset-creator.clickable:hover{color:#6366f1;text-decoration:underline}.library-card-info .asset-category{color:#6a6a8a;font-size:12px;margin:0}.library-card-info .asset-version{color:#6a6a8a;font-size:11px;margin:0}.library-card-info .asset-version.clickable{cursor:pointer}.library-card-info .asset-version.clickable:hover{color:#6366f1}.acquisition-info{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.acquired-date{color:#6a6a8a;font-size:12px}.paid-price{color:#10b981;font-size:13px;font-weight:600}.download-asset-btn{background:#6366f1;border-radius:6px;color:#fff;display:block;font-size:14px;font-weight:600;margin-top:8px;padding:10px 16px;text-align:center;text-decoration:none;transition:background .2s}.download-asset-btn:hover{background:#5558e8}.library-card.offline-unavailable{opacity:.6}.library-card.offline-unavailable:hover{box-shadow:none;transform:none}.cache-badge-overlay{left:8px;position:absolute;top:8px;z-index:5}.offline-unavailable-overlay{align-items:center;background:#000000b3;border-radius:12px;color:#a0a0b0;display:flex;flex-direction:column;font-size:14px;gap:8px;inset:0;justify-content:center;position:absolute}.offline-unavailable-overlay .offline-icon{font-size:24px}.download-asset-btn.cached{background:#22c55e}.download-asset-btn.cached:hover{background:#16a34a}.download-asset-btn.disabled{background:#3a3a4a;color:#6a6a8a;cursor:not-allowed}.download-asset-btn.disabled:hover{background:#3a3a4a}.header-left .offline-indicator-compact{margin-left:12px}.library-actions{align-items:center;display:flex;gap:8px}.select-mode-toggle{align-items:center;background:#2a2a3e;border:1px solid #3a3a4e;border-radius:8px;color:#a0a0b0;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.select-mode-toggle:hover{background:#3a3a4e;color:#fff}.select-mode-toggle.active{background:#6366f1;border-color:#6366f1;color:#fff}.batch-actions-toolbar{align-items:center;animation:slideDown .2s ease-out;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border:1px solid #3a3a4e;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.batch-actions-toolbar .batch-selection-info{align-items:center;color:#fff;display:flex;font-weight:600;gap:8px}.batch-actions-toolbar .selected-count{background:#6366f1;border-radius:20px;font-size:13px;padding:4px 10px}.batch-actions-toolbar .batch-select-btn{background:#0000;border:1px solid #3a3a4e;border-radius:6px;color:#a0a0b0;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.batch-actions-toolbar .batch-select-btn:hover{background:#3a3a4e;color:#fff}.batch-actions-toolbar .batch-actions{display:flex;gap:8px;margin-left:auto}.batch-actions-toolbar .batch-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.batch-actions-toolbar .batch-action-btn.download{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.batch-actions-toolbar .batch-action-btn.download:hover{background:linear-gradient(135deg,#5558e3,#7c4fe0);transform:translateY(-1px)}.batch-actions-toolbar .batch-action-btn.download:disabled{background:#3a3a4e;color:#6a6a8a;cursor:not-allowed;transform:none}.batch-actions-toolbar .batch-action-btn.cache-remove{background:#3a3a4e;border:1px solid #ef4444;color:#ef4444}.batch-actions-toolbar .batch-action-btn.cache-remove:hover{background:#ef444433}.batch-actions-toolbar .batch-action-btn.cache-remove:disabled{cursor:not-allowed;opacity:.5}.batch-actions-toolbar .queue-indicator{align-items:center;background:#6366f133;border:1px solid #6366f1;border-radius:20px;color:#a5b4fc;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.library-card.select-mode{cursor:pointer}.library-card.select-mode:hover{border-color:#6366f1}.library-card.selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.library-card-checkbox{align-items:center;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px;z-index:10}.library-card-checkbox input[type=checkbox]{accent-color:#6366f1;-webkit-appearance:auto;appearance:auto;background:#1a1a2ee6;border:2px solid #4a4a5e;border-radius:4px;cursor:pointer;height:22px;width:22px}.library-card-checkbox input[type=checkbox]:hover{border-color:#6366f1}.library-card-checkbox input[type=checkbox]:checked{background:#6366f1;border-color:#6366f1}@media (max-width:768px){.batch-actions-toolbar{align-items:stretch;flex-direction:column;gap:12px}.batch-actions-toolbar .batch-buttons{justify-content:stretch;margin-left:0}.batch-actions-toolbar .batch-btn{flex:1 1;justify-content:center}.library-filters-bar{align-items:flex-start;flex-direction:column}.category-tabs{padding-bottom:8px;width:100%}.library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.view-mode-tabs{background:#1a1a2e;border-radius:8px;display:flex;gap:4px;padding:4px}.view-tab{background:#0000;border:none;border-radius:6px;color:#a0a0b0;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.view-tab:hover{background:#6366f11a;color:#fff}.view-tab.active{background:#6366f1;color:#fff}@media (max-width:480px){.view-mode-tabs{gap:2px}.view-tab{font-size:13px;padding:8px 12px}}.in-library-section{display:flex;flex-direction:column;gap:12px;width:100%}.in-library-section .in-library{align-items:center;color:#10b981;display:flex;font-weight:600;gap:8px}.in-library-section .in-library .check{font-size:18px}.modal-download-progress{background:#6366f11a;border:1px solid #6366f1;border-radius:8px;padding:16px}.redownload-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.redownload-btn:hover{background:#5558e8}.redownload-btn:disabled{cursor:not-allowed;opacity:.6}.redownload-btn .btn-icon{font-size:16px}.download-complete-msg{background:#10b9811a;border-radius:4px;color:#10b981;font-size:13px;margin:0;padding:8px;text-align:center}.marketplace-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9500}.marketplace-modal-container{background:#1a1a2e;border-radius:12px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;height:90vh;max-width:1600px;overflow:hidden;width:95vw}.marketplace-modal-header{align-items:center;background:#16213e;border-bottom:1px solid #2a2a4a;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.modal-header-left h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:20px;font-weight:600;margin:0}.modal-header-center{flex:1 1;margin:0 24px;max-width:500px}.modal-search-form{display:flex;gap:8px}.modal-search-input{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:10px 16px}.modal-search-input:focus{border-color:#6366f1;outline:none}.modal-search-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.modal-search-btn:hover{background:#5558e8}.modal-header-right{align-items:center;display:flex;gap:12px}.library-btn{background:#0000;border:1px solid #3a3a5a;border-radius:8px;color:#a0a0b0;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.library-btn:hover{background:#6366f11a;border-color:#6366f1;color:#fff}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#a0a0b0;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close-btn:hover{background:#ef444433;color:#fff}.marketplace-modal-content{display:flex;flex:1 1;overflow:hidden}.modal-filters-sidebar{background:#16213e;border-right:1px solid #2a2a4a;flex-shrink:0;overflow-y:auto;padding:16px;width:250px}.modal-main-content{flex:1 1;overflow-y:auto;padding:20px}.modal-view-tabs{border-bottom:1px solid #2a2a4a;display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px}.modal-view-tabs .view-tab{background:#0000;border:1px solid #3a3a5a;border-radius:8px;color:#a0a0b0;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-view-tabs .view-tab:hover{background:#6366f11a;color:#fff}.modal-view-tabs .view-tab.active{background:#6366f1;border-color:#6366f1;color:#fff}.modal-home-view .asset-section{margin-bottom:32px}.modal-home-view .asset-section h3{color:#fff;font-size:18px;margin:0 0 16px}.asset-grid.compact{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.modal-browse-view .results-info{color:#a0a0b0;font-size:14px;margin-bottom:16px}@media (max-width:1024px){.marketplace-modal-container{height:95vh;width:98vw}.modal-filters-sidebar{width:200px}}@media (max-width:768px){.marketplace-modal-header{flex-direction:column;gap:12px;padding:12px 16px}.modal-header-center{margin:0;max-width:none;width:100%}.modal-filters-sidebar{display:none}.modal-main-content{padding:12px}.asset-grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.detail-reviews{border-top:1px solid #2a2a4a;margin-top:24px;padding-top:24px}.detail-reviews h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.review-form{background:#1a1a30;border:1px solid #2a2a4a;border-radius:8px;margin-bottom:20px;padding:16px}.review-form h4{color:#e0e0e0;font-size:14px;font-weight:600;margin:0 0 12px}.rating-input{align-items:center;display:flex;gap:12px;margin-bottom:12px}.rating-label{color:#a0a0b0;font-size:13px}.stars-input{display:flex;gap:4px}.star-btn{color:#3a3a5a;cursor:pointer;font-size:24px;transition:color .15s,transform .15s}.star-btn:hover{transform:scale(1.1)}.star-btn.active{color:#fbbf24}.rating-text{color:#a0a0b0;font-size:13px;font-style:italic}.review-textarea{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:6px;color:#fff;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.review-textarea:focus{border-color:#6366f1;outline:none}.review-textarea::placeholder{color:#6a6a8a}.review-char-count{color:#6a6a8a;font-size:11px;margin-bottom:12px;margin-top:4px;text-align:right}.submit-review-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .2s,transform .2s}.submit-review-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-review-btn:disabled{cursor:not-allowed;opacity:.5}.review-error{color:#ef4444;font-size:13px;margin-top:8px}.review-success{color:#10b981;font-size:13px;margin-top:8px}.review-login-notice,.review-ownership-notice{background:#1a1a30;border:1px dashed #2a2a4a;border-radius:6px;color:#a0a0b0;font-size:13px;font-style:italic;margin-bottom:16px;padding:12px}.reviews-list{display:flex;flex-direction:column;gap:12px}.no-reviews,.reviews-loading{background:#1a1a30;border-radius:8px;color:#a0a0b0;font-size:14px;padding:24px;text-align:center}.review-item{background:#1a1a30;border:1px solid #2a2a4a;border-radius:8px;padding:14px}.review-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.review-user{align-items:center;display:flex;gap:10px}.review-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.review-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.review-username{color:#e0e0e0;font-size:14px;font-weight:600}.review-meta{align-items:center;display:flex;gap:12px}.review-stars{display:flex;gap:2px}.review-stars .star{font-size:14px}.review-stars .star.full{color:#fbbf24}.review-stars .star.empty{color:#3a3a5a}.review-date{color:#6a6a8a;font-size:12px}.review-text{color:#c0c0d0;font-size:14px;line-height:1.5;margin:0}.reviews-pagination{align-items:center;border-top:1px solid #2a2a4a;display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:16px}.pagination-btn{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:13px;padding:8px 16px;transition:background .2s,border-color .2s}.pagination-btn:hover:not(:disabled){background:#3a3a5a;border-color:#6366f1}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#a0a0b0;font-size:13px}@media (max-width:768px){.review-form{padding:12px}.rating-input{flex-wrap:wrap}.star-btn{font-size:28px}.review-header{align-items:flex-start;flex-direction:column}.review-meta{margin-top:4px}.reviews-pagination{flex-wrap:wrap}}:root{--font-scale:1;--font-size-xs:calc(0.75rem*var(--font-scale));--font-size-sm:calc(0.85rem*var(--font-scale));--font-size-md:calc(1rem*var(--font-scale));--font-size-lg:calc(1.15rem*var(--font-scale));--font-size-xl:calc(1.3rem*var(--font-scale));--font-size-2xl:calc(1.5rem*var(--font-scale))}.font-scale-small{--font-scale:0.85}.font-scale-normal{--font-scale:1}.font-scale-large{--font-scale:1.15}.font-scale-xlarge{--font-scale:1.3}body.dark.high-contrast,body.high-contrast.dark{--primary-text:#fff;--secondary-text:silver;--main-bg:#000;--sidebar-bg:#0a0a0a;--secondary-bg:#1a1a1a;--border-color:#fff;--hover-bg:#2a2a2a}body.high-contrast:not(.dark){--primary-text:#000;--secondary-text:#333;--main-bg:#fff;--sidebar-bg:#f0f0f0;--secondary-bg:#e0e0e0;--border-color:#000;--hover-bg:#d0d0d0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body.reduce-motion *,body.reduce-motion :after,body.reduce-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body.reduce-motion .loading-spinner{animation:none!important;opacity:.7}body.colorblind-friendly .status-badge-colorblind{position:relative}body.colorblind-friendly .status-badge-colorblind.status-half-circle:after{background:#0006;border-radius:0 50% 50% 0;content:"";height:100%;position:absolute;right:0;top:0;width:50%}body.colorblind-friendly .status-badge-colorblind.status-minus:after{background:#fff;border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}body.colorblind-friendly .status-badge-colorblind.status-empty-circle{background:#0000!important;border:2px solid #747f8d;box-sizing:border-box}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.skip-link{background:#5865f2;background:var(--accent-color,#5865f2);border-radius:0 0 8px 0;color:#fff;font-weight:600;left:0;padding:12px 24px;position:absolute;text-decoration:none;top:-100px;transition:top .2s ease;z-index:100000}.skip-link:focus{outline:2px solid #fff;outline-offset:2px;top:0}:focus-visible{outline:2px solid #5865f2;outline:2px solid var(--accent-color,#5865f2);outline-offset:2px}body.screen-reader-mode :focus{outline:3px solid #5865f2!important;outline:3px solid var(--accent-color,#5865f2)!important;outline-offset:2px!important}.loading-screen{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;min-height:100vh}.loading-screen,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#6b7280;flex-direction:column;font-size:1rem;gap:16px;padding:2rem;text-align:center}.loading-spinner:not(:empty){animation:none!important;border:none!important;height:auto!important;width:auto!important}.loading-spinner:not(:empty):before{animation:spin 1s linear infinite;border:4px solid #5865f233;border-radius:50%;border-top-color:#5865f2;content:"";flex-shrink:0;height:40px;width:40px}.loading-spinner:empty:before{content:none}:root{--primary-color:#5865f2;--primary-light:#7289da;--primary-dark:#4752c4;--accent-color:#5865f2;--accent-light:#7289da;--accent-dark:#4752c4;--sidebar-bg:#fff;--main-bg:#fff;--secondary-bg:#f5f5f5;--primary-text:#1a1a1a;--secondary-text:#5c5c5c;--message-bg:#f5f5f5;--border-color:#ebebeb;--hover-bg:#f0f0f0;--success-color:#4caf50;--danger-color:#f44336;--warning-color:#ff9800;--info-color:#2196f3;--bg-light:#f5f5f5;--bg-dark:#121212;--surface-light:#fff;--surface-dark:#1e1e1e;--text-light:#212121;--text-dark:#e0e0e0;--border-light:#e0e0e0;--border-dark:#333;--sidebar-width:280px;--header-height:60px;--chat-input-height:120px;--server-sidebar-width:72px;--channel-sidebar-width:240px;--members-panel-width:240px;--mobile-bottom-nav-height:64px;--mobile-header-height:56px;--mobile-drawer-width:280px;--mobile-bottom-sheet-max-height:70vh;--touch-target-min:44px;--touch-target-comfortable:48px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--mobile-padding-xs:8px;--mobile-padding-sm:12px;--mobile-padding-md:16px;--mobile-padding-lg:20px;--mobile-font-xs:12px;--mobile-font-sm:14px;--mobile-font-md:16px;--mobile-font-lg:18px;--mobile-font-xl:20px;--transition-fast:150ms;--transition-normal:250ms;--transition-slow:350ms;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-mobile-nav:800;--z-mobile-drawer:850;--z-mobile-overlay:900;--z-toast:1000}.dark{--sidebar-bg:#2f3136;--main-bg:#36393f;--secondary-bg:#32353b;--primary-text:#fff;--secondary-text:#b9bbbe;--message-bg:#32353b;--border-color:#202225;--hover-bg:#42464d}*{box-sizing:border-box}button:focus,img:focus{outline:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;background:var(--bg-light);color:#212121;color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}body.dark-mode{background:#fff;background:var(--main-bg);color:#1a1a1a;color:var(--primary-text)}.App{background:#f5f5f5;background:var(--bg-light);color:#212121;color:var(--text-light);display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden}.App.dark{background:#fff;background:var(--main-bg);color:#1a1a1a;color:var(--primary-text)}.app-header{align-items:center;background:#fff;background:var(--sidebar-bg);border-bottom:1px solid #00000014;display:flex;flex-shrink:0;height:60px;height:var(--header-height);justify-content:space-between;padding:0 20px;width:100%;z-index:100}.dark .app-header{border-bottom-color:#ebebeb;border-bottom-color:var(--border-color)}.app-title{color:#5865f2;color:var(--primary-color);font-size:1.4rem;font-weight:600}.header-actions{gap:12px}.main-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.resize-handle{background-color:#ebebeb;background-color:var(--border-color);transition:background-color .2s;-webkit-user-select:none;user-select:none}.resize-handle:hover{background-color:#5865f2!important;background-color:var(--primary-color)!important}.sidebar{background:#fff;background:var(--sidebar-bg);border-left:1px solid #ebebeb;border-left:1px solid var(--border-color);flex-shrink:0;width:280px;width:var(--sidebar-width)}.compact-servers-sidebar,.sidebar{display:flex;flex-direction:column;overflow:hidden}.compact-servers-sidebar{background:#fff;background:var(--surface-light);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-light);width:200px}.dark .compact-servers-sidebar{background:#fff;background:var(--sidebar-bg);border-right-color:#ebebeb;border-right-color:var(--border-color)}.compact-channels-sidebar{background:#fff;background:var(--surface-light);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden;width:200px}.dark .compact-channels-sidebar{background:#fff;background:var(--sidebar-bg);border-right-color:#ebebeb;border-right-color:var(--border-color)}.compact-sidebar-header{align-items:center;background:#f5f5f5;background:var(--bg-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);color:#666;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.dark .compact-sidebar-header{background:#f5f5f5;background:var(--secondary-bg);border-bottom-color:#ebebeb;border-bottom-color:var(--border-color);color:#5c5c5c;color:var(--secondary-text)}.compact-sidebar-content{flex:1 1;overflow-y:auto;padding:8px}.compact-channel-item,.compact-server-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:8px;margin-bottom:4px;padding:8px 12px;transition:all .2s ease}.compact-channel-item:hover,.compact-server-item:hover{background:#f5f5f5;background:var(--bg-light)}.dark .compact-channel-item:hover,.dark .compact-server-item:hover{background:#f0f0f0;background:var(--hover-bg)}.compact-channel-item.active,.compact-server-item.active{background:#2196f3;color:#fff}.compact-channel-item.active:hover,.compact-server-item.active:hover{background:#1976d2}.server-icon{align-items:center;background:#2196f3;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.channel-icon{color:#666;flex-shrink:0;font-size:1rem}.dark .channel-icon{color:#999}.compact-channel-name,.compact-server-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-actions{opacity:0;transition:opacity .2s ease}.compact-server-item:hover .server-actions{opacity:1}.server-action-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.8rem;padding:4px;transition:background .2s ease}.server-action-btn:hover{background:#0000001a}.dark .server-action-btn{color:#999}.dark .server-action-btn:hover{background:#ffffff1a}.sidebar-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);padding:16px}.dark .sidebar-section{border-bottom-color:#333;border-bottom-color:var(--border-dark)}.sidebar-section h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.dark .sidebar-section h3{color:#999}.characters-list{flex:1 1;overflow-y:auto;padding:8px}.character-card{background:#f5f5f5;background:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease}.dark .character-card{background:#121212;background:var(--bg-dark);border-color:#333;border-color:var(--border-dark)}.character-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.character-card.active{background:#2196f31a;border-color:#5865f2;border-color:var(--primary-color)}.character-info{margin-bottom:8px}.character-name{font-weight:600}.character-level{font-size:.9rem}.character-stats{grid-gap:8px;display:grid;font-size:.85rem;gap:8px;grid-template-columns:repeat(3,1fr)}.stat-box{background:#f5f5f5;background:var(--bg-light);border-radius:4px;padding:4px;text-align:center}.dark .stat-box{background:#2a2a2a}.chat-container{overflow:hidden}.chat-container,.messages-container{background:#fff;background:var(--main-bg);display:flex;flex:1 1;flex-direction:column}.messages-container{gap:12px;overflow-y:auto;padding:20px}.message{align-items:flex-start;animation:messageSlide .3s ease-out;display:flex;gap:12px}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;background:#5865f2;background:var(--primary-color);color:#fff;display:flex;font-weight:600;justify-content:center}.message-header{justify-content:space-between}.message-author{color:#5865f2;color:var(--primary-color)}.message-time{color:#666;font-size:.75rem}.dark .message-time{color:#5c5c5c;color:var(--secondary-text)}.message-text{word-wrap:break-word;color:#212121;color:var(--text-light);line-height:1.5}.dark .message-text{color:#1a1a1a;color:var(--primary-text)}.message.compact-message{animation:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;gap:0!important;margin:0!important}.system-message{background:#0000000d;border-radius:20px;color:#666;font-size:.85rem;margin:8px auto;max-width:400px;padding:8px 16px;text-align:center}.dark .system-message{background:#ffffff0d;color:#999}.dice-roll{align-items:center;background:#2196f3;background:var(--info-color);border-radius:20px;color:#fff;display:inline-flex;font-weight:600;gap:8px;margin:4px 0;padding:4px 12px}.chat-input-container{background:#fff;background:var(--main-bg);border-top:1px solid #ebebeb;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;padding:16px}.chat-input-wrapper{align-items:flex-end;display:flex;gap:12px}.chat-input{background:#f5f5f5;background:var(--secondary-bg);border:2px solid #ebebeb;border:2px solid var(--border-color);border-radius:24px;color:#1a1a1a;color:var(--primary-text);flex:1 1;font-family:inherit;font-size:1rem;line-height:1.4;max-height:120px;min-height:40px;padding:10px 16px;resize:none;transition:border-color .2s ease}.chat-input:focus{border-color:#5865f2;border-color:var(--primary-color);outline:none}.send-button{background:#5865f2;background:var(--primary-color);border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s ease}.send-button:hover{background:#4752c4;background:var(--primary-dark)}.send-button:disabled{cursor:not-allowed;opacity:.5}.quick-actions{flex-wrap:wrap;gap:8px}.quick-action-btn{background:#f5f5f5;background:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:16px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.dark .quick-action-btn{background:#f5f5f5;background:var(--secondary-bg);border-color:#ebebeb;border-color:var(--border-color);color:#1a1a1a;color:var(--primary-text)}.quick-action-btn:hover{background:#5865f2;background:var(--primary-color);border-color:#5865f2;border-color:var(--primary-color);color:#fff}.loading{opacity:.6;pointer-events:none}.btn:focus,.quick-action-btn:focus{outline:2px solid #5865f2;outline:2px solid var(--primary-color);outline-offset:2px}.dark .text-muted{color:#aaa!important}.members-panel{background:#fff;background:var(--surface-light);border-left:1px solid #e0e0e0;border-left:1px solid var(--border-light);overflow-y:auto;padding:16px;width:200px}.dark .members-panel{background:#fff;background:var(--sidebar-bg);border-left-color:#ebebeb;border-left-color:var(--border-color)}.member-item{gap:8px;margin-bottom:4px;padding:8px;transition:background .2s ease}.member-item:hover{background:#f5f5f5;background:var(--bg-light)}.dark .member-item:hover{background:#f0f0f0;background:var(--hover-bg)}.online-indicator{background:#4caf50}.offline-indicator{background:#999;border-radius:50%;height:8px;width:8px}.modal-content{animation:slideUp .3s ease;background:#fff;background:var(--surface-light);box-shadow:0 10px 40px #0003;color:#212121;color:var(--text-light);max-width:90vw;overflow:auto}.dark .modal-content{background:#f5f5f5;background:var(--secondary-bg);color:#1a1a1a;color:var(--primary-text)}@keyframes popoutSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn{border-radius:6px;font-size:.9rem;transition:all .2s ease}.btn-primary{background:#5865f2;background:var(--primary-color)}.btn-primary:hover{background:#4752c4;background:var(--primary-dark)}.btn-secondary{background:#0000;border:1px solid #5865f2;border:1px solid var(--primary-color);color:#5865f2;color:var(--primary-color)}.btn-secondary:hover{background:#5865f2;background:var(--primary-color);color:#fff}.btn-danger{background:var(--danger-color)}.btn-success{background:var(--success-color)}input,select,textarea{background:#f5f5f5;background:var(--secondary-bg);border:1px solid #ebebeb;border:1px solid var(--border-color);border-radius:6px;color:#1a1a1a;color:var(--primary-text);font-family:inherit;font-size:.95rem;padding:8px 12px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:#5865f2;border-color:var(--primary-color);outline:none}@media (max-width:1024px){:root{--sidebar-width:260px}}@media (max-width:767px){.sidebar{display:none!important}}@media (max-width:768px){.app-header{padding:0 12px}.app-title{font-size:1.1rem}.header-actions{gap:8px}.header-actions span{display:none}.messages-container{padding:12px}.message{gap:8px}.message-avatar{font-size:.8rem;height:32px;width:32px}.chat-input-container{padding:12px}.quick-actions{flex-direction:column;gap:6px}.character-stats{grid-template-columns:repeat(2,1fr)}.characters-list{max-height:100px}}@media (max-width:480px){.character-stats{grid-template-columns:1fr}.chat-input-wrapper{flex-direction:column;gap:8px}.send-button{border-radius:12px;width:100%}.sidebar-section{padding:12px}.character-card{padding:8px}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(300px)}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#666}.dark .text-muted{color:#999}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.p-1{padding:8px}.p-2{padding:16px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-light)}.dark ::-webkit-scrollbar-track{background:#121212;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#999;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.channel-list-scrollable{scrollbar-color:#0000 #0000;scrollbar-width:thin;transition:scrollbar-color .3s}.channel-list-scrollable:hover{scrollbar-color:#99999980 #0000}.channel-list-scrollable::-webkit-scrollbar{width:4px}.channel-list-scrollable::-webkit-scrollbar-track{background:#0000}.channel-list-scrollable::-webkit-scrollbar-thumb{background:#0000;border-radius:2px;-webkit-transition:background .3s;transition:background .3s}.channel-list-scrollable:hover::-webkit-scrollbar-thumb{background:#99999980}.channel-list-scrollable:hover::-webkit-scrollbar-thumb:hover{background:#999c}.dark .channel-list-scrollable:hover{scrollbar-color:#fff3 #0000}.dark .channel-list-scrollable:hover::-webkit-scrollbar-thumb{background:#fff3}.dark .channel-list-scrollable:hover::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.collapsible-header{align-items:center;background:#f5f5f5;background:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dark .collapsible-header{background:#121212;background:var(--bg-dark);border-color:#333;border-color:var(--border-dark)}.collapsible-header:hover{background:#2196f31a}.collapsible-content{border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:0 0 6px 6px;border-top:none;margin-top:-1px;padding:12px}.dark .collapsible-content{border-color:#333;border-color:var(--border-dark)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.game-panel-fullscreen{background:var(--bg-primary)!important;border-radius:0!important;bottom:0!important;box-shadow:0 0 30px #0000004d!important;height:calc(100vh - 60px)!important;left:0!important;position:fixed!important;right:0!important;top:60px!important;width:100vw!important;z-index:1000}.sidebar-collapse{overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.sidebar-collapse.collapsed{border:none!important;margin:0!important;min-width:0!important;padding:0!important;width:0!important}.section-minimize{overflow:hidden;transition:all .3s ease}.section-minimize.collapsed{border:none!important;height:0!important;margin:0!important;opacity:0;padding:0!important}.chat-container.minimized>:not(:first-child){display:none}.sidebar.minimized{height:auto!important}.sidebar-section.minimized>:not(:first-child){display:none}.gm-panel{background:#f5f5f5;background:var(--bg-light);bottom:0;color:#212121;color:var(--text-light);display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:60px;top:var(--header-height);z-index:1000}.gm-panel.dark{background:#121212;background:var(--bg-dark);color:#e0e0e0;color:var(--text-dark)}.gm-panel-header{align-items:center;background:linear-gradient(135deg,#4a148c,#6a1b9a);border-bottom:3px solid #7b1fa2;box-shadow:0 4px 20px #4a148c66;color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:20px 24px}.gm-panel-title{align-items:center;display:flex;gap:12px}.gm-icon{font-size:1.5rem}.gm-panel-title h2{font-size:1.4rem;font-weight:600;margin:0}.server-name{background:#fff3;border-radius:20px;font-size:.9rem;padding:6px 12px}.gm-panel-tabs{background:#fff;background:var(--surface-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;padding:0 20px}.dark .gm-panel-tabs{background:#1e1e1e;background:var(--surface-dark);border-bottom-color:#333;border-bottom-color:var(--border-dark)}.gm-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#212121;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 20px;transition:all .2s ease}.dark .gm-tab{color:#e0e0e0;color:var(--text-dark)}.gm-tab.active,.gm-tab:hover{background:#9c27b01a;color:#9c27b0}.gm-tab.active{border-bottom-color:#9c27b0}.tab-icon{font-size:1.1rem}.gm-panel-content{flex:1 1;overflow-y:auto;padding:24px}.gm-overview{margin:0 auto;max-width:1200px}.stat-card{background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.dark .stat-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.stat-icon{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;font-size:2rem;height:60px;width:60px}.stat-info h3{color:#212121;color:var(--text-light);font-size:1.5rem;font-weight:700;margin:0 0 4px}.dark .stat-info h3{color:#e0e0e0;color:var(--text-dark)}.stat-info p{color:#666;font-size:.9rem;margin:0}.dark .stat-info p{color:#999}.recent-activity h3{color:#212121;color:var(--text-light);margin:0 0 16px}.dark .recent-activity h3{color:#e0e0e0;color:var(--text-dark)}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gm-quick-action-btn{align-items:center;background:linear-gradient(135deg,#9c27b0,#673ab7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.gm-quick-action-btn:hover{box-shadow:0 4px 12px #9c27b04d;transform:translateY(-2px)}.campaign-settings-section{margin-top:24px}.campaign-settings-section h3{color:#212121;color:var(--text-light);font-size:1.1rem;font-weight:600;margin:0 0 16px}.dark .campaign-settings-section h3{color:#e0e0e0;color:var(--text-dark)}.campaign-settings-card{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.dark .campaign-settings-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.settings-summary{display:flex;flex-direction:column;gap:12px}.setting-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:8px 0}.dark .setting-item{border-bottom-color:#333;border-bottom-color:var(--border-dark)}.setting-item:last-child{border-bottom:none}.setting-label{color:#212121;color:var(--text-light);font-size:.9rem;font-weight:500}.dark .setting-label{color:#e0e0e0;color:var(--text-dark)}.setting-value{color:#666;font-size:.9rem;font-weight:500}.dark .setting-value{color:#999}.gm-players{margin:0 auto;max-width:800px}.players-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.players-header h3{color:#212121;color:var(--text-light);margin:0}.dark .players-header h3{color:#e0e0e0;color:var(--text-dark)}.add-player-btn{background:#7b1fa2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.add-player-btn:hover{background:#6a1b9a}.players-list{display:flex;flex-direction:column;gap:16px}.player-card{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.dark .player-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.player-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.player-avatar{border-radius:50%;height:48px;overflow:hidden;width:48px}.player-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{align-items:center;background:#9c27b0;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;width:48px}.player-info h4{color:#212121;color:var(--text-light);margin:0 0 4px}.dark .player-info h4{color:#e0e0e0;color:var(--text-dark)}.player-status.online{color:#4caf50;font-size:.8rem;font-weight:500}.player-characters{margin-bottom:16px}.player-characters h5{color:#666;font-size:.9rem;margin:0 0 8px}.dark .player-characters h5{color:#999}.character-info{align-items:center;background:#f5f5f5;background:var(--bg-light);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 12px}.dark .character-info{background:#121212;background:var(--bg-dark)}.character-name{color:#212121;color:var(--text-light);font-weight:500}.dark .character-name{color:var(--text-dark)}.character-level{color:#666;font-size:.8rem}.dark .character-level{color:#999}.player-actions{display:flex;gap:8px}.action-btn{background:#f5f5f5;background:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);color:#212121;color:var(--text-light);font-size:.8rem}.dark .action-btn{background:#121212;background:var(--bg-dark);border-color:#333;border-color:var(--border-dark);color:#e0e0e0;color:var(--text-dark)}.action-btn:hover{background:#9c27b0;border-color:#9c27b0;color:#fff}.action-btn.kick{border-color:#dc3545;color:#dc3545}.action-btn.kick:hover{background:#dc3545;border-color:#dc3545;color:#fff}.no-players{color:#666;padding:40px;text-align:center}.gm-private-chats{margin:0 auto;max-width:800px}.chats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chats-header h3{margin:0}.new-chat-btn{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.new-chat-btn:hover{background:#1976d2}.chats-list{display:flex;flex-direction:column;gap:12px}.chat-card{align-items:center;background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.dark .chat-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.chat-info h4{margin:0 0 4px}.chat-info p{color:#666;font-size:.85rem;margin:0}.dark .chat-info p{color:#aaa}.open-chat-btn{background:#7b1fa2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 16px;transition:background .2s}.open-chat-btn:hover{background:#6a1b9a}.no-chats{color:#666;padding:40px;text-align:center}.dark .no-chats{color:#aaa}.gm-panel .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.gm-panel .modal-content{background:#fff;border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.dark .gm-panel .modal-content{background:#2c2c2c;color:#eee}.invite-section{margin-bottom:24px}.invite-section h4{margin:0 0 8px}.invite-code-display{align-items:center;display:flex;gap:8px;margin:12px 0}.invite-code-display code{background:#f5f5f5;border-radius:4px;flex:1 1;font-size:1.1rem;font-weight:600;padding:12px}.dark .invite-code-display code{background:#1e1e1e}.copy-btn,.generate-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .2s}.copy-btn:hover,.generate-btn:hover{background:#1976d2}.players-to-add{border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;padding:8px}.dark .players-to-add{border-color:#444}.player-to-add{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px}.dark .player-to-add{border-bottom-color:#444}.player-to-add:last-child{border-bottom:none}.add-btn{background:#4caf50;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:4px 12px}.add-btn:hover{background:#45a049}.modal-actions{text-align:right}.close-btn{padding:8px 20px}.close-btn:hover{background:#555}.dark .no-players{color:#999}.role-selection-buttons{display:flex;flex-direction:column;gap:12px;margin:20px 0}.role-btn{align-items:center;background:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .2s}.role-btn:hover{background:#f9f5ff;border-color:#7b1fa2}.dark .role-btn{background:#3a3a3a;color:#eee}.dark .role-btn:hover{background:#4a3a5a}.role-icon{display:flex;font-size:2rem;justify-content:center;width:60px}.role-info h4{color:#7b1fa2;font-size:1.1rem;margin:0 0 4px}.dark .role-info h4{color:#b39ddb}.role-info p{color:#666;font-size:.9rem;margin:0}.dark .role-info p{color:#aaa}.server-players-section{border-top:2px solid #e0e0e0;border-top:2px solid var(--border-light);margin-top:32px;padding-top:32px}.dark .server-players-section{border-top-color:#333;border-top-color:var(--border-dark)}.server-players-section h4{color:#212121;color:var(--text-light);margin:0 0 16px}.dark .server-players-section h4{color:#e0e0e0;color:var(--text-dark)}.active-players-section h4{color:#212121;color:var(--text-light);margin:0 0 16px}.dark .active-players-section h4{color:#e0e0e0;color:var(--text-dark)}.available-players-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.available-player-card{align-items:center;background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.dark .available-player-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.player-info{align-items:center;display:flex;gap:12px}.player-name{font-weight:500}.online-indicator{color:#4caf50;font-size:.85rem}.add-to-campaign-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:background .2s}.add-to-campaign-btn:hover{background:#45a049}.no-available-players{color:#666;padding:20px;text-align:center}.dark .no-available-players{color:#aaa}.gm-combat{align-items:center;display:flex;justify-content:center;min-height:400px}.combat-placeholder{color:#666;text-align:center}.dark .combat-placeholder{color:#999}.placeholder-icon{font-size:4rem;margin-bottom:16px}.combat-placeholder h3{color:#212121;color:var(--text-light);margin:0 0 12px}.dark .combat-placeholder h3{color:#e0e0e0;color:var(--text-dark)}.gm-tools{margin:0 auto;max-width:1000px}.gm-tools h3{color:#212121;color:var(--text-light);margin:0 0 24px}.dark .gm-tools h3{color:#e0e0e0;color:var(--text-dark)}.tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center;transition:transform .2s ease}.dark .tool-card{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.tool-card:hover{transform:translateY(-2px)}.tool-icon{font-size:2.5rem;margin-bottom:12px}.tool-card h4{color:#212121;color:var(--text-light);margin:0 0 8px}.dark .tool-card h4{color:#e0e0e0;color:var(--text-dark)}.tool-card p{color:#666;font-size:.9rem;line-height:1.4;margin:0 0 16px}.dark .tool-card p{color:#999}.tool-btn{background:linear-gradient(135deg,#9c27b0,#673ab7);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 20px;transition:all .2s ease}.tool-btn:hover{box-shadow:0 4px 12px #9c27b04d;transform:translateY(-2px)}.gm-notes{margin:0 auto;max-width:800px}.gm-notes h3{color:#212121;color:var(--text-light);margin:0 0 12px}.dark .gm-notes h3{color:#e0e0e0;color:var(--text-dark)}.notes-help{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:16px}.dark .notes-help{color:#999}.notes-textarea{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;color:#212121;color:var(--text-light);font-family:inherit;font-size:.9rem;line-height:1.5;min-height:400px;padding:16px;resize:vertical;width:100%}.dark .notes-textarea{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark);color:#e0e0e0;color:var(--text-dark)}.notes-textarea:focus{border-color:#9c27b0;outline:none}.notes-info{margin-top:8px;text-align:center}.notes-info small{color:#666;font-size:.8rem}.dark .notes-info small{color:#999}.player-card-compact{background:#fff;background:var(--surface-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;margin-bottom:4px;padding:8px 10px;transition:all .2s}.dark .player-card-compact{background:#1e1e1e;background:var(--surface-dark);border-color:#333;border-color:var(--border-dark)}.player-card-compact:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.player-main{align-items:center;display:flex;gap:12px}.player-avatar-small{flex-shrink:0;height:32px;position:relative;width:32px}.player-avatar-small img{border-radius:50%;height:100%;object-fit:cover;width:100%}.player-avatar-small .avatar-initials{align-items:center;background:#7b1fa2;border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:600;height:100%;justify-content:center;width:100%}.status-indicator{background:#757575;border:2px solid #fff;border:2px solid var(--surface-light);border-radius:50%;bottom:-2px;height:10px;position:absolute;right:-2px;width:10px}.dark .status-indicator{border-color:#1e1e1e;border-color:var(--surface-dark)}.status-indicator.online{background:#4caf50}.status-indicator.offline{background:#757575}.player-details{flex:1 1;min-width:0}.player-name-line{align-items:center;display:flex;gap:8px;margin-bottom:4px}.player-name{color:#212121;color:var(--text-light);font-size:.9rem;font-weight:600}.dark .player-name{color:#e0e0e0;color:var(--text-dark)}.player-role-badge{background:#7b1fa2;border-radius:10px;color:#fff;font-size:.7rem;font-weight:500;padding:1px 6px}.player-chars{color:#666;font-size:.8rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .player-chars{color:#999}.char-summary{display:block}.no-chars{font-style:italic;opacity:.7}.player-actions-compact{align-items:center;display:flex;flex-shrink:0;gap:8px}.action-btn-text{background:#9c27b0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 16px;transition:background .2s;white-space:nowrap}.dark .action-btn-text{background:#ab47bc;color:#fff}.action-btn-text:hover{background:#8e24aa}.dark .action-btn-text:hover{background:#9c27b0}.action-btn-text.inspiration{background:#ffa726;color:#fff}.dark .action-btn-text.inspiration{background:#ff9800;color:#fff}.action-btn-text.inspiration:hover{background:#fb8c00}.dark .action-btn-text.inspiration:hover{background:#f57c00}.action-btn-text.remove{background:#dc3545;color:#fff}.dark .action-btn-text.remove{background:#e74c3c;color:#fff}.action-btn-text.remove:hover{background:#c82333}.dark .action-btn-text.remove:hover{background:#c0392b}.party-overview{height:100%;overflow-y:auto;padding:20px}.party-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.party-header h3{color:#333;margin:0}.dark .party-header h3{color:#e0e0e0}.party-count{color:#666;font-size:.9rem}.dark .party-count{color:#999}.party-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.party-member-card{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:16px;transition:all .2s}.dark .party-member-card{background:#2a2a2a;border-color:#444}.party-member-card.offline{opacity:.6}.member-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:12px}.member-name{flex-direction:column;gap:4px}.character-name{color:#333;font-size:1.1rem;font-weight:700}.dark .character-name{color:#e0e0e0}.player-status{color:#666;font-size:.85rem}.dark .player-status{color:#999}.view-sheet-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:6px 12px;transition:background .2s}.view-sheet-btn:hover{background:#45a049}.member-stats{display:flex;flex-direction:column;gap:8px}.stat-row{align-items:center;display:flex;gap:8px}.stat-row.hp-row{margin-bottom:4px}.stat-label{color:#666;font-size:.85rem;min-width:50px}.dark .stat-label{color:#999}.stat-value{color:#333;font-weight:500}.dark .stat-value{color:#e0e0e0}.hp-display{align-items:center;display:flex;flex:1 1}.spell-slots-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.spell-slot-level{align-items:center;background:#e0e0e0;border-radius:4px;display:flex;font-size:.8rem;gap:4px;padding:2px 8px}.dark .spell-slot-level{background:#444}.slot-label{color:#666;font-weight:500}.dark .slot-label{color:#999}.slot-count{color:#333;font-weight:700}.dark .slot-count{color:#e0e0e0}.slot-count.exhausted{color:#dc3545}.conditions-row{margin-top:8px}.conditions-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.condition-badge{background:#ff9800;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.character-modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;position:relative;width:90%}.dark .character-modal-content{background:#2a2a2a;color:#e0e0e0}.modal-header{margin-bottom:24px}.modal-header h2{color:#333}.dark .modal-header h2{color:#e0e0e0}.close-modal-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:4px 8px}.dark .close-modal-btn{color:#999}.close-modal-btn:hover{color:#333}.dark .close-modal-btn:hover{color:#e0e0e0}.character-sheet-view{display:flex;flex-direction:column;gap:24px}.sheet-section{background:#f5f5f5;border-radius:8px;padding:16px}.dark .sheet-section{background:#1a1a1a}.sheet-section h3{color:#333;font-size:1.1rem;margin:0 0 12px}.dark .sheet-section h3{color:#e0e0e0}.info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.ability-score{background:#fff;border:1px solid #ddd}.dark .ability-score{background:#2a2a2a;border-color:#444}.ability-name{color:#666;font-size:.75rem;font-weight:700}.dark .ability-name{color:#999}.score{color:#333;font-size:1.2rem;font-weight:700}.dark .score{color:#e0e0e0}.modifier{color:#666;font-size:.9rem}.dark .modifier{color:#999}.skills-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.skill-item{background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:4px 8px}.dark .skill-item{background:#2a2a2a}.skill-name{color:#333}.dark .skill-name{color:#e0e0e0}.skill-bonus{color:#4caf50;font-weight:700}.combat-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.equipment-list{display:flex;flex-direction:column;gap:8px}.equipment-item{align-items:center;background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.dark .equipment-item{background:#2a2a2a}.item-name{color:#333}.dark .item-name{color:#e0e0e0}.equipped-badge{background:#4caf50;border-radius:4px;color:#fff;font-size:.75rem;padding:2px 8px}.grouped-rolls{background:#2196f3;border-radius:18px;box-shadow:0 2px 8px #2196f34d;color:#fff;margin:4px 0;max-width:80%;padding:12px 16px}.dark .grouped-rolls{background:#1976d2;box-shadow:0 2px 8px #1976d266}.grouped-rolls-content{display:flex;flex-direction:column;gap:4px}.grouped-roll-item{background:#0000;color:#fff;font-size:.9rem;line-height:1.4;padding:2px 0}.dark .grouped-roll-item{color:#e3f2fd}.server-item{border-radius:50%;cursor:pointer;margin:2px 8px;padding:4px;position:relative;transition:all .2s ease}.server-item:hover{background:#ffffff1a}.server-item.active:before{background:#fff;border-radius:0 4px 4px 0;content:"";height:40px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.server-item img,.server-item>div>div{transition:all .2s ease}.server-item:hover img,.server-item:hover>div>div{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}@media (max-width:767px){.action-btn,.btn,.close-btn,.quick-action-btn,.send-button,.tool-btn,button[type=button],button[type=submit]{min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);padding:12px 16px}.App{padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-inset-bottom);padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-inset-top)}.modal-content{border-radius:0;bottom:0;height:100%;left:0;margin:0;max-height:100vh;max-width:100vw;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(16px + var(--safe-area-inset-bottom));padding-top:calc(16px + var(--safe-area-inset-top));position:fixed;right:0;top:0;width:100%}input,select,textarea{font-size:16px!important;padding:12px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.chat-input-container{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(16px + var(--mobile-bottom-nav-height, 64px) + var(--safe-area-inset-bottom))}.form-group-row,.form-row{flex-direction:column;gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:1fr}.quick-actions-grid{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.quick-actions-grid::-webkit-scrollbar{display:none}.gm-panel-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.gm-panel-tabs::-webkit-scrollbar{display:none}.gm-tab{flex-shrink:0;white-space:nowrap}.party-grid{grid-template-columns:1fr}.abilities-grid{grid-template-columns:repeat(3,1fr)}.combat-stats,.info-grid,.skills-list{grid-template-columns:1fr}.sidebar-section,.stat-card{padding:12px}.stat-card{gap:12px}.stat-icon{font-size:1.5rem;height:48px;width:48px}.stat-info h3{font-size:1.2rem}.tool-card{padding:16px}.tool-icon{font-size:2rem}.player-card,.player-card-compact{padding:12px}.player-actions{flex-wrap:wrap}.character-modal-content{border-radius:0;height:100%;max-height:100%;max-width:100%;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(16px + var(--safe-area-inset-bottom));padding-top:calc(16px + var(--safe-area-inset-top));width:100%}}@media (max-width:359px){.abilities-grid{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center}.message-avatar{height:28px;width:28px}.app-title{font-size:1rem}}@media (max-width:767px) and (orientation:landscape){.gm-panel-header{padding:12px 16px}.gm-panel-content{padding:16px}.modal-content{padding:12px}}@media (hover:none) and (pointer:coarse){.character-card:hover,.player-card-compact:hover,.stat-card:hover,.tool-card:hover{box-shadow:inherit;transform:none}.character-card:active,.player-card-compact:active,.stat-card:active,.tool-card:active{opacity:.8;transform:scale(.98)}.compact-channel-item,.compact-server-item{padding:12px 14px}}.message,.message-content,.message-text,.messages-container{cursor:text;-webkit-user-select:text;user-select:text}.message ::selection,.message-content::selection,.message-text::selection,.message::selection{background:#5865f24d;color:inherit}.btn,.channel-sidebar,.context-menu,.member-sidebar,.message-actions,.message-avatar,.message-header .message-author,.message-header .message-time,.modal,.navigation,.server-sidebar,.sidebar,button,input,select,textarea{-webkit-user-select:none;user-select:none}input[type=email],input[type=password],input[type=search],input[type=text],textarea{-webkit-user-select:text;user-select:text}:root{--bg-secondary:#2f3136;--bg-tertiary:#202225;--bg-accent:#4752c4;--bg-modifier-accent:#4f545c;--bg-modifier-hover:#36393f;--text-normal:#dcddde;--text-muted:#72767d;--text-positive:#3ba55c}.light,[data-theme=light]{--bg-secondary:#fff;--bg-tertiary:#f2f3f5;--bg-accent:#4752c4;--bg-modifier-accent:#e3e5e8;--bg-modifier-hover:#ebedef;--text-normal:#2e3338;--text-muted:#4f5660;--text-positive:#3ba55c}.voice-channel-item{transition:all .3s ease}.voice-channel-joining{animation:pulseJoin 1s ease-in-out;background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 0 15px #28a7454d;color:#fff!important}.voice-channel-leaving{animation:pulseLeave .5s ease-in-out;background:linear-gradient(45deg,#dc3545,#e74c3c);box-shadow:0 0 15px #dc35454d;color:#fff!important}.voice-channel-connected{background:#0000!important;border:2px solid #2196f3!important;color:#2196f3!important}.dark-mode .voice-channel-connected{color:#64b5f6!important}@keyframes pulseJoin{0%{box-shadow:0 0 5px #28a7454d;transform:scale(1)}50%{box-shadow:0 0 20px #28a74599;transform:scale(1.05)}to{box-shadow:0 0 10px #28a74533;transform:scale(1)}}@keyframes pulseLeave{0%{box-shadow:0 0 5px #dc35454d;transform:scale(1)}50%{box-shadow:0 0 15px #dc354599;transform:scale(.95)}to{box-shadow:0 0 0 #dc354500;transform:scale(1)}}.voice-channel-speaking{position:relative}.voice-channel-speaking:after{animation:speakingPulse .8s infinite alternate;background:#28a745;border-radius:50%;content:"";height:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:8px}@keyframes speakingPulse{0%{opacity:.5;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1.2)}}.voice-channel-participant-count{transition:all .3s ease}.voice-channel-participant-count.updated{animation:countUpdate .6s ease}@keyframes countUpdate{0%{transform:scale(1)}50%{background:#ffc107;transform:scale(1.2)}to{transform:scale(1)}}.voice-channel-capacity-warning{animation:capacityWarning 2s infinite;background:#ffc107!important;color:#212529!important}.voice-channel-capacity-full{background:#dc3545!important;color:#fff!important;cursor:not-allowed!important;opacity:.8}@keyframes capacityWarning{0%,to{opacity:1}50%{opacity:.7}}.voice-channel-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.voice-channel-capacity-full:hover{box-shadow:none;transform:none}.voice-channel-connecting{overflow:hidden;position:relative}.voice-channel-connecting:before{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.voice-channel-notification{position:relative}.voice-channel-notification:after{animation:notificationPulse 1s infinite;background:#dc3545;border:2px solid #fff;border-radius:50%;content:"";height:8px;position:absolute;right:4px;top:4px;width:8px}@keyframes notificationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.dark-mode .voice-channel-item:hover{box-shadow:0 4px 8px #ffffff1a}.dark-mode .voice-channel-connecting:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.report-modal-overlay{background-color:#000000b3}.report-modal{background:#2f3136;background:var(--modal-bg,#2f3136);box-shadow:0 8px 32px #0000004d;color:#dcddde;color:var(--text-color,#dcddde);max-width:500px;overflow-y:auto;width:90%}.report-modal-header{border-bottom:1px solid #40444b;border-bottom:1px solid var(--border-color,#40444b);padding:20px 24px}.report-modal-header h2{color:var(--text-color,#fff);font-size:18px;font-weight:600}.report-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#b9bbbe;color:var(--text-muted,#b9bbbe);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:background-color .2s,color .2s;width:32px}.report-modal-close:hover:not(:disabled){background-color:#40444b;background-color:var(--hover-bg,#40444b);color:#fff;color:var(--text-color,#fff)}.report-modal-close:disabled{cursor:not-allowed;opacity:.5}.report-modal-body{padding:20px 24px}.report-field{margin-bottom:20px}.report-field label{color:#dcddde;color:var(--text-color,#dcddde);display:block;font-weight:500;margin-bottom:8px}.report-field select,.report-field textarea{background:#40444b;background:var(--input-bg,#40444b);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:4px;box-sizing:border-box;color:#dcddde;color:var(--text-color,#dcddde);font-size:14px;padding:12px;transition:border-color .2s;width:100%}.report-field select:focus,.report-field textarea:focus{border-color:#5865f2;border-color:var(--accent-color,#5865f2);outline:none}.report-field select:disabled,.report-field textarea:disabled{cursor:not-allowed;opacity:.6}.reason-description{background:#36393f;background:var(--info-bg,#36393f);border-left:3px solid #5865f2;border-left:3px solid var(--accent-color,#5865f2)}.character-count{color:#b9bbbe;color:var(--text-muted,#b9bbbe);font-size:12px;margin-top:4px;text-align:right}.report-error{background:#ed4245;background:var(--error-bg,#ed4245);border-left:4px solid #a12d2f;border-radius:4px;color:#fff;font-size:14px;margin-bottom:16px;padding:12px}.report-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.report-cancel-btn,.report-submit-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:background-color .2s,transform .1s}.report-cancel-btn{background:#4f545c;background:var(--secondary-bg,#4f545c);color:#dcddde;color:var(--text-color,#dcddde)}.report-cancel-btn:hover:not(:disabled){background:#5d6269;background:var(--secondary-hover,#5d6269)}.report-submit-btn{background:#ed4245;background:var(--danger-color,#ed4245);color:#fff}.report-submit-btn:hover:not(:disabled){background:#c23b3e;transform:translateY(-1px)}.report-cancel-btn:disabled,.report-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.report-info{background:#36393f;background:var(--info-bg,#36393f);border-left:3px solid #5865f2;border-left:3px solid var(--accent-color,#5865f2);border-radius:6px;margin-top:24px;padding:16px}.report-info p{color:#dcddde;color:var(--text-color,#dcddde);font-weight:600;margin:0 0 8px}.report-info ul{margin:0;padding-left:18px}.report-info li{color:#b9bbbe;color:var(--text-muted,#b9bbbe);font-size:13px;margin-bottom:4px}@media (prefers-color-scheme:dark){.report-modal{--modal-bg:#2f3136;--text-color:#dcddde;--text-muted:#b9bbbe;--border-color:#40444b;--input-bg:#40444b;--hover-bg:#40444b;--accent-color:#5865f2;--info-bg:#36393f;--error-bg:#ed4245;--danger-color:#ed4245;--secondary-bg:#4f545c;--secondary-hover:#5d6269}}@media (prefers-color-scheme:light){.report-modal{--modal-bg:#fff;--text-color:#2e3338;--text-muted:#6a7480;--border-color:#e3e5e8;--input-bg:#f2f3f5;--hover-bg:#f2f3f5;--accent-color:#5865f2;--info-bg:#f8f9fa;--error-bg:#ed4245;--danger-color:#ed4245;--secondary-bg:#e3e5e8;--secondary-hover:#d1d5db}}@media (max-width:768px){.report-modal{margin:20px;max-height:calc(100vh - 40px);width:95%}.report-modal-body,.report-modal-header{padding:16px 20px}.report-modal-footer{flex-direction:column-reverse;gap:8px}.report-cancel-btn,.report-submit-btn{width:100%}}.report-cancel-btn:focus,.report-modal-close:focus,.report-submit-btn:focus{outline:2px solid #5865f2;outline:2px solid var(--accent-color,#5865f2);outline-offset:2px}.report-modal-overlay{animation:modalFadeIn .2s ease-out}.report-modal{animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.voice-permissions-embedded{flex-direction:column;max-height:600px;min-height:400px}.voice-permissions-embedded,.voice-permissions-layout{background:#0000;display:flex;height:100%;overflow:hidden}.voice-permissions-layout{border:none;border-radius:0;box-shadow:none;flex:1 1;gap:16px}.voice-permissions-sidebar{background:#0000;border:none;display:flex;flex-direction:column;min-width:280px;overflow-y:visible;width:280px}.sidebar-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:16px;padding:0 0 12px}.sidebar-header h4{color:#333;color:var(--text-primary,#333);font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1.2;margin:0 0 4px;text-transform:uppercase}.sidebar-header p{color:#666;color:var(--text-secondary,#666);font-size:12px;margin:0}.add-entity-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:16px;padding:0 0 16px}.add-entity-header{color:#666;color:var(--text-secondary,#666);font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.add-entity-search{position:relative}.search-input{background:#fff;background:var(--background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:3px;box-sizing:border-box;color:#333;color:var(--text-primary,#333);font-size:11px;outline:none;padding:4px 6px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#2196f3;border-color:var(--accent-color,#2196f3)}.add-dropdown{background:#fff;background:var(--background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:3px;box-shadow:0 2px 8px #00000026;left:0;margin-top:2px;max-height:160px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{font-size:11px;padding:4px 6px;transition:background-color .15s}.dropdown-item.has-existing{background:#f8f8f8;background:var(--background-tertiary,#f8f8f8)}.dropdown-item:hover{background:#f6f6f6;background:var(--background-secondary,#f6f6f6)}.dropdown-empty{color:#666;color:var(--text-secondary,#666);font-size:13px;padding:12px;text-align:center}.entity-icon{flex-shrink:0;font-size:12px;margin-right:4px}.entity-name{flex:1 1;font-size:11px;font-weight:500}.existing-indicator{font-size:11px;font-weight:400}.entity-type,.existing-indicator{color:#666;color:var(--text-secondary,#666)}.entity-type{flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.entity-list{flex:1 1;overflow-y:visible}.entity-list-header{background:#0000;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666);font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;padding:0 0 6px;text-transform:uppercase}.entity-item{align-items:center;border-radius:3px;cursor:pointer;display:flex;margin-bottom:1px;padding:4px 0;transition:all .15s}.entity-item:hover{background:#f5f5f5;background:var(--background-tertiary,#f5f5f5)}.entity-item.selected{background:#e3f2fd;background:var(--accent-color-light,#e3f2fd);border-left:2px solid #2196f3;border-left:2px solid var(--accent-color,#2196f3);padding-left:4px}.entity-item .entity-name{color:#333;color:var(--text-primary,#333);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-entity-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;line-height:1;margin-left:auto;opacity:.6;transition:all .15s;width:16px}.entity-item:hover .remove-entity-btn{opacity:1}.remove-entity-btn:hover{background:#dc3545;background:var(--danger-color,#dc3545);color:#fff}.voice-permissions-main{background:#0000;display:flex;flex:1 1;flex-direction:column;overflow:visible;position:relative}.permission-detail-header{background:#0000;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:16px;padding:0 0 12px}.selected-entity-info{align-items:center;display:flex}.selected-entity-info .entity-icon{font-size:16px;margin-right:8px}.entity-details h3{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:600;margin:0 0 2px}.entity-details h3,.entity-details p{letter-spacing:.5px;text-transform:uppercase}.entity-details p{color:#666;color:var(--text-secondary,#666);font-size:11px;margin:0}.permission-grid{flex:1 1;max-height:calc(100vh - 300px);overflow-y:auto;padding:0}.permission-row{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-color-light,#f0f0f0);display:flex;justify-content:space-between;padding:8px 0}.permission-row:last-child{border-bottom:none}.permission-info h4{color:#333;color:var(--text-primary,#333);font-size:13px;font-weight:500;margin:0 0 2px}.permission-info p{color:#666;color:var(--text-secondary,#666);font-size:11px;line-height:1.3;margin:0}.permission-toggle{cursor:pointer;display:inline-block;height:20px;position:relative;width:36px}.permission-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;background-color:var(--switch-off,#ccc);border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:14px;left:3px;position:absolute;transition:.3s;width:14px}.permission-toggle input:checked+.toggle-slider{background-color:#2196f3;background-color:var(--accent-color,#2196f3)}.permission-toggle input:checked+.toggle-slider:before{transform:translateX(16px)}.no-selection{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.no-selection-content{max-width:300px;text-align:center}.no-selection-content h3{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.no-selection-content p{color:#666;color:var(--text-secondary,#666);font-size:12px;line-height:1.4;margin:0}.voice-permissions-footer{background:inherit;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);bottom:0;margin-top:16px;padding:16px 20px;position:-webkit-sticky;position:sticky;z-index:10}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:3px;color:#155724;font-size:12px;margin-bottom:12px;padding:8px 12px}.footer-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.save-btn{border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .15s}.cancel-btn{background:#f6f6f6;background:var(--background-secondary,#f6f6f6);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666)}.cancel-btn:hover{background:#f0f0f0;background:var(--background-tertiary,#f0f0f0);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.save-btn{background:#2196f3;background:var(--accent-color,#2196f3);color:#fff}.save-btn:hover:not(:disabled){background:#1976d2;background:var(--accent-color-dark,#1976d2);box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.loading-state,.no-permission-message{color:#666;color:var(--text-secondary,#666);font-size:12px;padding:20px;text-align:center}.dark-mode{--background-primary:#36393f;--background-secondary:#2f3136;--background-tertiary:#40444b;--text-primary:#dcddde;--text-secondary:#b9bbbe;--border-color:#40444b;--border-color-light:#40444b;--accent-color:#5865f2;--accent-color-light:#404eed20;--accent-color-dark:#4752c4;--switch-off:#72767d;--danger-color:#ed4245}.dark-mode .search-input{color:var(--text-primary)}.dark-mode .add-dropdown,.dark-mode .search-input{background:var(--background-primary);border-color:var(--border-color)}.dark-mode .success-message{background:#155724;border-color:#28a745;color:#d4edda}@media (max-width:768px){.voice-permissions-layout{flex-direction:column;gap:12px;height:auto}.voice-permissions-sidebar{max-height:250px;min-width:100%;overflow-y:auto;width:100%}.voice-permissions-main{min-height:300px}}@media (max-width:1024px){.voice-permissions-sidebar{min-width:220px;width:220px}}.notification-toast{align-items:center;border-radius:6px;box-shadow:0 4px 12px #0000004d;display:flex;gap:10px;max-width:400px;opacity:0;padding:15px 20px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease;z-index:10000}.notification-toast.show{opacity:1;transform:translateX(0)}.notification-toast.success{background:#4caf50;color:#fff}.notification-toast.error{background:#f44336;color:#fff}.notification-toast.warning{background:#ff9800;color:#fff}.notification-toast.info{background:#2196f3;color:#fff}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{flex:1 1;font-size:14px}.toast-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;opacity:.8;padding:0;transition:opacity .2s;width:20px}.toast-close:hover{opacity:1}.report-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.report-modal{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:80vh;max-width:90%;overflow:auto;width:500px}.report-modal-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:20px}.report-modal-header h2{color:#fff;font-size:1.3em;margin:0}.close-button{height:30px;width:30px}.close-button:hover{background-color:#ffffff1a}.report-form{padding:20px}.form-group label{color:#ccc;font-size:.9em}.form-group select,.form-group textarea{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:10px;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.reason-description{background-color:#4a90e21a;border-left:3px solid #4a90e2;border-radius:0 4px 4px 0;color:#aaa;font-size:.85em;margin-top:8px;padding:8px}.reported-content{margin-bottom:20px}.reported-content label{color:#ccc;display:block;font-size:.9em;font-weight:500;margin-bottom:8px}.message-preview{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#999;font-size:.9em;max-height:100px;overflow-y:auto;padding:12px}.message-preview strong{color:#4a90e2;margin-right:8px}.error-message{background-color:#ff00001a;border:1px solid #ff00004d;color:#ff6b6b;font-size:.9em;padding:10px}.modal-actions{border-top:1px solid #444;padding-top:10px}.cancel-button,.submit-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-button{background-color:#444;color:#ccc}.cancel-button:hover:not(:disabled){background-color:#555;color:#fff}.submit-button{background-color:#e74c3c;color:#fff}.submit-button:hover:not(:disabled){background-color:#c0392b}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5}.ptt-indicator{align-items:center;animation:pttSlideIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545e6;border:2px solid #dc3545;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #dc35454d;color:#fff;display:flex;font-size:.9em;font-weight:500;gap:8px;padding:12px 16px;position:fixed;right:20px;z-index:10000}.ptt-indicator.speaking{animation:pttPulse 1s infinite alternate;background:#28a745e6;border-color:#28a745;box-shadow:0 4px 12px #28a7454d}.ptt-indicator-icon{animation:pttIconPulse .8s infinite alternate;font-size:1.2em}.ptt-indicator.speaking .ptt-indicator-icon{animation:pttSpeakingPulse .5s infinite alternate}.ptt-indicator-text{font-family:Segoe UI,system-ui,sans-serif}.ptt-indicator-key{background:#fff3;border-radius:4px;font-family:monospace;font-size:.8em;margin-left:4px;padding:2px 6px}@keyframes pttSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pttPulse{0%{box-shadow:0 4px 12px #28a7454d}to{box-shadow:0 4px 20px #28a74599}}@keyframes pttIconPulse{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pttSpeakingPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.voice-status-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid #ffffff1a;border-radius:6px;bottom:80px;color:#fff;font-size:.8em;padding:8px 12px;position:fixed;right:20px;z-index:9999}.voice-status-overlay.muted{background:#dc3545cc;border-color:#dc35454d}.voice-status-overlay.deafened{background:#6c757dcc;border-color:#6c757d4d}.dark-mode .ptt-indicator{background:#dc3545f2;box-shadow:0 4px 12px #dc354566}.dark-mode .ptt-indicator.speaking{background:#28a745f2;box-shadow:0 4px 12px #28a74566}.dark-mode .voice-status-overlay{background:#000000e6;border-color:#fff3}@media (max-width:768px){.ptt-indicator{bottom:10px;font-size:.8em;padding:10px 14px;right:10px}.voice-status-overlay{bottom:70px;font-size:.7em;right:10px}}.modal-backdrop{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.channel-creation-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:50%;max-height:90vh;max-width:90vw;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1001}.channel-creation-modal.dark{background:#2b2d31;color:#e3e5e8}.modal-header{border-bottom:1px solid #e3e5e8}.dark .modal-header{border-bottom-color:#1e1f22}.modal-header h2{font-weight:600}.close-button{color:#4e5058;transition:background .2s}.close-button:hover{background:#0000000d}.dark .close-button{color:#b5bac1}.dark .close-button:hover{background:#ffffff0d}.form-section{border-bottom:1px solid #e3e5e8;padding:20px}.dark .form-section{border-bottom-color:#1e1f22}.form-section:last-of-type{border-bottom:none}.form-section label{color:#4e5058;display:block;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.dark .form-section label{color:#b5bac1}.channel-type-selector{display:flex;flex-direction:column;gap:12px}.type-button{align-items:center;background:#f2f3f5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .2s}.dark .type-button{background:#1e1f22}.type-button:hover{background:#e3e5e8}.dark .type-button:hover{background:#2b2d31}.type-button.selected{background:#fff;border-color:#5865f2}.dark .type-button.selected{background:#2b2d31;border-color:#5865f2}.type-button .icon{align-items:center;background:#5865f21a;border-radius:50%;color:#5865f2;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.type-name{color:#060607;font-size:16px;font-weight:600;margin-bottom:4px}.dark .type-name{color:#f2f3f5}.type-desc{color:#4e5058;font-size:14px}.dark .type-desc{color:#b5bac1}.input-wrapper{align-items:center;display:flex;position:relative}.input-prefix{color:#4e5058;font-size:16px;left:12px;position:absolute}.dark .input-prefix{color:#b5bac1}.input-wrapper input{background:#e3e5e8;border:none;border-radius:4px;color:#060607;font-size:16px;padding:10px 10px 10px 36px;transition:background .2s;width:100%}.dark .input-wrapper input{background:#1e1f22;color:#f2f3f5}.input-wrapper input:focus{background:#d4d7dc;outline:none}.dark .input-wrapper input:focus{background:#000}.private-toggle{align-items:flex-start;display:flex;gap:12px}.private-toggle input[type=checkbox]{cursor:pointer;height:20px;margin-top:2px;width:20px}.private-toggle label{cursor:pointer;flex:1 1;margin-bottom:0}.toggle-label{align-items:center;color:#060607;display:flex;font-size:16px;font-weight:600;gap:8px;text-transform:none}.dark .toggle-label{color:#f2f3f5}.toggle-desc{color:#4e5058;font-size:14px;font-weight:400;margin-top:4px}.dark .toggle-desc{color:#b5bac1}.member-search input{background:#e3e5e8;border:none;border-radius:4px;font-size:14px;margin-bottom:12px;padding:8px 12px;width:100%}.dark .member-search input{background:#1e1f22;color:#f2f3f5}.member-list{background:#fff;border:1px solid #e3e5e8;border-radius:4px;max-height:200px;overflow-y:auto}.dark .member-list{background:#2b2d31;border-color:#1e1f22}.member-item{transition:background .2s}.member-item:hover{background:#f2f3f5}.dark .member-item:hover{background:#1e1f22}.member-item.selected{background:#5865f21a}.member-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.member-name{flex:1 1;font-size:14px}.member-role{background:#5865f21a;border-radius:3px;font-size:12px;font-weight:600;padding:2px 6px}.no-members{color:#4e5058;padding:20px;text-align:center}.dark .no-members{color:#b5bac1}.selected-count{color:#4e5058;font-size:12px;margin-top:8px}.dark .selected-count{color:#b5bac1}.modal-footer{background:#f2f3f5;border-radius:0 0 8px 8px}.dark .modal-footer{background:#1e1f22}.cancel-button{background:#0000;border:none;border-radius:4px;color:#4e5058;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.cancel-button:hover{background:#0000000d}.dark .cancel-button{color:#b5bac1}.dark .cancel-button:hover{background:#ffffff0d}.create-button{background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:background .2s}.create-button:hover:not(:disabled){background:#4752c4}.create-button:disabled{cursor:not-allowed;opacity:.5}div[style*="group: 'category-header'"]{position:relative}div[style*="group: 'category-header'"]:hover .category-add-button{opacity:1!important}.category-add-button{opacity:0;transition:opacity .2s,color .2s}div[style*="group: 'category-header'"]:hover button[title*="Add channel"]{opacity:1!important}.mobile-bottom-nav{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:none;height:50px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:900}@media (max-width:767px){.mobile-bottom-nav{display:flex}}.mobile-bottom-nav.dark{background:#1e1e1e;border-top-color:#333}.mobile-nav-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;padding:4px;position:relative;transition:color .15s ease}.mobile-bottom-nav.dark .mobile-nav-tab{color:#9ca3af}.mobile-nav-tab.active{color:#2563eb}.mobile-bottom-nav.dark .mobile-nav-tab.active{color:#60a5fa}.mobile-nav-tab:active{transform:scale(.95)}.mobile-nav-icon{align-items:center;display:flex;justify-content:center}.mobile-nav-icon,.mobile-nav-icon svg{height:22px;width:22px}.mobile-nav-label{font-size:10px;font-weight:500;line-height:1}.mobile-nav-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:calc(50% - 20px);top:4px}.mobile-drawer-overlay{-webkit-tap-highlight-color:transparent;background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .25s,visibility .25s;transition:opacity var(--transition-normal,.25s),visibility var(--transition-normal,.25s);visibility:hidden;z-index:850;z-index:var(--z-mobile-drawer,850)}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer{background:#fff;background:var(--surface-light,#fff);bottom:0;box-shadow:4px 0 20px #0003;display:flex;flex-direction:column;max-width:85vw;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.32,.72,0,1);transition:transform var(--transition-normal,.25s) cubic-bezier(.32,.72,0,1);width:280px;width:var(--mobile-drawer-width,280px);will-change:transform;z-index:851;z-index:calc(var(--z-mobile-drawer, 850) + 1)}.dark .mobile-drawer{background:#1e1e1e;background:var(--surface-dark,#1e1e1e)}.mobile-drawer.left{border-right:1px solid #e0e0e0;border-right:1px solid var(--border-light,#e0e0e0);left:0;transform:translateX(-100%)}.dark .mobile-drawer.left{border-right-color:#333;border-right-color:var(--border-dark,#333)}.mobile-drawer.right{border-left:1px solid #e0e0e0;border-left:1px solid var(--border-light,#e0e0e0);box-shadow:-4px 0 20px #0003;left:auto;right:0;transform:translateX(100%)}.dark .mobile-drawer.right{border-left-color:#333;border-left-color:var(--border-dark,#333)}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light,#e0e0e0);display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;min-height:var(--mobile-header-height,56px);padding:16px;padding:var(--mobile-padding-md,16px);padding-top:16px;padding-top:calc(var(--mobile-padding-md, 16px) + var(--safe-area-inset-top, 0px))}.dark .mobile-drawer-header{border-bottom-color:#333;border-bottom-color:var(--border-dark,#333)}.mobile-drawer-title{color:#212121;color:var(--text-light,#212121);flex:1 1;font-size:18px;font-size:var(--mobile-font-lg,18px);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-drawer-title{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-drawer-close{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;color:#212121;color:var(--text-light,#212121);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;height:var(--touch-target-min,44px);justify-content:center;margin-left:12px;margin-left:var(--mobile-padding-sm,12px);transition:background .15s;transition:background var(--transition-fast,.15s);width:44px;width:var(--touch-target-min,44px)}.dark .mobile-drawer-close{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-drawer-close:active{background:#0000001a}.dark .mobile-drawer-close:active{background:#ffffff1a}.mobile-drawer-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain}.mobile-drawer-content::-webkit-scrollbar{width:4px}.mobile-drawer-content::-webkit-scrollbar-track{background:#0000}.mobile-drawer-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.dark .mobile-drawer-content::-webkit-scrollbar-thumb{background:#fff3}.mobile-drawer-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light,#e0e0e0);flex-shrink:0;padding:16px;padding:var(--mobile-padding-md,16px);padding-bottom:16px;padding-bottom:calc(var(--mobile-padding-md, 16px) + var(--safe-area-inset-bottom, 0px))}.dark .mobile-drawer-footer{border-top-color:#333;border-top-color:var(--border-dark,#333)}.mobile-drawer.left:before{right:0}.mobile-drawer.left:before,.mobile-drawer.right:before{background:#e0e0e0;background:var(--border-light,#e0e0e0);border-radius:2px;content:"";height:40px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:4px}.mobile-drawer.right:before{left:0}.dark .mobile-drawer:before{background:#333;background:var(--border-dark,#333)}.mobile-drawer.open:before{opacity:0}.mobile-drawer:before{transition:opacity .15s;transition:opacity var(--transition-fast,.15s)}body.mobile-drawer-open{height:100%;overflow:hidden;position:fixed;touch-action:none;width:100%}.mobile-nav-drawer-overlay{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:998}.mobile-nav-drawer-overlay.open{opacity:1;pointer-events:auto;visibility:visible}.mobile-nav-drawer{bottom:0;display:flex;left:-100%;max-width:320px;position:fixed;top:0;transition:left .25s ease,visibility .25s ease;visibility:hidden;width:85%;z-index:999}.mobile-nav-drawer.open{left:0;visibility:visible}.mobile-nav-server-rail{align-items:center;background:#f3f4f6;display:flex;flex-direction:column;flex-shrink:0;gap:8px;overflow-y:auto;padding:12px 0;width:72px}.mobile-nav-drawer.dark .mobile-nav-server-rail{background:#111827}.mobile-nav-server-item{background:#0000;border:none;cursor:pointer;padding:0;position:relative}.mobile-nav-server-icon,.mobile-nav-server-item{align-items:center;display:flex;height:48px;justify-content:center;width:48px}.mobile-nav-server-icon{border-radius:16px;font-size:18px;font-weight:600;overflow:hidden;transition:border-radius .2s ease,background .2s ease}.mobile-nav-drawer.dark .mobile-nav-server-icon,.mobile-nav-server-icon{background:#2196f3;color:#fff}.mobile-nav-server-item.active .mobile-nav-server-icon,.mobile-nav-server-item:active .mobile-nav-server-icon{border-radius:12px}.mobile-nav-server-item.active .mobile-nav-server-icon{background:#2196f3;color:#fff}.mobile-nav-server-icon.dm{background:#e5e7eb;color:#6b7280}.mobile-nav-drawer.dark .mobile-nav-server-icon.dm{background:#374151;color:#d1d5db}.mobile-nav-server-icon.add{background:#0000;border:2px dashed #10b981;color:#10b981}.mobile-nav-server-icon.add:active{background:#10b981;color:#fff}.mobile-nav-server-img{height:100%;object-fit:cover;width:100%}.mobile-nav-server-initial{font-size:18px;font-weight:600}.mobile-nav-server-indicator{background:#fff;border-radius:0 4px 4px 0;height:40px;left:0;position:absolute;width:4px}.mobile-nav-server-separator{background:#d1d5db;border-radius:1px;height:2px;margin:4px 0;width:32px}.mobile-nav-drawer.dark .mobile-nav-server-separator{background:#374151}.mobile-nav-channels-panel{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.mobile-nav-drawer.dark .mobile-nav-channels-panel{background:#1f2937}.mobile-nav-server-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;height:56px;justify-content:space-between;padding:0 16px}.mobile-nav-drawer.dark .mobile-nav-server-header{border-bottom-color:#374151}.mobile-nav-server-name{color:#111827;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-drawer.dark .mobile-nav-server-name{color:#f9fafb}.mobile-nav-expand-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.mobile-nav-expand-btn:active{background:#0000000d}.mobile-nav-drawer.dark .mobile-nav-expand-btn{color:#9ca3af}.mobile-nav-search{align-items:center;background:#f3f4f6;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:15px;gap:10px;margin:12px;padding:10px 14px}.mobile-nav-drawer.dark .mobile-nav-search{background:#374151;color:#6b7280}.mobile-nav-channels-list{flex:1 1;overflow-y:auto;padding:0 8px 8px}.mobile-nav-category{margin-bottom:8px}.mobile-nav-category-header{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.05em;padding:12px 8px 6px;text-transform:uppercase;width:100%}.mobile-nav-drawer.dark .mobile-nav-category-header{color:#9ca3af}.mobile-nav-category-arrow{transition:transform .15s ease}.mobile-nav-category-arrow.expanded{transform:rotate(90deg)}.mobile-nav-category-name{flex:1 1;text-align:left}.mobile-nav-category-channels{display:flex;flex-direction:column;gap:2px}.mobile-nav-channel-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:15px;gap:10px;padding:10px 12px 10px 28px;text-align:left;transition:background .1s ease,color .1s ease;width:100%}.mobile-nav-drawer.dark .mobile-nav-channel-item{color:#9ca3af}.mobile-nav-channel-item:active{background:#0000000d}.mobile-nav-drawer.dark .mobile-nav-channel-item:active{background:#ffffff1a}.mobile-nav-channel-item.active{background:#eff6ff;color:#2563eb}.mobile-nav-drawer.dark .mobile-nav-channel-item.active{background:#2563eb33;color:#60a5fa}.mobile-nav-channel-icon{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;font-size:18px;font-weight:500}.mobile-nav-channel-item.active .mobile-nav-channel-icon{color:#2563eb}.mobile-nav-drawer.dark .mobile-nav-channel-item.active .mobile-nav-channel-icon{color:#60a5fa}.mobile-nav-channel-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-channel-item.voice .mobile-nav-channel-icon{color:#10b981}.mobile-nav-channel-item.voice .mobile-nav-channel-icon svg{height:18px;width:18px}.channel-info-overlay{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:998}.channel-info-overlay.open{opacity:1;pointer-events:auto;visibility:visible}.channel-info-drawer{background:#fff;bottom:0;display:flex;flex-direction:column;max-width:400px;position:fixed;right:-100%;top:0;transition:right .25s ease,visibility .25s ease;visibility:hidden;width:100%;z-index:999}.channel-info-drawer.open{right:0;visibility:visible}.channel-info-drawer.dark{background:#1a1a2e}.channel-info-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.channel-info-drawer.dark .channel-info-header{border-bottom-color:#2a2a3e}.channel-info-back{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.channel-info-back:active{background:#0000000d}.channel-info-drawer.dark .channel-info-back{color:#9ca3af}.channel-info-header-actions{display:flex;gap:8px}.channel-info-action{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.channel-info-action:active{background:#0000000d}.channel-info-drawer.dark .channel-info-action{color:#9ca3af}.channel-info-title{align-items:center;display:flex;gap:12px;padding:16px}.channel-icon{align-items:center;background:#f3f4f6;border-radius:12px;color:#6b7280;display:flex;font-size:24px;font-weight:600;height:48px;justify-content:center;width:48px}.channel-info-drawer.dark .channel-icon{background:#2a2a3e;color:#9ca3af}.channel-details h2{color:#111827;font-size:20px;font-weight:600;margin:0}.channel-info-drawer.dark .channel-details h2{color:#f3f4f6}.channel-details p{color:#6b7280;font-size:14px;margin:2px 0 0}.channel-info-drawer.dark .channel-details p{color:#9ca3af}.channel-info-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;display:flex;gap:0;overflow-x:auto;padding:0 16px}.channel-info-drawer.dark .channel-info-tabs{border-bottom-color:#2a2a3e}.channel-info-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:12px 16px;transition:color .15s,border-color .15s}.channel-info-tab.active{border-bottom-color:#2563eb;color:#2563eb}.channel-info-drawer.dark .channel-info-tab{color:#9ca3af}.channel-info-drawer.dark .channel-info-tab.active{border-bottom-color:#60a5fa;color:#60a5fa}.channel-info-content{flex:1 1;overflow-y:auto;padding:8px}.channel-info-manage-btn{align-items:center;background:#f3f4f6;border:none;border-radius:12px;color:#111827;cursor:pointer;display:flex;font-size:15px;gap:12px;margin-bottom:8px;padding:12px;text-align:left;width:100%}.channel-info-drawer.dark .channel-info-manage-btn{background:#2a2a3e;color:#f3f4f6}.manage-btn-icon{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;height:40px;justify-content:center;width:40px}.channel-info-drawer.dark .manage-btn-icon{background:#374151;color:#9ca3af}.manage-btn-arrow{color:#9ca3af;margin-left:auto}.channel-info-members-list{padding:0}.members-section{margin-bottom:16px}.members-section-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;margin:0;padding:8px 12px;text-transform:uppercase}.channel-info-drawer.dark .members-section-title{color:#9ca3af}.member-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;text-align:left;width:100%}.member-item:active{background:#0000000d}.channel-info-drawer.dark .member-item:active{background:#ffffff0d}.member-item.offline{opacity:.6}.member-avatar{flex-shrink:0;position:relative}.member-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.member-avatar .avatar-placeholder{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.channel-info-drawer.dark .member-avatar .avatar-placeholder{background:#374151;color:#9ca3af}.status-dot{border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.channel-info-drawer.dark .status-dot{border-color:#1a1a2e}.status-dot.online{background:#22c55e}.status-dot.dnd{background:#ef4444}.status-dot.idle{background:#eab308}.member-name{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:500;gap:6px}.channel-info-drawer.dark .member-name{color:#f3f4f6}.owner-badge{font-size:12px}.bot-badge{background:#5865f2;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.member-activity{color:#6b7280;display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-info-drawer.dark .member-activity{color:#9ca3af}.channel-info-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.channel-info-drawer.dark .channel-info-empty{color:#9ca3af}.main-app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-body-row{display:flex;flex:1 1;flex-direction:row;min-height:0;overflow:hidden}.desktop-header{align-items:center;background:var(--sidebar-bg);border-bottom:1px solid #00000014;display:flex;flex-shrink:0;gap:12px;height:60px;height:var(--header-height,60px);min-height:60px;min-height:var(--header-height,60px);padding:0 16px;width:100%;z-index:100}.dark .desktop-header{border-bottom-color:var(--border-color)}.server-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:8px 0 68px;position:relative;width:80px;width:var(--server-sidebar-width,80px);z-index:200}.main-content-container{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;overflow:hidden}.main-content-container *{min-width:0}.content-area,.main-content-wrapper{display:flex;flex:1 1;max-width:100%;min-width:0;overflow:hidden}.main-content-wrapper{flex-direction:column}.main-content-wrapper .chat-container{flex:1 1;min-height:0}.channels-sidebar-wrapper{display:flex;flex-shrink:0;height:100%}.members-sidebar{background:var(--sidebar-bg);border-left:1px solid var(--border-color);flex-shrink:0;min-width:200px;overflow-y:auto;padding-bottom:60px}.layout-resize-handle{background:var(--border-color);cursor:col-resize;flex-shrink:0;transition:background .2s;width:4px}.layout-resize-handle:hover{background:#5865f2;background:var(--primary-color,#5865f2)}@media (max-width:767px){.main-app-layout{flex-direction:column!important}.channels-sidebar,.channels-sidebar-wrapper,.left-sidebar,.main-app-layout>.server-sidebar,.members-sidebar,.right-sidebar,.server-sidebar,.sidebar,.sidebar-container,[class*=sidebar]{display:none!important;left:-9999px!important;max-width:0!important;min-width:0!important;position:absolute!important;visibility:hidden!important;width:0!important}.channel-header,.chat-header,.layout-resize-handle,.resize-handle,.voice-bottom-bar{display:none!important}.main-content-container{width:100%}.content-area{flex-direction:column;padding-bottom:64px;padding-bottom:var(--mobile-bottom-nav-height,64px)}.main-content-wrapper{flex:1 1;overflow-x:auto;width:100%}.main-content.content-area{max-width:100vw;overflow-x:hidden;width:100%}.app-header.desktop-header,.desktop-header{display:none!important}.app-header{height:56px;height:var(--mobile-header-height,56px);padding:0 12px;padding:0 var(--mobile-padding-sm,12px)}}.mobile-header{display:none}@media (max-width:767px){.mobile-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px;height:56px;padding:0 8px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark .mobile-header{background:#1e1e1e;background:var(--secondary-bg,#1e1e1e);border-bottom-color:#333;border-bottom-color:var(--border-color,#333)}.desktop-header{display:none!important}.chat-debug-panel,.chat-header-desktop{border:none!important;display:none!important;height:0!important;margin:0!important;max-height:0!important;overflow:hidden!important;padding:0!important;visibility:hidden!important}}.mobile-header-members,.mobile-header-menu,.mobile-header-search{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.dark .mobile-header-members,.dark .mobile-header-menu,.dark .mobile-header-search{color:#9ca3af}.mobile-header-members:active,.mobile-header-menu:active,.mobile-header-search:active{background:#0000000d}.dark .mobile-header-members:active,.dark .mobile-header-menu:active,.dark .mobile-header-search:active{background:#ffffff1a}.mobile-header-search-wrapper{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex:1 1;gap:8px;margin-left:8px;max-width:200px;padding:8px 12px}.dark .mobile-header-search-wrapper{background:#374151}.mobile-search-icon{color:#9ca3af;flex-shrink:0}.mobile-header-search-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;min-width:0;outline:none}.mobile-header-search-input::placeholder{color:#9ca3af}.dark .mobile-header-search-input{color:#f3f4f6}.dark .mobile-header-search-input::placeholder{color:#6b7280}.mobile-header-channel-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:4px;justify-content:flex-start;padding:8px 12px}.mobile-header-channel-btn:active{background:#0000000d}.dark .mobile-header-channel-btn:active{background:#ffffff1a}.mobile-header-channel-name{color:#111827;font-size:17px;font-weight:600}.dark .mobile-header-channel-name{color:#f3f4f6}.mobile-header-channel-btn svg{color:#6b7280}.dark .mobile-header-channel-btn svg{color:#9ca3af}.mobile-search-bar{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;gap:8px;margin-left:8px;padding:6px 12px}.dark .mobile-search-bar{background:#374151;border-color:#4b5563}.mobile-search-bar svg{color:#9ca3af;flex-shrink:0}.mobile-search-bar input{background:#0000;border:none;color:#374151;flex:1 1;font-size:14px;min-width:0;outline:none}.mobile-search-bar input::placeholder{color:#9ca3af}.dark .mobile-search-bar input{color:#e5e7eb}.dark .mobile-search-bar input::placeholder{color:#6b7280}.mobile-menu-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#212121;color:var(--text-light,#212121);cursor:pointer;display:flex;font-size:24px;height:44px;height:var(--touch-target-min,44px);justify-content:center;transition:background .15s;transition:background var(--transition-fast,.15s);width:44px;width:var(--touch-target-min,44px)}.dark .mobile-menu-btn{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-menu-btn:active{background:#0000001a}.dark .mobile-menu-btn:active{background:#ffffff1a}.mobile-header-title{color:#212121;color:var(--text-light,#212121);flex:1 1;font-size:16px;font-size:var(--mobile-font-md,16px);font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-header-title{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-header-actions{align-items:center;display:flex;gap:4px}.mobile-server-item,.mobile-server-list{padding:12px;padding:var(--mobile-padding-sm,12px)}.mobile-server-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;gap:var(--mobile-padding-sm,12px);transition:background .15s;transition:background var(--transition-fast,.15s)}.mobile-server-item:active{background:#0000000d}.dark .mobile-server-item:active{background:#ffffff0d}.mobile-server-item.active{background:#2196f31a}.dark .mobile-server-item.active{background:#2196f333}.mobile-server-icon{align-items:center;background:#2196f3;background:var(--primary-color,#2196f3);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.mobile-server-icon img{height:100%;object-fit:cover;width:100%}.mobile-server-info{flex:1 1;min-width:0}.mobile-server-name{color:#212121;color:var(--text-light,#212121);font-size:16px;font-size:var(--mobile-font-md,16px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-server-name{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-server-members{color:#212121;color:var(--text-light,#212121);font-size:14px;font-size:var(--mobile-font-sm,14px);opacity:.6}.dark .mobile-server-members{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-channel-list{padding:8px 0;padding:var(--mobile-padding-xs,8px) 0}.mobile-channel-category{color:#212121;color:var(--text-light,#212121);font-size:12px;font-size:var(--mobile-font-xs,12px);font-weight:600;letter-spacing:.5px;opacity:.6;padding:12px 16px;padding:var(--mobile-padding-sm,12px) var(--mobile-padding-md,16px);text-transform:uppercase}.dark .mobile-channel-category{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-channel-item{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;gap:12px;gap:var(--mobile-padding-sm,12px);padding:12px 16px;padding:var(--mobile-padding-sm,12px) var(--mobile-padding-md,16px);transition:background .15s;transition:background var(--transition-fast,.15s)}.mobile-channel-item:active{background:#0000000d}.dark .mobile-channel-item:active{background:#ffffff0d}.mobile-channel-item.active{background:#2196f31a}.dark .mobile-channel-item.active{background:#2196f333}.mobile-channel-icon{font-size:20px;opacity:.6;text-align:center;width:24px}.mobile-channel-name{color:#212121;color:var(--text-light,#212121);flex:1 1;font-size:16px;font-size:var(--mobile-font-md,16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-channel-name{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-channel-unread{align-items:center;background:#f44336;background:var(--danger-color,#f44336);border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.mobile-member-item,.mobile-members-list{padding:12px;padding:var(--mobile-padding-sm,12px)}.mobile-member-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;gap:var(--mobile-padding-sm,12px);transition:background .15s;transition:background var(--transition-fast,.15s)}.mobile-member-item:active{background:#0000000d}.dark .mobile-member-item:active{background:#ffffff0d}.mobile-member-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.mobile-member-avatar img{height:100%;object-fit:cover;width:100%}.mobile-member-status{border:2px solid #fff;border:2px solid var(--surface-light,#fff);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.dark .mobile-member-status{border-color:#1e1e1e;border-color:var(--surface-dark,#1e1e1e)}.mobile-member-status.online{background:#4caf50}.mobile-member-status.offline{background:#757575}.mobile-member-info{flex:1 1;min-width:0}.mobile-member-name{color:#212121;color:var(--text-light,#212121);font-size:16px;font-size:var(--mobile-font-md,16px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-member-name{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.mobile-member-role{color:#212121;color:var(--text-light,#212121);font-size:14px;font-size:var(--mobile-font-sm,14px);opacity:.6}.dark .mobile-member-role{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}@media (min-width:768px) and (max-width:1023px){.server-sidebar{width:64px}.channels-sidebar-wrapper.auto-collapsed,.members-sidebar.auto-collapsed{display:none}.voice-bottom-bar{display:none!important}.main-content-wrapper{flex:1 1;min-width:0}.main-content-wrapper,.main-content.content-area{box-sizing:border-box;width:100%}}@media (min-width:1024px) and (max-width:1200px){.main-content-container{max-width:calc(100vw - 80px);overflow-x:hidden}.main-content-wrapper{flex:1 1;min-width:0}.app-header,.chat-container,.chat-interface,.main-content-wrapper,.main-content.content-area{max-width:100%;overflow-x:hidden}}.tablet-sidebar-toggles{align-items:center;display:flex;gap:4px;margin-right:8px}.tablet-toggle-btn{background:#0000;border:none;border-radius:6px;color:#212121;color:var(--text-light,#212121);cursor:pointer;font-size:18px;padding:8px 12px;transition:background .2s,color .2s}.dark .tablet-toggle-btn{color:#e0e0e0;color:var(--text-dark,#e0e0e0)}.tablet-toggle-btn:hover{background:#00000014}.dark .tablet-toggle-btn:hover{background:#ffffff1a}.tablet-toggle-btn:active{background:#0000001f}.dark .tablet-toggle-btn:active{background:#ffffff26}.hide-mobile{display:block}@media (max-width:767px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.main-app-layout{flex-direction:column!important}.main-body-row{flex-direction:column!important;overflow:visible!important}.main-content-container{overflow:visible!important}.content-area,.main-content,.main-content-container,.main-content-wrapper{display:flex!important;flex:1 1!important;flex-direction:column!important;margin:0!important;max-width:100%!important;min-height:0!important;padding:0!important;width:100%!important}.main-content-wrapper{height:100%!important}.ChatInterface,.chat-container,.chat-interface{border:none!important;border-radius:0!important;display:flex!important;flex:1 1!important;flex-direction:column!important;left:0!important;margin:0!important;max-width:100%!important;min-height:0!important;min-width:100%!important;padding:0!important;right:0!important;width:100%!important}.messages-area,.messages-container,.messages-list{flex:1 1 auto!important;margin:0!important;max-width:100%!important;min-height:100px!important;overflow-y:auto!important;padding:8px!important;position:relative!important;width:100%!important}.chat-input-container,.input-area,.message-input-container{background:var(--main-bg)!important;box-sizing:border-box!important;flex-shrink:0!important;margin:0!important;max-width:100%!important;min-height:60px!important;padding:8px!important;width:100%!important}.chat-input,.message-input{border-radius:20px!important;font-size:16px!important;width:100%!important}.content-area{min-height:calc(100vh - 106px)!important;padding-bottom:85px!important}.dark .ChatInterface,.dark .chat-container,.dark .chat-interface,.dark .content-area,.dark .main-content-container,.dark .main-content-wrapper,.dark .messages-area,.dark .messages-container,.dark .messages-list{background:#36393f!important;background:var(--main-bg,#36393f)!important}}.mobile-dms-list{padding:8px}.mobile-dm-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .15s ease}.mobile-dm-item:active{background:#0000000d}.dark .mobile-dm-item:active{background:#ffffff1a}.mobile-dm-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.mobile-dm-avatar img{height:100%;object-fit:cover;width:100%}.mobile-dm-avatar-placeholder{align-items:center;background:#2563eb;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.mobile-dm-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.mobile-dm-name{color:#111827;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-dm-name{color:#f3f4f6}.mobile-dm-preview{color:#6b7280;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .mobile-dm-preview{color:#9ca3af}.mobile-dm-badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.mobile-dms-empty{color:#6b7280;padding:40px 20px;text-align:center}.dark .mobile-dms-empty{color:#9ca3af}.mobile-dms-hint{font-size:14px;margin-top:8px;opacity:.7}.input-modal{background:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%}.input-message{color:#ccc;line-height:1.5;margin-bottom:15px}.input-field{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:10px;width:100%}.input-field:focus{border-color:#4caf50;outline:none}.input-hint{color:#ff9800;display:block;font-size:.85rem;margin-top:5px}.game-content-card{background:#2a2a2a;border:1px solid #444;border-radius:8px;border-top:4px solid #444;cursor:pointer;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.game-content-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.game-content-card.selected{border-color:#4caf50;box-shadow:0 0 0 2px #4caf504d}.card-header{background:linear-gradient(135deg,#0003,#0006);color:#fff;padding:12px 16px}.card-title-row{align-items:center;display:flex;gap:8px}.card-icon{font-size:20px;min-width:24px;text-align:center}.card-title{flex:1 1;font-weight:600;margin:0;text-shadow:1px 1px 2px #00000080}.card-type-badge{background:#0000004d;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.card-subtitle{font-size:13px;font-style:italic;margin-top:4px;opacity:.9}.card-body{padding:16px}.card-properties{background:#0003;border-radius:4px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:8px 12px}.card-property{color:#ddd;font-size:13px}.property-label{color:#aaa;font-weight:600;margin-right:4px}.card-content{color:#e0e0e0;line-height:1.6}.card-content-line{margin-bottom:8px}.card-content-bold{color:#fff;font-weight:600;margin:12px 0 8px}.card-content-italic{color:#ccc;font-style:italic;margin-bottom:8px}.card-content-subheader{color:#4caf50;font-size:14px;font-weight:600;margin-bottom:6px;margin-top:12px}.card-content-list-item{color:#d0d0d0;margin-bottom:4px;margin-left:16px}.card-content-text{white-space:pre-wrap}.card-tags{border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px}.card-tag{background:#3a3a3a;border-radius:12px;color:#aaa;font-size:11px;padding:3px 8px;text-transform:lowercase}.card-footer{background:#0003;border-top:1px solid #333;padding:8px 16px;text-align:right}.card-count{color:#888;font-size:14px;font-weight:600}.game-content-card-compact{background:#2a2a2a;border:1px solid #444;border-left-width:4px;cursor:pointer;margin-bottom:4px;padding:8px 12px;transition:all .2s ease}.game-content-card-compact:hover{background:#333;border-left-width:6px}.game-content-card-compact.selected{background:#3a3a3a;border-color:#4caf50}.card-compact-header{align-items:center;display:flex;gap:8px}.game-content-card-compact .card-title{color:#e0e0e0;flex:1 1;font-size:14px;font-weight:500;margin:0}.game-content-card-compact .card-subtitle{color:#999;font-size:12px;font-style:italic;margin-top:2px}.game-content-card-compact .card-level{background:#ffffff1a;border-radius:10px;color:#aaa;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}@media (max-width:768px){.card-properties{flex-direction:column;gap:6px}.card-tags{gap:4px}.game-content-card{border-radius:6px}}.combat-action-panel{background:#1e1e1e;border:1px solid #444;border-radius:8px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;max-height:calc(100vh - 120px);position:absolute;top:60px;transition:transform .3s ease;width:350px;z-index:1000}.combat-action-panel.right{right:10px}.combat-action-panel.left{left:10px}.panel-header{background:#2a2a2a;border-bottom:1px solid #444;border-radius:8px 8px 0 0;padding:12px 16px}.panel-header h3{color:#fff;font-size:16px}.close-button{background:none;color:#999;font-size:24px;height:24px;transition:color .2s;width:24px}.panel-body{flex:1 1;overflow-y:auto;padding:12px}.empty-state,.error-state,.loading-state{color:#aaa;padding:24px;text-align:center}.error-state{color:#ff6b6b}.empty-state button,.error-state button{background:#3a3a3a;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;margin-top:12px;padding:6px 12px;transition:background .2s}.empty-state button:hover,.error-state button:hover{background:#4a4a4a}.empty-state small{color:#777;display:block;font-size:12px;margin-top:8px}.actions-container{display:flex;flex-direction:column;gap:16px}.action-category{background:#2a2a2a;border-radius:6px;overflow:hidden}.category-title{align-items:center;background:#333;color:#ccc;display:flex;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin:0;padding:8px 12px;text-transform:uppercase}.action-count{color:#777;font-size:11px;font-weight:400}.action-list{padding:4px}.action-item{margin-bottom:4px}.action-header{align-items:center;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s}.action-header:hover{background:#2a2a2a;border-color:#4a4a4a}.action-header.selected{background:#2d4a2d;border-color:#4caf50}.action-info{align-items:center;display:flex;flex:1 1;gap:8px}.action-name{color:#e0e0e0;font-size:14px;font-weight:500}.action-range{background:#ffffff0d;border-radius:3px;color:#888;font-size:12px;padding:2px 6px}.action-damage{color:#f99;font-size:12px;font-weight:600}.expand-button{background:none;border:none;color:#666;cursor:pointer;font-size:12px;padding:4px;transition:color .2s}.expand-button:hover{color:#999}.action-card-container{background:#1a1a1a;border-top:1px solid #333;margin-top:4px;padding:8px}.selected-action-footer{background:#2d4a2d;border-radius:0 0 8px 8px;border-top:1px solid #4caf50;padding:12px 16px}.selected-info{color:#fff;font-size:13px;margin-bottom:4px}.selected-info strong{color:#4caf50}.range-info{color:#aaa}.help-text{color:#999;font-size:11px;font-style:italic}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-track{background:#1a1a1a}.panel-body::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.panel-body::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.combat-action-panel{max-width:350px;width:calc(100% - 20px)}.action-header{padding:6px 10px}.action-name{font-size:13px}}.coordination-dashboard{background:#1a1a1a;color:#e0e0e0;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{background:#2a2a2a;border-radius:8px;margin-bottom:30px;padding:20px}.dashboard-header h1{color:#4a9eff;margin:0}.session-info{align-items:center;display:flex;gap:20px}.claude-id{background:#333;border:1px solid #4a9eff;border-radius:4px;font-family:monospace;padding:5px 10px}.active-sessions{display:flex;gap:10px}.session-badge{background:#4a9eff;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.dashboard-controls{margin-bottom:20px}.filter-controls{gap:10px}.filter-controls button{background:#333;border:1px solid #555;border-radius:4px;color:#e0e0e0;cursor:pointer;padding:8px 16px;transition:all .2s}.filter-controls button:hover{background:#444}.filter-controls button.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.big-ideas-section{background:#2a2a2a;border-radius:8px;margin-bottom:20px;padding:20px}.big-ideas-section h2{color:orange;margin-top:0}.idea-input{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.idea-input input,.idea-input textarea{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-family:inherit;padding:10px}.idea-input textarea{min-height:80px;resize:vertical}.idea-input button{background:orange;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background .2s}.idea-input button:hover{background:#ff8c00}.ideas-list{grid-gap:15px;display:grid;gap:15px}.idea-card{background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:15px}.idea-card h3{color:orange;margin-top:0}.idea-actions{align-items:center;display:flex;gap:10px;margin-top:10px}.status-badge{border-radius:4px;font-weight:700;padding:4px 8px}.status-badge.pending{background:#666;color:#fff}.status-badge.broken_down{background:#4a9eff;color:#fff}.subtask-count{color:#888;font-size:14px}.task-input-section{background:#2a2a2a;border-radius:8px;margin-bottom:20px;padding:20px}.task-input-section h2{color:#4a9eff;margin-top:0}.task-input{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:1fr 2fr}.task-input input,.task-input select,.task-input textarea{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-family:inherit;padding:10px}.task-input textarea{grid-column:span 2;min-height:60px;resize:vertical}.task-input button{background:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;grid-column:span 2;padding:10px 20px;transition:background .2s}.task-input button:hover{background:#3a8eef}.kanban-board{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.kanban-column{background:#2a2a2a;border-radius:8px;min-height:400px;padding:15px}.kanban-column h3{border-bottom:2px solid #444;color:#4a9eff;margin-top:0;padding-bottom:10px}.task-list{min-height:350px;padding-top:10px}.task-card{background:#1a1a1a;border:1px solid #444;border-radius:6px;cursor:move;margin-bottom:10px;padding:12px;transition:all .2s}.task-card:hover{border-color:#4a9eff;box-shadow:0 4px 8px #4a9eff33;transform:translateY(-2px)}.task-card.in-progress{border-left:4px solid orange}.task-card.completed{border-left:4px solid #4f4;opacity:.7}.task-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.priority-indicator{border-radius:50%;height:8px;width:8px}.task-header h4{color:#e0e0e0;flex:1 1;font-size:14px;margin:0}.delete-btn{background:#0000;border:none;color:#f44;cursor:pointer;font-size:20px;height:20px;line-height:1;opacity:.6;padding:0;width:20px}.delete-btn:hover{opacity:1}.task-card p{color:#aaa;font-size:13px;line-height:1.4;margin:8px 0}.task-assignee{color:#4a9eff;font-size:12px;margin-top:8px}.task-parent{color:orange;font-size:11px;margin-top:4px}.comment-count{color:#888;font-size:12px;margin-top:8px}.breakdown-modal,.task-detail-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#2a2a2a;border-radius:8px;max-height:80vh;max-width:600px;padding:30px;width:90%}.modal-content h2{color:#4a9eff;margin-top:0}.task-metadata{background:#1a1a1a;border-radius:4px;display:flex;font-size:14px;gap:15px;margin:15px 0;padding:10px}.task-metadata span{color:#888}.comments-section{border-top:1px solid #444;margin-top:20px;padding-top:20px}.comments-section h3{color:#4a9eff;margin-bottom:15px}.comments-list{margin-bottom:15px;max-height:200px;overflow-y:auto}.comment{background:#1a1a1a;border-radius:4px;margin-bottom:10px;padding:10px}.comment strong{color:#4a9eff}.comment-time{color:#666;display:block;font-size:11px;margin-top:5px}.add-comment{display:flex;flex-direction:column;gap:10px}.add-comment textarea{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#e0e0e0;min-height:60px;padding:10px;resize:vertical}.add-comment button{background:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.add-comment button:hover{background:#3a8eef}.close-btn{background:#666;border-radius:4px;color:#fff;font-weight:700;margin-top:20px;padding:10px 20px}.close-btn:hover{background:#777}.subtasks-input{margin-top:20px}.subtasks-input h3{color:orange;margin-bottom:15px}.subtask-input{grid-gap:10px;background:#1a1a1a;border-radius:6px;display:grid;gap:10px;grid-template-columns:1fr 2fr 100px 150px 80px;margin-bottom:15px;padding:15px}.subtask-input input,.subtask-input select,.subtask-input textarea{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;padding:8px}.subtask-input textarea{grid-column:span 5;min-height:50px;resize:vertical}.remove-btn{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.remove-btn:hover{background:#f33}.add-subtask-btn{background:#333;border:2px dashed #666;border-radius:4px;color:#e0e0e0;cursor:pointer;padding:10px;transition:all .2s;width:100%}.add-subtask-btn:hover{background:#444;border-color:#888}.modal-actions{gap:10px;margin-top:20px}.modal-actions button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:10px 20px}.modal-actions button:first-child{background:#4a9eff;color:#fff}.modal-actions button:first-child:hover{background:#3a8eef}.modal-actions button:last-child{background:#666;color:#fff}.modal-actions button:last-child:hover{background:#777}.admin-auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-auth-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;max-width:480px;overflow:hidden;width:100%}.admin-auth-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:30px;text-align:center}.admin-auth-header h2{font-size:24px;font-weight:600;margin:0 0 10px}.admin-auth-header p{font-size:14px;margin:0;opacity:.9}.admin-auth-form{padding:30px}.admin-auth-field{margin-bottom:20px}.admin-auth-field label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.admin-auth-field input{border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.admin-auth-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-auth-field input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.admin-auth-field input:disabled{background-color:#f8f9fa;cursor:not-allowed}.admin-auth-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.admin-auth-submit:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.admin-auth-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.admin-auth-error{background:#ffe6e6;border-left:4px solid #d32f2f;color:#d32f2f}.admin-auth-error,.admin-auth-warning{border-radius:8px;font-size:14px;margin:15px 0;padding:12px 16px}.admin-auth-warning{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.admin-auth-info{background:#f8f9fa;padding:25px 30px 30px}.security-notice h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.security-notice ul{color:#5a6c7d;margin:0;padding-left:20px}.security-notice li{font-size:13px;line-height:1.4;margin-bottom:8px}.admin-auth-loading{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;text-align:center}.loading-spinner{border:4px solid #e1e8ed;margin:0 auto 20px}.admin-dashboard-wrapper{background:#f5f7fa;min-height:100vh}.admin-session-bar{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:15px 30px}.admin-session-info{align-items:center;display:flex;gap:20px}.admin-indicator{background:#2ecc7133;border:1px solid #2ecc714d;border-radius:20px;color:#2ecc71;font-size:14px;font-weight:600;padding:6px 12px}.admin-user{font-size:14px;opacity:.9}.admin-logout-btn{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.admin-logout-btn:hover{background:#e74c3c33;transform:translateY(-1px)}.admin-timeout-warning{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.timeout-warning-content{animation:slideIn .3s ease;background:#2b2d31;border:2px solid #f44;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:450px;padding:30px;width:90%}.timeout-warning-content h3{color:#f44;font-size:24px;margin:0 0 15px;text-align:center}.timeout-warning-content p{color:#dbdee1;font-size:16px;line-height:1.5;margin:0 0 25px;text-align:center}.timeout-warning-actions{display:flex;gap:12px;justify-content:center}.extend-session-btn,.logout-now-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.extend-session-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.extend-session-btn:hover{box-shadow:0 6px 20px #10b9814d;transform:translateY(-2px)}.logout-now-btn{background:#ef44441a;border:2px solid #ef4444;color:#ef4444}.logout-now-btn:hover{background:#ef444433}@media (max-width:768px){.admin-auth-container{padding:10px}.admin-auth-card{max-width:100%}.admin-auth-form,.admin-auth-header,.admin-auth-info{padding:20px}.admin-session-bar{padding:10px 15px;text-align:center}.admin-session-bar,.admin-session-info{flex-direction:column;gap:10px}}@media (prefers-color-scheme:dark){.admin-auth-card{background:#2c3e50;color:#fff}.admin-auth-field input{background:#34495e;border-color:#4a5f7a;color:#fff}.admin-auth-field input::placeholder{color:#95a5a6}.admin-auth-field label{color:#ecf0f1}.admin-auth-info{background:#34495e}.security-notice h4{color:#ecf0f1}.security-notice li{color:#bdc3c7}.admin-auth-loading{background:#2c3e50;color:#fff}}.admin-password-modal{animation:slideUp .3s ease;background:#2b2d31;border-radius:12px;box-shadow:0 8px 32px #0006;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.admin-password-modal .modal-header{align-items:center;background:#313338;border-bottom:1px solid #1e1f22;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.admin-password-modal .modal-header h2{color:#fff;font-size:20px;margin:0}.admin-password-modal .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.admin-password-modal .close-btn:hover{background:#404249;color:#fff}.password-form{padding:20px}.password-form .error-message{background:#ed42451a;border:1px solid #ed4245;border-radius:6px;color:#ed4245;font-size:14px;margin-bottom:20px;padding:12px}.password-form .form-group{margin-bottom:20px}.password-form label{color:#b5bac1;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.password-form input[type=password]{background:#1e1f22;border:1px solid #313338;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.password-form input[type=password]:focus{border-color:#5865f2;box-shadow:0 0 0 3px #5865f21a;outline:none}.password-form input[type=password]:disabled{cursor:not-allowed;opacity:.6}.password-requirements{background:#1e1f22;border:1px solid #313338;border-radius:6px;margin-bottom:20px;padding:16px}.password-requirements h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.password-requirements ul{color:#949ba4;font-size:13px;margin:0;padding-left:20px}.password-requirements ul li{margin-bottom:6px}.modal-actions{border-top:1px solid #313338;padding-top:12px}.modal-actions .cancel-btn{background:#404249;border:none;border-radius:6px;color:#dbdee1;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-actions .cancel-btn:hover:not(:disabled){background:#35373c}.modal-actions .submit-btn{background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-actions .submit-btn:hover:not(:disabled){background:#4752c4}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.dm-conversation-overlay{align-items:center;animation:fadeIn .2s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.dm-conversation-modal{animation:slideUp .3s ease;background:#2b2d31;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.dm-conversation-header{align-items:flex-start;background:#313338;border-bottom:1px solid #1e1f22;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.dm-conversation-title h3{color:#fff;font-size:20px;margin:0 0 8px}.dm-conversation-users{color:#b5bac1;font-size:14px;margin:0}.dm-conversation-users strong{color:#fff;font-weight:600}.dm-conversation-header .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.dm-conversation-header .close-btn:hover{background:#404249;color:#fff}.dm-conversation-body{flex:1 1;max-height:500px;min-height:300px;overflow-y:auto;padding:20px}.dm-loading{align-items:center;color:#b5bac1;display:flex;flex-direction:column;justify-content:center;padding:40px}.dm-error{color:#ed4245;padding:40px;text-align:center}.dm-error button{background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px;transition:background .2s}.dm-error button:hover{background:#4752c4}.dm-empty{color:#949ba4;font-size:16px;padding:40px;text-align:center}.dm-messages-list{display:flex;flex-direction:column;gap:16px}.dm-message{background:#1e1f22;border-left:3px solid #0000;border-radius:8px;padding:12px 16px;transition:all .2s}.dm-message.sender{background:#232428;border-left-color:#5865f2}.dm-message.receiver{border-left-color:#3ba55d}.dm-message:hover{background:#232428;transform:translateX(2px)}.dm-message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dm-message-author{color:#fff;font-size:14px;font-weight:600}.dm-message.sender .dm-message-author{color:#5865f2}.dm-message.receiver .dm-message-author{color:#3ba55d}.dm-message-time{color:#72767d;font-size:12px}.dm-message-content{word-wrap:break-word;color:#dcddde;font-size:14px;line-height:1.5;white-space:pre-wrap}.dm-message-attachments{border-top:1px solid #313338;margin-top:8px;padding-top:8px}.attachment-indicator{align-items:center;color:#72767d;display:inline-flex;font-size:12px;gap:4px}.dm-conversation-footer{align-items:center;background:#2b2d31;border-radius:0 0 12px 12px;border-top:1px solid #1e1f22;display:flex;justify-content:space-between;padding:16px 20px}.dm-stats{color:#949ba4;display:flex;font-size:13px;gap:20px}.dm-stats span{align-items:center;display:flex}.dm-conversation-body::-webkit-scrollbar{width:8px}.dm-conversation-body::-webkit-scrollbar-track{background:#2b2d31;border-radius:4px}.dm-conversation-body::-webkit-scrollbar-thumb{background:#404249;border-radius:4px}.dm-conversation-body::-webkit-scrollbar-thumb:hover{background:#5865f2}@media (max-width:768px){.dm-conversation-modal{max-height:90vh;width:95%}.dm-conversation-body{max-height:60vh}.dm-conversation-footer{flex-direction:column;gap:12px}.dm-stats{flex-direction:column;gap:8px;width:100%}}.confirmation-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal{animation:modalFadeIn .2s ease;background:#2f3136;background:var(--secondary-bg,#2f3136);border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:90vh;max-width:500px;overflow:auto;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirmation-modal-header{border-bottom:1px solid #40444b;border-bottom:1px solid var(--border-color,#40444b);padding:20px}.confirmation-modal-header h3{color:#dcddde;color:var(--text-color,#dcddde);font-size:18px;font-weight:600;margin:0}.confirmation-modal-body{color:#b9bbbe;color:var(--text-muted,#b9bbbe);padding:20px}.confirmation-modal-body p{line-height:1.5;margin:0}.confirmation-modal-footer{border-top:1px solid #40444b;border-top:1px solid var(--border-color,#40444b);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.confirmation-modal-footer button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.confirmation-modal-footer .cancel-btn{background:#0000;border:1px solid #40444b;border:1px solid var(--border-color,#40444b);color:#dcddde;color:var(--text-color,#dcddde)}.confirmation-modal-footer .cancel-btn:hover{background:#40444b;background:var(--hover-bg,#40444b)}.confirmation-modal-footer .confirm-btn{color:#fff}.confirmation-modal-footer .confirm-primary{background:#5865f2;background:var(--primary-color,#5865f2)}.confirmation-modal-footer .confirm-primary:hover{background:#4752c4}.confirmation-modal-footer .confirm-warning{background:#faa61a;background:var(--warning-color,#faa61a)}.confirmation-modal-footer .confirm-warning:hover{background:#e89509}.confirmation-modal-footer .confirm-danger{background:#ed4245;background:var(--danger-color,#ed4245)}.confirmation-modal-footer .confirm-danger:hover{background:#c23b3e}.confirmation-message{align-items:flex-start;background:#1a1a1a;border-radius:6px;display:flex;gap:15px;padding:20px}.confirmation-message .icon{flex-shrink:0;font-size:24px}.confirmation-message p{color:#fff;line-height:1.5;margin:0}.confirmation-message.danger{background:#f443361a;border:1px solid #f443364d}.confirmation-message.warning{background:#ff98001a;border:1px solid #ff98004d}.confirmation-message.success{background:#4caf501a;border:1px solid #4caf504d}.server-viewer-overlay{align-items:center;animation:fadeIn .2s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.server-viewer-modal{animation:slideUp .3s ease;background:#2b2d31;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;width:90%}.server-viewer-header{align-items:center;background:#313338;border-bottom:1px solid #1e1f22;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.server-viewer-title{align-items:center;display:flex;gap:16px}.server-icon-large{border-radius:16px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.server-icon-large img{height:100%;object-fit:cover;width:100%}.server-icon-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.server-viewer-title h3{color:#fff;font-size:22px;margin:0}.server-code{color:#949ba4;font-size:14px;margin:4px 0 0}.server-viewer-header .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.server-viewer-header .close-btn:hover{background:#404249;color:#fff}.server-viewer-tabs{background:#2b2d31;border-bottom:1px solid #1e1f22;display:flex;gap:8px;padding:16px}.tab-btn{background:#0000;border:1px solid #404249;border-radius:6px;color:#949ba4;padding:8px 16px;transition:all .2s}.tab-btn:hover{background:#35373c;color:#dbdee1}.tab-btn.active{background:#5865f2;border-color:#5865f2;color:#fff}.server-viewer-body{flex:1 1;min-height:400px;overflow-y:auto;padding:20px}.server-loading{align-items:center;color:#b5bac1;display:flex;flex-direction:column;justify-content:center;padding:60px}.loading-spinner{border:3px solid #404249}.server-error{color:#ed4245;padding:60px;text-align:center}.server-error button{background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:10px 20px;transition:background .2s}.server-error button:hover{background:#4752c4}.empty-state{color:#949ba4;font-size:16px;padding:60px}.server-overview{padding:0}.overview-stats{display:flex;flex-direction:column;gap:20px;max-width:100%}.stat-card{background:#1e1f22!important;border:1px solid #313338;min-width:0;width:100%}.stat-card h4{color:#fff!important;font-size:16px;font-weight:600;margin:0 0 16px}.stat-item{border-bottom:1px solid #313338;gap:12px;justify-content:space-between;min-width:0;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-item span{color:#949ba4!important;flex-shrink:0;font-size:14px;white-space:nowrap}.stat-item strong{color:#fff!important;display:block!important;font-weight:600!important;opacity:1!important;overflow:visible!important;text-overflow:clip!important;visibility:visible!important;white-space:normal!important}.action-btn{margin-bottom:8px;min-height:40px;padding:10px 16px;white-space:nowrap;width:100%}.action-btn:last-child{margin-bottom:0}.action-btn.primary{background:#5865f2!important;color:#fff!important}.action-btn.primary:hover{background:#4752c4!important}.action-btn.secondary{background:#404249!important;color:#dbdee1!important}.action-btn.secondary:hover{background:#35373c!important}.server-campaigns{padding:0}.campaigns-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.campaign-card{background:#1e1f22;border:1px solid #313338;border-radius:8px;padding:16px;transition:all .2s}.campaign-card:hover{border-color:#5865f2;box-shadow:0 4px 12px #5865f233;transform:translateY(-2px)}.campaign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.campaign-header h4{color:#fff;font-size:16px;margin:0}.campaign-status{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.campaign-status.active{background:#3ba55d1a;color:#3ba55d}.campaign-status.inactive{background:#ed42451a;color:#ed4245}.campaign-info p{color:#b5bac1;font-size:13px;margin:6px 0}.campaign-info p strong{color:#dbdee1}.campaign-description{border-top:1px solid #313338;font-style:italic;margin-top:8px;padding-top:8px}.campaign-actions{display:flex;gap:8px;margin-top:12px}.view-details-btn,.view-gm-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s}.view-gm-btn{background:#5865f2;color:#fff}.view-gm-btn:hover{background:#4752c4}.view-details-btn{background:#404249;color:#dbdee1}.view-details-btn:hover{background:#35373c}.server-channels{padding:0}.channels-list{display:flex;flex-direction:column;gap:8px}.channel-item{align-items:center;background:#1e1f22;border:1px solid #313338;border-radius:6px;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.channel-item:hover{background:#232428;transform:translateX(4px)}.channel-item.clickable{cursor:pointer}.channel-item.clickable:hover{background:#232428;border-color:#5865f2}.view-messages-hint{color:#5865f2;font-size:12px;margin-left:auto;opacity:0;transition:opacity .2s}.channel-item:hover .view-messages-hint{opacity:1}.channel-icon{color:#72767d;font-size:16px;text-align:center;width:20px}.channel-name{color:#dbdee1;flex:1 1;font-size:14px}.channel-badge{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.channel-badge.private{background:#ed42451a;color:#ed4245}.channel-category{color:#72767d;font-size:12px}.server-members{padding:0}.members-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.member-card{align-items:center;background:#1e1f22;border:1px solid #313338;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.member-card:hover{background:#232428;border-color:#404249}.member-card.clickable{cursor:pointer}.member-card.clickable:hover{border-color:#5865f2;transform:translateY(-2px)}.member-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.member-info{flex:1 1;min-width:0}.member-info h5{color:#fff;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-code{color:#72767d;font-size:12px;margin:2px 0}.member-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.role-badge{background:#404249;border-radius:10px;color:#b5bac1;font-size:10px;padding:2px 6px}.server-viewer-footer{align-items:center;background:#2b2d31;border-radius:0 0 12px 12px;border-top:1px solid #1e1f22;display:flex;justify-content:space-between;padding:16px 20px}.footer-stats{color:#949ba4;display:flex;font-size:13px;gap:20px}.close-btn-footer{background:#404249;border:none;border-radius:6px;color:#dbdee1;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.close-btn-footer:hover{background:#35373c}.channel-messages-view{display:flex;flex-direction:column;height:100%}.channel-messages-header{align-items:center;background:#313338;border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.channel-messages-header .back-btn{background:#404249;border:none;border-radius:6px;color:#dbdee1;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.channel-messages-header .back-btn:hover{background:#35373c}.channel-messages-header h4{align-items:center;color:#fff;display:flex;flex:1 1;font-size:18px;gap:8px;margin:0}.channel-messages-header .message-count{color:#949ba4;font-size:14px}.channel-messages-body{background:#1e1f22;border-radius:8px;flex:1 1;max-height:400px;overflow-y:auto;padding:16px}.messages-empty,.messages-loading{align-items:center;color:#949ba4;display:flex;flex-direction:column;justify-content:center;padding:40px}.messages-list{gap:16px}.message-item{background:#2b2d31;display:flex;gap:12px;transition:all .2s}.message-item:hover{background:#313338}.message-avatar{border-radius:50%;flex-shrink:0;height:40px;width:40px}.message-content{flex:1 1;min-width:0}.message-header{margin-bottom:4px}.message-author{font-size:14px}.message-time{color:#72767d;font-size:12px}.server-viewer-modal .message-text{word-wrap:break-word;color:#dbdee1;font-size:14px;line-height:1.5}.message-attachments{color:#5865f2;font-size:13px;margin-top:8px}.channel-messages-body::-webkit-scrollbar,.server-viewer-body::-webkit-scrollbar{width:8px}.server-viewer-body::-webkit-scrollbar-track{background:#2b2d31;border-radius:4px}.server-viewer-body::-webkit-scrollbar-thumb{background:#404249;border-radius:4px}.server-viewer-body::-webkit-scrollbar-thumb:hover{background:#5865f2}@media (max-width:768px){.server-viewer-modal{max-height:90vh;width:95%}.campaigns-grid,.server-overview{grid-template-columns:1fr}.members-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.server-viewer-tabs{flex-wrap:wrap}.footer-stats{flex-direction:column;gap:4px}}.modal-overlay{background-color:#00000080;z-index:9999}.password-reset-modal{background:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:500px;overflow:auto;width:90%}.modal-header{border-bottom:1px solid #444}.modal-header h2{font-size:1.5rem}.modal-close{color:#999}.modal-close:hover{background:#444}.reset-method-selector h3{color:#fff;font-size:1.1rem;margin-bottom:15px}.reset-options{display:flex;flex-direction:column;gap:10px}.reset-option{align-items:center;background:#1a1a1a;border-radius:6px;cursor:pointer;display:flex;padding:15px;transition:background .2s}.reset-option:hover{background:#252525}.reset-option input[type=radio]{margin-right:15px}.option-content{display:flex;flex-direction:column;gap:4px}.option-title{color:#fff;font-weight:500}.option-description{color:#999;font-size:.9rem}.password-input-section{margin-top:20px}.password-input-section label{color:#fff;display:block;margin-bottom:8px}.password-input-wrapper{display:flex;gap:8px}.password-input{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;flex:1 1;font-size:14px;padding:10px}.password-input:focus{border-color:#4caf50;outline:none}.generate-btn,.toggle-password{background:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background .2s;white-space:nowrap}.generate-btn:hover,.toggle-password:hover{background:#555}.error-text{color:#f44336}.error-text,.success-text{display:block;font-size:.85rem;margin-top:5px}.success-text{color:#4caf50}.auto-generate-info,.email-reset-info{background:#1a1a1a;border-radius:6px;margin-top:20px;padding:15px}.auto-generate-info p,.email-reset-info p{color:#fff;margin:8px 0}.modal-footer{border-top:1px solid #444}.btn{font-size:14px;padding:10px 20px;transition:all .2s}.btn-secondary{background:#444;color:#fff}.btn-secondary:hover{background:#555}.btn-primary{background:#4caf50}.btn-primary:hover{background:#45a049}.btn:disabled{cursor:not-allowed;opacity:.5}.success-message{padding:40px 20px;text-align:center}.success-icon{font-size:48px;margin-bottom:20px}.success-message h3{color:#4caf50;margin-bottom:15px}.success-message p{color:#fff;margin:10px 0}.password-display{align-items:center;background:#1a1a1a;border-radius:6px;display:flex;gap:10px;justify-content:center;margin:20px 0;padding:15px}.password-display code{color:#4caf50;font-family:Courier New,monospace;font-size:16px;letter-spacing:1px}.copy-btn{background:#444;border:none;border-radius:4px;color:#fff;padding:8px 16px;transition:all .2s}.copy-btn:hover{background:#555}.copy-btn.copied{background:#4caf50}.warning-text{background:#ff98001a;border-radius:4px;margin-top:15px;padding:10px}.ban-user-modal{background:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:500px;overflow:auto;width:90%}.ban-warning,.unban-confirmation{background:#1a1a1a;border-radius:6px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.info-icon,.warning-icon{flex-shrink:0;font-size:24px}.ban-warning p,.unban-confirmation p{color:#fff;margin:4px 0}.warning-text{color:#ff9800;font-size:.9rem}.info-text{color:#999;font-size:.9rem}.reason-section{margin-top:20px}.reason-section label{color:#fff;display:block;font-weight:500;margin-bottom:8px}.reason-textarea{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.reason-textarea:focus{border-color:#f44336;outline:none}.current-ban-info{background:#f443361a;border:1px solid #f443364d;border-radius:4px;margin-top:15px;padding:10px}.ban-reason-label{color:#ff9800;font-size:.85rem;font-weight:500;margin-bottom:5px}.ban-reason-text{color:#fff;font-style:italic}.btn-danger{background:#f44336}.btn-danger:hover:not(:disabled){background:#d32f2f}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-success{background:#4caf50;color:#fff}.btn-success:hover:not(:disabled){background:#45a049}.error-message{align-items:center;background:#f443361a;border:1px solid #f443364d;border-radius:4px;color:#f44336;display:flex;gap:8px;margin-bottom:15px;padding:12px}.error-icon{flex-shrink:0;font-size:18px}.modal-overlay{animation:fadeIn .2s ease;z-index:10000}.user-details-modal{animation:slideUp .3s ease;background:#2b2d31;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;min-height:0;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:#313338;border-bottom:1px solid #1e1f22;border-radius:12px 12px 0 0;flex-shrink:0}.user-header-info{align-items:center;display:flex;gap:15px}.user-avatar-large{border:3px solid #5865f2;border-radius:50%;height:60px;width:60px}.user-header-info h2{color:#fff;font-size:24px;margin:0}.user-email{margin:4px 0}.user-id{color:#949ba4;font-family:Courier New,monospace;font-size:12px}.close-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-button:hover{background:#404249;color:#fff}.user-tags-section{background:#2b2d31;border-bottom:1px solid #1e1f22;flex-shrink:0;padding:15px 20px}.tags-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-tag{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:4px 10px}.remove-tag-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:4px;opacity:.7;padding:0;transition:opacity .2s}.remove-tag-btn:hover{opacity:1}.add-tag-btn{background:#404249;border:1px dashed #5865f2;border-radius:12px;color:#5865f2;font-size:13px;padding:4px 12px;transition:all .2s}.add-tag-btn:hover{background:#5865f2;border-style:solid;color:#fff}.tag-form{display:flex;gap:8px;margin-top:10px}.tag-form input[type=text]{color:#fff;flex:1 1;font-size:13px;padding:6px 10px}.tag-form input[type=color],.tag-form input[type=text]{background:#1e1f22;border:1px solid #404249;border-radius:6px}.tag-form input[type=color]{cursor:pointer;height:32px;width:40px}.tag-form button{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.tag-form button:first-of-type{background:#5865f2;color:#fff}.tag-form button:first-of-type:hover{background:#4752c4}.tag-form button:last-of-type{background:#404249;color:#b5bac1}.tag-form button:last-of-type:hover{background:#35373c}.user-details-modal .modal-tabs{background:#2b2d31;border-bottom:1px solid #1e1f22;box-sizing:border-box;display:flex!important;flex-shrink:0;justify-content:stretch!important;margin:0!important;padding:0!important;width:100%!important}.user-details-modal .modal-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;border-right:1px solid #1e1f22;color:#949ba4;cursor:pointer;flex:1 1!important;flex-grow:1!important;font-size:14px;font-weight:500;margin-bottom:-1px;min-width:0!important;overflow:hidden;padding:12px 8px;text-align:center;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.user-details-modal .modal-tabs button:last-child{border-right:none}.user-details-modal .modal-tabs button:hover{background:#5865f21a;color:#dbdee1}.user-details-modal .modal-tabs button.active{background:#5865f226;border-bottom-color:#5865f2;color:#fff}.modal-content{border-radius:0 0 12px 12px;box-sizing:border-box;flex:1 1;max-width:100%;min-height:0;min-width:100%;overflow-y:auto}.loading{color:#949ba4;padding:40px}.overview-tab{width:100%}.overview-tab .info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);max-width:none;width:100%}.info-item{background:#1e1f22;border:1px solid #313338;border-radius:8px;box-sizing:border-box;min-width:0;padding:15px;width:100%}.info-item label{color:#949ba4;display:block;font-size:12px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.info-item span{color:#dbdee1;font-size:14px}.status-active{color:#3ba55c!important;font-weight:600}.status-banned{color:#ed4245!important;font-weight:600}.servers-tab{width:100%}.servers-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.user-details-modal .server-item{background:#1e1f22;border:1px solid #313338;border-radius:8px;display:flex;gap:12px;padding:15px;position:relative;transition:all .2s}.user-details-modal .server-item:hover{border-color:#5865f2;box-shadow:0 4px 12px #5865f233;transform:translateY(-2px)}.user-details-modal .server-avatar{border-radius:50%;height:48px;width:48px}.user-details-modal .server-info h4{color:#fff;font-size:16px;margin:0 0 8px}.user-details-modal .server-info p{color:#949ba4;font-size:13px;margin:4px 0}.enter-server-btn,.view-server-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.view-server-btn{align-self:center;background:#5865f2;color:#fff;flex-shrink:0;margin-left:auto}.view-server-btn:hover{background:#4752c4}.enter-server-btn{background:#404249;color:#dbdee1}.enter-server-btn:hover{background:#35373c}.messages-tab{width:100%}.messages-list{display:flex;flex-direction:column;gap:10px;width:100%}.message-item{background:#1e1f22;border:1px solid #313338;border-radius:8px;padding:12px}.message-header{color:#949ba4;font-size:12px;gap:10px}.message-server{color:#5865f2;font-weight:600}.message-channel{color:#3ba55c}.message-time{margin-left:auto}.message-content{color:#dbdee1;font-size:14px;line-height:1.4}.dms-list,.dms-tab{width:100%}.dms-list{display:flex;flex-direction:column;gap:10px}.dm-item{align-items:center;background:#1e1f22;border:1px solid #313338;border-radius:8px;display:flex;gap:12px;padding:15px}.dm-avatar{border-radius:50%;height:40px;width:40px}.dm-info{flex:1 1}.dm-info h4{color:#fff;font-size:15px;margin:0 0 4px}.dm-info p{color:#949ba4;font-size:13px;margin:2px 0}.view-dm-btn{background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.view-dm-btn:hover{background:#4752c4}.actions-tab{padding:10px 0;width:100%}.action-section h3{color:#fff;font-size:18px;margin:0 0 20px}.action-section{width:100%}.action-item{background:#1e1f22;border:1px solid #313338;border-radius:8px;box-sizing:border-box;margin-bottom:15px;padding:20px;width:100%}.action-item h4{color:#fff;font-size:16px;margin:0 0 8px}.action-item p{color:#949ba4;font-size:14px;margin:0 0 15px}.action-item select{background:#313338;border:1px solid #404249;border-radius:6px;color:#dbdee1;cursor:pointer;font-size:14px;margin-bottom:12px;padding:8px 12px;width:100%}.action-btn{padding:10px 20px}.promote-btn{background:#5865f2;color:#fff}.promote-btn:hover{background:#4752c4}.reset-password-btn{background:#3ba55d;color:#fff}.reset-password-btn:hover{background:#2d7d46}.ban-btn{background:#f0b232;color:#fff}.ban-btn:hover{background:#d69e2e}.delete-btn{background:#ed4245;color:#fff}.delete-btn:hover{background:#c73638}.danger-zone{background:#ed42451a!important;border-color:#ed4245!important}.danger-text{color:#f38688!important;font-weight:500}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1e1f22;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#404249;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#5865f2}.stealth-confirm-overlay{align-items:center;animation:fadeIn .2s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.stealth-confirm-modal{animation:slideUp .3s ease;background:#2b2d31;border-radius:12px;box-shadow:0 8px 32px #0006;max-width:500px;width:90%}.stealth-confirm-header{align-items:center;background:#313338;border-bottom:1px solid #1e1f22;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.stealth-confirm-header h3{align-items:center;color:#fff;display:flex;font-size:20px;gap:8px;margin:0}.stealth-confirm-header .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.stealth-confirm-header .close-btn:hover{background:#404249;color:#fff}.stealth-confirm-body{color:#dbdee1;padding:20px}.stealth-confirm-modal .server-name{color:#949ba4;font-size:16px;margin-bottom:12px}.stealth-confirm-modal .server-name strong{color:#fff;font-weight:600}.stealth-description{color:#b5bac1;font-size:14px;line-height:1.5;margin-bottom:20px}.stealth-description .highlight{color:#5865f2;font-weight:600}.stealth-features{background:#1e1f22;border:1px solid #313338;border-radius:8px;padding:16px}.stealth-features h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.stealth-features ul{list-style:none;margin:0;padding:0}.stealth-features li{color:#b5bac1;font-size:13px;line-height:1.4;padding:6px 0}.stealth-confirm-footer{background:#2b2d31;border-radius:0 0 12px 12px;border-top:1px solid #1e1f22;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.stealth-confirm-footer .cancel-btn{background:#404249;border:none;border-radius:6px;color:#dbdee1;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.stealth-confirm-footer .cancel-btn:hover{background:#35373c}.stealth-confirm-footer .confirm-btn{background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.stealth-confirm-footer .confirm-btn:hover{background:#4752c4}@media (max-width:768px){.user-details-modal{max-height:90vh;width:95%}.user-details-modal .modal-tabs{display:flex!important;overflow-x:auto;padding:0!important;width:100%!important}.user-details-modal .modal-tabs button{flex:1 1!important;font-size:12px;min-width:0!important;padding:10px 8px;white-space:nowrap}.servers-list{grid-template-columns:1fr}.overview-tab .info-grid{grid-template-columns:repeat(2,1fr)}.info-item{min-width:0}}.pending-users-tab{background:#0000;min-height:100%;padding:0}.pending-users-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;margin-bottom:0;padding:30px}.pending-users-header h2{align-items:center;display:flex;font-size:28px;font-weight:600;gap:10px;margin:0 0 8px}.pending-users-header p{font-size:16px;margin:0;opacity:.95}.pending-stats{display:flex;gap:30px;margin-top:20px}.stat-item{flex-direction:column}.stat-value{line-height:1}.stat-label{font-size:14px;margin-top:4px}.pending-users-controls{align-items:center;background:#2b2d31;border-bottom:1px solid #1e1f22;display:flex;justify-content:space-between;padding:20px 30px}.search-box{max-width:400px}.search-box input{background:#1e1f22;border:1px solid #404249;padding:10px 15px 10px 40px}.search-box input::placeholder{color:#72767d}.search-box .search-icon{color:#72767d;font-size:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.control-buttons{align-items:center}.bulk-actions,.control-buttons{display:flex;gap:10px}.approve-all-btn,.refresh-btn,.reject-all-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.approve-all-btn{background:#3ba55c;color:#fff}.approve-all-btn:hover:not(:disabled){background:#2d7d46}.reject-all-btn{background:#ed4245;color:#fff}.reject-all-btn:hover:not(:disabled){background:#c73638}.refresh-btn{background:#5865f2}.refresh-btn:hover{background:#4752c4}.approve-all-btn:disabled,.reject-all-btn:disabled{cursor:not-allowed;opacity:.5}.pending-users-content{background:#2b2d31;min-height:400px;padding:20px}.pending-users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.pending-user-card{background:#313338;border:1px solid #1e1f22;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s}.pending-user-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.pending-user-card:hover{border-color:#404249;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.pending-user-card:hover:before{opacity:1}.pending-user-card.selected{background:#35373c;border-color:#5865f2}.user-select-checkbox{cursor:pointer;height:20px;position:absolute;right:15px;top:15px;width:20px}.user-avatar-section{align-items:center;display:flex;gap:15px;margin-bottom:15px}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-basic-info{flex:1 1;min-width:0}.user-username{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 4px}.user-code{background:#404249;border-radius:4px;color:#b5bac1;font-family:monospace;font-size:11px;padding:2px 6px}.user-email{color:#b5bac1;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details-section{background:#2b2d31;border-radius:8px;margin-bottom:15px;padding:12px}.detail-row{font-size:13px;padding:6px 0}.detail-row:not(:last-child){border-bottom:1px solid #404249}.detail-value{color:#dbdee1}.age-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.age-badge.adult{background:#3ba55c1a;color:#3ba55c}.age-badge.minor{background:#f1c40f1a;color:#f1c40f}.user-action-buttons{display:flex;gap:10px;margin-top:15px}.approve-btn,.reject-btn,.view-details-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.approve-btn{background:#3ba55c;color:#fff}.approve-btn:hover{background:#2d7d46;transform:scale(1.02)}.reject-btn{background:#ed4245;color:#fff}.reject-btn:hover{background:#c73638;transform:scale(1.02)}.view-details-btn{background:#5865f2;color:#fff}.view-details-btn:hover{background:#4752c4;transform:scale(1.02)}.no-pending-users{color:#949ba4;padding:80px 20px;text-align:center}.no-pending-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-pending-users h3{color:#dbdee1;font-size:24px;margin:0 0 10px}.no-pending-users p{font-size:16px;margin:0}.loading-spinner{border:4px solid #404249;border-top-color:#5865f2;margin-bottom:20px}.loading-text{font-size:16px}@media (max-width:768px){.pending-users-grid{grid-template-columns:1fr}.pending-users-controls{flex-direction:column;gap:15px}.search-box{max-width:100%}.control-buttons{justify-content:space-between;width:100%}}.pending-user-card{animation:slideIn .3s ease-out}.pending-user-card:nth-child(2){animation-delay:.05s}.pending-user-card:nth-child(3){animation-delay:.1s}.pending-user-card:nth-child(4){animation-delay:.15s}.pending-user-card:nth-child(5){animation-delay:.2s}.pending-user-card:nth-child(6){animation-delay:.25s}.invitation-codes-tab{margin:0 auto;max-width:1400px;padding:0}.codes-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 10px 30px #667eea33;color:#fff;margin-bottom:30px;padding:24px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;transition:all .3s ease}.stat-card:hover{background:#ffffff40}.stat-label{font-size:13px}.stat-card.available{background:#34d39933;border-color:#34d39966}.stat-card.assigned{background:#9333ea33;border-color:#9333ea66}.stat-card.used{background:#fbbf2433;border-color:#fbbf2466}.stat-card.selected{background:#8b5cf633;border-color:#8b5cf666}.codes-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.left-controls,.right-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-box{min-width:280px;position:relative}.search-box input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 12px 10px 40px;transition:all .3s ease}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{font-size:16px;left:12px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 16px;transition:all .3s ease}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.generate-section{align-items:center;display:flex;gap:8px}.code-count-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 8px;text-align:center;transition:all .3s ease;width:60px}.code-count-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.generate-btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.bulk-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.bulk-delete-btn:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.refresh-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;font-weight:500;padding:10px 16px;transition:all .3s ease}.refresh-btn:hover{background:#4b5563;transform:translateY(-2px)}.codes-content{background:#f9fafb;border-radius:12px;min-height:400px;padding:24px}.no-codes{padding:60px 20px;text-align:center}.no-codes-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-codes h3{color:#1f2937;font-size:24px;margin:0 0 12px}.no-codes p{color:#6b7280;font-size:15px;margin:0 0 24px}.generate-first-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 32px;transition:all .3s ease}.generate-first-btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.codes-table-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.select-all-checkbox{cursor:pointer;height:18px;width:18px}.table-info{color:#6b7280;font-size:14px}.codes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.code-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:visible;padding:20px;position:relative;transition:all .3s ease}.code-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.code-card.available{border-left:4px solid #10b981}.code-card.assigned{border-left:4px solid #9333ea}.code-card.used{background:#fffbf0;border-left:4px solid #f59e0b}.code-card.selected{background:#f0f4ff;border-color:#667eea}.card-header{justify-content:space-between;margin-bottom:16px}.code-checkbox{cursor:pointer;height:18px;width:18px}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.available{background:#d1fae5;color:#065f46}.status-badge.assigned{background:#dbeafe;color:#1e40af}.status-badge.used{background:#fed7aa;color:#92400e}.code-display{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.invitation-code{color:#1f2937;flex:1 1;font-family:Courier New,monospace;font-size:16px;font-weight:600;letter-spacing:1px;word-break:break-all}.copy-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease}.copy-btn:hover{background:#f9fafb;border-color:#9ca3af}.copy-btn.copied{background:#10b981;border-color:#10b981;color:#fff}.code-details{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.detail-row{padding:4px 0}.detail-row:not(:last-child){margin-bottom:8px}.detail-label{color:#6b7280}.detail-value{color:#1f2937}.card-actions{margin-top:12px}.card-actions .delete-btn,.share-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;justify-content:center;min-height:36px;padding:10px 12px;transition:all .2s ease}.share-btn{background:#e0e7ff;color:#4338ca}.share-btn:hover{background:#c7d2fe}.card-actions .delete-btn{background:#fee2e2;color:#dc2626}.card-actions .delete-btn:hover{background:#fecaca}.loading-spinner{border:4px solid #e5e7eb;height:48px;width:48px}.loading-text{font-size:15px}@media (max-width:768px){.codes-header{padding:20px}.header-content h2{font-size:24px}.stats-row{grid-template-columns:repeat(2,1fr)}.codes-controls{align-items:stretch;flex-direction:column}.left-controls,.right-controls{justify-content:space-between;width:100%}.search-box{min-width:100%}.codes-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.invitation-codes-tab{color:#f3f4f6}.codes-content{background:#1f2937}.code-card{background:#374151;border-color:#4b5563}.code-card.used{background:#3f3420}.code-card.selected{background:#312e81}.code-count-input,.filter-select,.search-box input{background:#374151;border-color:#4b5563;color:#f3f4f6}.code-display{background:#1f2937}.copy-btn,.invitation-code{color:#f3f4f6}.copy-btn{background:#4b5563;border-color:#6b7280}.code-details{background:#1f2937}.detail-value,.no-codes h3{color:#f3f4f6}}.modal-overlay{background:#0009}.generate-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow:auto;width:90%}.modal-header h3{color:#1f2937;font-size:20px}.modal-header .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-header .close-btn:hover{background:#f3f4f6;color:#1f2937}.form-group{margin-bottom:24px}.form-group label{color:#374151}.form-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.searching-text{color:#6b7280;font-size:13px;margin-top:8px}.user-search-results{border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;max-height:200px;overflow-y:auto}.user-result{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s ease}.user-result:last-child{border-bottom:none}.user-result:hover{background:#f9fafb}.user-result.selected{background:#e0e7ff}.user-avatar-small{border-radius:50%;height:36px;object-fit:cover;width:36px}.user-info{flex:1 1}.user-name{color:#1f2937;font-size:14px;font-weight:500}.user-email{color:#6b7280;font-size:12px;margin-top:2px}.selected-user-badge{align-items:center;background:#e0e7ff;border-radius:8px;display:flex;justify-content:space-between;margin-top:12px;padding:8px 12px}.selected-user-badge span{color:#4338ca;font-size:14px;font-weight:500}.clear-btn{background:#fff;border:1px solid #c7d2fe;border-radius:6px;color:#4338ca;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s ease}.clear-btn:hover{background:#f0f4ff}.form-info{background:#f9fafb;border-radius:8px;color:#4b5563;font-size:14px;margin-top:16px}.form-info strong{color:#1f2937}.cancel-btn,.confirm-btn{border-radius:8px;transition:all .2s ease}.cancel-btn{background:#f3f4f6;color:#4b5563}.cancel-btn:hover{background:#e5e7eb}.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.confirm-btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.confirm-btn:disabled{box-shadow:none;transform:none}.assign-btn,.unassign-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;justify-content:center;min-height:36px;padding:10px 12px;transition:all .2s ease}.assign-btn{background:#dbeafe;color:#1e40af}.assign-btn:hover{background:#bfdbfe}.unassign-btn{background:#fef3c7;color:#92400e}.unassign-btn:hover{background:#fde68a}.code-display-readonly{background:#f3f4f6;border-radius:8px;padding:12px;text-align:center}.code-display-readonly .invitation-code{font-size:18px;letter-spacing:2px}.admin-users-tab{margin:0 auto;max-width:1400px;padding:0}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #667eea26;color:#fff;margin-bottom:32px;padding:32px}.admin-header h2{align-items:center;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.admin-header p{font-size:16px;margin:0;opacity:.95}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card:hover{box-shadow:0 4px 12px #0000001f}.stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.super-admin .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.admin .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card.moderator .stat-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card .stat-value{font-size:32px}.admin-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.search-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input .search-icon{color:#9ca3af}.filter-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-admin-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.add-admin-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.admin-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.admin-card{box-shadow:0 2px 8px #0003;overflow:hidden;padding:24px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.admin-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.admin-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.admin-card.super-admin:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.admin-card.admin:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.admin-card.moderator:before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.card-header{gap:16px;margin-bottom:20px}.admin-avatar,.card-header{align-items:center;display:flex}.admin-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:24px;font-weight:600;height:56px;justify-content:center;min-height:56px;min-width:56px;overflow:hidden;width:56px}.admin-avatar img{height:100%;object-fit:cover;width:100%}.admin-info{flex:1 1}.admin-name{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 4px}.online-indicator{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.admin-email{color:#949ba4;font-size:14px}.role-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:6px 12px;text-transform:uppercase}.role-badge.super-admin{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.role-badge.admin{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.role-badge.moderator{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.card-details{border-bottom:1px solid #1a1b1e;border-top:1px solid #1a1b1e;margin-bottom:16px;padding:16px 0}.detail-row{align-items:center;justify-content:space-between;padding:8px 0}.detail-label{font-size:13px;font-weight:500}.detail-value{font-size:13px;font-weight:600}.permission-badges{display:flex;flex-wrap:wrap;gap:6px}.permission-badge{background:#1a1b1e;border-radius:6px;color:#949ba4;font-size:11px;font-weight:500;padding:4px 8px}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{min-width:100px}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.action-btn.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.action-btn.secondary{background:#404249;color:#dbdee1}.action-btn.secondary:hover{background:#4a4d55}.action-btn.danger{background:#fee2e2;color:#dc2626}.action-btn.danger:hover{background:#fecaca}.action-btn.success{background:#d1fae5;color:#065f46}.action-btn.success:hover{background:#a7f3d0}.tab-loading{color:#6b7280}.no-admins{background:#313338;border-radius:12px;padding:60px 20px;text-align:center}.no-admins-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-admins h3{color:#fff;font-size:24px;margin:0 0 12px}.no-admins p{color:#949ba4;font-size:15px;margin:0}@media (max-width:768px){.admin-header{padding:24px}.admin-header h2{font-size:24px}.admin-stats{grid-template-columns:1fr 1fr}.admin-controls{align-items:stretch;flex-direction:column}.search-section{width:100%}.admin-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.action-btn{width:100%}}.default-maps-tab{margin:0 auto;max-width:1400px;padding:0}.maps-stats{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.maps-controls,.maps-stats{gap:20px;margin-bottom:32px}.maps-controls{flex-wrap:wrap;justify-content:space-between}.add-map-btn,.maps-controls{align-items:center;display:flex}.add-map-btn{background:linear-gradient(135deg,#5865f2,#7289da);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.add-map-btn:hover{box-shadow:0 4px 12px #5865f24d;transform:translateY(-2px)}.maps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.map-card{background:#313338;border:1px solid #1a1b1e;border-radius:12px;box-shadow:0 2px 8px #0003;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.map-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.map-preview{background:#404249;height:200px;overflow:hidden;position:relative;width:100%}.map-preview img{height:100%;object-fit:cover;width:100%}.map-placeholder{align-items:center;background:linear-gradient(135deg,#404249,#313338);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.5}.placeholder-text{color:#949ba4;font-size:14px;font-weight:500}.size-indicator{border-radius:50%;box-shadow:0 0 6px currentColor;height:12px;position:absolute;right:10px;top:10px;width:12px}.category-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;bottom:10px;color:#fff;display:flex;font-size:12px;gap:6px;left:10px;padding:6px 12px;position:absolute}.category-icon{font-size:14px}.category-name{text-transform:capitalize}.map-content{padding:20px}.map-name{color:#fff;font-size:18px;font-weight:600;margin:0 0 12px}.map-info{margin-bottom:16px}.info-row{align-items:center;color:#949ba4;display:flex;font-size:14px;gap:8px;padding:6px 0}.info-icon{font-size:16px;opacity:.8}.info-text{flex:1 1}.map-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{background:#404249;border-radius:12px;color:#949ba4;font-size:11px;font-weight:500;padding:4px 8px}.tag.more{background:#5865f2;color:#fff}.map-actions{background:#2b2d31;border-top:1px solid #1a1b1e;display:flex;gap:8px;padding:16px 20px}.action-btn{font-size:13px;gap:6px;padding:8px 12px}.action-btn.edit{color:#dbdee1}.no-maps{background:#313338;border:1px solid #1a1b1e;border-radius:12px;padding:60px 20px;text-align:center}.no-maps-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-maps h3{color:#fff;font-size:24px;margin:0 0 12px}.no-maps p{color:#949ba4;font-size:15px;margin:0}.map-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.map-view-modal{background:#313338;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.map-view-body{padding:24px}.map-view-body img{background:#1a1b1e;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:50vh;object-fit:contain;padding:10px;width:100%}.map-details{background:#2b2d31;border:1px solid #1a1b1e;border-radius:8px;margin-top:24px;padding:20px}.detail-row{align-items:flex-start;border-bottom:1px solid #1a1b1e;margin-bottom:16px;padding-bottom:16px}.detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{color:#949ba4;font-size:14px;font-weight:600;letter-spacing:.5px;margin-right:16px;min-width:120px;text-transform:uppercase}.detail-value{color:#fff;flex:1 1;font-size:15px}.detail-value .tag{background:#5865f2;border-radius:12px;color:#fff;display:inline-block;font-size:12px;margin-right:5px;padding:2px 8px}.btn-close{background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .2s ease}.btn-close:hover{background:#4752c4}.map-modal{background:#313338;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header h2{font-size:24px}.modal-close{border-radius:50%}.modal-close:hover{background:#404249}.form-group label{color:#dbdee1}.form-group input,.form-group select{background:#1a1b1e;border:2px solid #404249;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#5865f2;box-shadow:0 0 0 3px #5865f21a;outline:none}.form-row{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}.tag-input-wrapper{display:flex;gap:8px}.tag-input-wrapper input{flex:1 1}.add-tag-btn{background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.add-tag-btn:hover{background:#4752c4}.tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-item{align-items:center;background:#404249;border-radius:20px;color:#dbdee1;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.tag-item button{background:none;border:none;color:#949ba4;cursor:pointer;font-size:18px;line-height:1;margin-left:4px;padding:0;transition:color .2s ease}.tag-item button:hover{color:#ef4444}.thumbnail-preview{background:#1a1b1e;border:2px solid #404249;border-radius:8px;margin-top:12px;overflow:visible;position:relative}.thumbnail-preview img{display:block;height:auto;max-height:200px;object-fit:contain;padding:10px;width:100%}.remove-image-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;position:absolute;right:10px;top:10px;transition:background .2s ease;z-index:10}.remove-image-btn:hover{background:#dc2626}.image-upload-section{align-items:center;display:flex;gap:15px;margin-top:5px}.upload-button{background:#5865f2;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.upload-button:hover{background:#4752c4}.file-name{color:#949ba4;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-cancel,.btn-save{font-weight:600;transition:all .2s ease}.btn-cancel{background:#404249;color:#dbdee1}.btn-cancel:hover{background:#4a4d55}.btn-save{background:linear-gradient(135deg,#5865f2,#7289da)}.btn-save:hover{box-shadow:0 4px 12px #5865f24d;transform:translateY(-1px)}.select-all-btn{background:#404249;border:none;border-radius:10px;color:#dbdee1;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.select-all-btn:hover{background:#4a4d55}.bulk-actions-bar{background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:10px;gap:20px;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.bulk-actions-bar,.bulk-info{align-items:center;display:flex}.bulk-info{gap:12px}.selected-count{color:#fff;font-size:14px;font-weight:600}.clear-selection-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.clear-selection-btn:hover{background:#ffffff4d}.bulk-buttons{display:flex;flex-wrap:wrap;gap:8px}.bulk-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:8px 14px;transition:all .2s ease}.bulk-btn.active{background:#10b981;color:#fff}.bulk-btn.inactive{background:#f59e0b;color:#fff}.bulk-btn.featured{background:#fbbf24;color:#1a1b1e}.bulk-btn.unfeature{background:#6b7280;color:#fff}.bulk-btn.visibility{background:#fff3;color:#fff}.bulk-btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.map-card{position:relative}.map-card.selected{border-color:#5865f2;box-shadow:0 0 0 2px #5865f24d}.map-card.inactive{opacity:.6}.map-card.inactive:hover{opacity:.8}.map-select-checkbox{cursor:pointer;left:10px;position:absolute;top:10px;z-index:10}.map-select-checkbox input[type=checkbox]{accent-color:#5865f2;cursor:pointer;height:20px;width:20px}.visibility-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:120px;position:absolute;right:10px;top:10px;z-index:10}.visibility-badges .badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:12px;cursor:default;font-size:12px;padding:4px 8px}.visibility-badges .badge.featured{background:#fbbf24e6}.visibility-badges .badge.inactive{background:#ef4444e6}.visibility-badges .badge.builder{background:#5865f2e6}.visibility-badges .badge.picker{background:#10b981e6}.visibility-badges .badge.ai{background:#8b5cf6e6}.visibility-toggles{background:#2b2d31;border-top:1px solid #1a1b1e;display:flex;gap:6px;justify-content:center;padding:12px 20px}.visibility-toggles .toggle-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.visibility-toggles .toggle-btn.on{background:#10b98133;color:#10b981}.visibility-toggles .toggle-btn.off{background:#6b728033;color:#6b7280}.visibility-toggles .toggle-btn:hover{transform:scale(1.1)}.visibility-section{background:#2b2d31;border:1px solid #1a1b1e;border-radius:10px;margin-top:24px;padding:20px}.visibility-section h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.visibility-toggles-form{grid-gap:12px;display:grid;gap:12px}.visibility-toggles-form .toggle-label{align-items:center;background:#1a1b1e;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.visibility-toggles-form .toggle-label:hover{background:#232428}.visibility-toggles-form .toggle-label input[type=checkbox]{accent-color:#5865f2;cursor:pointer;height:18px;width:18px}.visibility-toggles-form .toggle-text{color:#fff;flex:1 1;font-weight:500}.visibility-toggles-form .toggle-hint{color:#949ba4;font-size:12px}@media (max-width:768px){.maps-stats{grid-template-columns:repeat(2,1fr)}.maps-controls{align-items:stretch;flex-direction:column}.search-section{flex-direction:column;width:100%}.search-input{max-width:100%}.filter-dropdown{width:100%}.maps-grid{grid-template-columns:1fr}}@media (max-width:480px){.maps-stats{grid-template-columns:1fr}.map-actions{flex-direction:column}.action-btn{width:100%}}.import-monster-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95vw}.import-monster-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:3px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.import-monster-modal .modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.import-monster-modal .modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.import-monster-modal .modal-close:hover{background:#fff3}.import-monster-modal .modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.import-monster-modal .error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;display:flex;gap:12px;margin:20px;padding:16px}.import-monster-modal .error-message button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.import-monster-modal .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.import-monster-modal .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:48px;margin-bottom:20px;width:48px}.import-monster-modal .import-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.import-monster-modal .filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;padding:20px}.import-monster-modal .search-box{flex:1 1;min-width:200px}.import-monster-modal .search-box input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.import-monster-modal .search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.import-monster-modal .filters select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;min-width:150px;padding:10px 16px}.import-monster-modal .results-info{background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:14px;padding:16px 20px}.import-monster-modal .monster-list{grid-gap:16px;align-content:start;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-y:auto;padding:20px}.import-monster-modal .monster-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.import-monster-modal .monster-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.import-monster-modal .monster-item.selected{background:#f8faff;border-color:#667eea;box-shadow:0 6px 20px #667eea40}.import-monster-modal .monster-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.import-monster-modal .monster-name{color:#1f2937;font-size:16px;font-weight:600;margin:0}.import-monster-modal .cr-badge{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.import-monster-modal .monster-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.import-monster-modal .monster-details span{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;padding:2px 6px}.import-monster-modal .monster-stats{color:#374151;display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.import-monster-modal .monster-stats span{font-weight:500}.import-monster-modal .no-results{color:#6b7280;grid-column:1/-1;padding:60px 20px;text-align:center}.import-monster-modal .preview-panel{background:#f9fafb;border-radius:8px;border-top:2px solid #e5e7eb;margin:20px;padding:20px}.import-monster-modal .preview-panel h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.import-monster-modal .stat-block{background:#fff;border-radius:6px;margin-bottom:16px;padding:16px}.import-monster-modal .ability-scores{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}.import-monster-modal .ability{background:#f8faff;border:1px solid #e5e7eb;border-radius:6px;padding:8px;text-align:center}.import-monster-modal .ability-name{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.import-monster-modal .ability-score{color:#1f2937;display:block;font-size:16px;font-weight:700}.import-monster-modal .ability-mod{color:#6b7280;display:block;font-size:12px;margin-top:2px}.import-monster-modal .description{background:#fff;border-radius:6px;padding:16px}.import-monster-modal .description h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.import-monster-modal .description p{color:#6b7280;line-height:1.5;margin:0}.import-monster-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.import-monster-modal .btn-cancel{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.import-monster-modal .btn-cancel:hover{background:#4b5563}.import-monster-modal .btn-import{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.import-monster-modal .btn-import:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.import-monster-modal .btn-import:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.import-monster-modal{border-radius:0;height:100vh;max-height:none;width:100vw}.import-monster-modal .filters{flex-direction:column;gap:12px}.import-monster-modal .search-box{min-width:auto}.import-monster-modal .monster-list{gap:12px;grid-template-columns:1fr}.import-monster-modal .ability-scores{gap:8px;grid-template-columns:repeat(3,1fr)}.import-monster-modal .preview-panel{margin:10px;padding:16px}}.default-npcs-tab{margin:0 auto;max-width:1400px;padding:0}.npcs-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:#313338;border:1px solid #1a1b1e;border-radius:12px;box-shadow:0 2px 8px #0003;padding:24px}.stat-card .stat-icon{font-size:32px;margin-bottom:12px}.stat-card .stat-value{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.stat-card .stat-label{color:#949ba4;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.npcs-controls{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.npcs-controls,.search-section{align-items:center;display:flex}.search-section{flex:1 1;gap:12px;min-width:300px}.search-input{max-width:300px;position:relative}.search-input input{background:#313338;border:2px solid #1a1b1e;border-radius:10px;color:#fff;font-size:14px;padding:10px 16px 10px 40px;transition:all .3s ease;width:100%}.search-input input:focus{border-color:#5865f2;box-shadow:0 0 0 3px #5865f21a;outline:none}.search-input input::placeholder{color:#949ba4}.search-input .search-icon{font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.filter-dropdown{background:#313338;border:2px solid #1a1b1e;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease}.filter-dropdown:focus{border-color:#5865f2;box-shadow:0 0 0 3px #5865f21a;outline:none}.add-npc-btn{background:linear-gradient(135deg,#5865f2,#7289da);border-radius:10px;padding:10px 20px;transition:all .3s ease}.add-npc-btn:hover{box-shadow:0 4px 12px #5865f24d;transform:translateY(-2px)}.npcs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.npc-card{background:#313338;border:1px solid #1a1b1e;border-radius:12px;box-shadow:0 2px 8px #0003;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.npc-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.npc-header{background:#404249;min-height:120px;padding:20px;position:relative}.npc-avatar,.npc-header{align-items:center;display:flex;justify-content:center}.npc-avatar{background:#313338;border:3px solid #2b2d31;border-radius:50%;height:80px;overflow:hidden;width:80px}.npc-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:36px}.role-indicator{align-items:center;border-radius:50%;display:flex;font-size:16px;height:32px;justify-content:center;right:10px;width:32px}.challenge-badge,.role-indicator{box-shadow:0 2px 6px #0000004d;position:absolute;top:10px}.challenge-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:600;left:10px;padding:4px 8px}.npc-content{padding:20px}.npc-name{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px;text-align:center}.npc-subtitle{align-items:center;color:#949ba4;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:12px}.npc-subtitle .divider{opacity:.5}.npc-level{background:#5865f21a;border-radius:20px;color:#5865f2;display:inline-block;font-size:14px;font-weight:600;margin-bottom:16px;padding:4px 12px;text-align:center;width:100%}.npc-stats-row{border-bottom:1px solid #1a1b1e;border-top:1px solid #1a1b1e;display:flex;justify-content:space-around;margin-bottom:16px;padding:12px 0}.stat-item{text-align:center}.stat-item .stat-label{color:#949ba4;display:block;font-size:12px;font-weight:500;margin-bottom:4px;text-transform:uppercase}.stat-item .stat-value{color:#fff;font-size:20px;font-weight:700}.npc-abilities{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:16px}.ability-score{background:#404249;border-radius:8px;padding:8px;position:relative;text-align:center}.ability-name{color:#949ba4;display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.ability-value{color:#fff;display:block;font-size:16px;font-weight:700;margin-bottom:2px}.ability-mod{color:#5865f2;display:block;font-size:11px;font-weight:500}.npc-actions{background:#2b2d31;border-top:1px solid #1a1b1e;display:flex;gap:4px;padding:12px}.action-btn{background:#404249;border-radius:8px;color:#dbdee1;flex:1 1;justify-content:center;padding:8px}.action-btn:hover{transform:translateY(-1px)}.action-btn.view{background:#5865f2;color:#fff}.action-btn.view:hover{background:#4752c4}.action-btn.duplicate{background:#3ba55d;color:#fff}.action-btn.duplicate:hover{background:#2d8c4a}.action-btn.edit{background:#404249}.action-btn.edit:hover{background:#4a4d55}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef444433}.tab-loading{flex-direction:column;min-height:400px}.no-npcs{background:#313338;border:1px solid #1a1b1e;border-radius:12px;padding:60px 20px;text-align:center}.no-npcs-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-npcs h3{color:#fff;font-size:24px;margin:0 0 12px}.no-npcs p{color:#949ba4;font-size:15px;margin:0}@media (max-width:1024px){.npcs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.npcs-stats{grid-template-columns:repeat(2,1fr)}.npcs-controls{align-items:stretch;flex-direction:column}.search-section{flex-direction:column;width:100%}.search-input{max-width:100%}.filter-dropdown{width:100%}.npcs-grid{grid-template-columns:1fr}}@media (max-width:480px){.npcs-stats{grid-template-columns:1fr}.npc-abilities{grid-template-columns:repeat(2,1fr)}}.system-selection-section{background:#2b2d31;border:1px solid #3f4147;border-radius:8px;margin-bottom:30px;padding:20px}.system-select{background:#1e1f22;border:1px solid #3f4147;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px;width:100%}.system-select:focus{border-color:#5865f2;outline:none}.system-prompt{color:#96989d}.system-prompt p{margin:10px 0}.system-hint{color:#72767d;font-size:13px;font-style:italic}input[list]{position:relative}datalist{background:#2b2d31;border:1px solid #3f4147;border-radius:4px;max-height:200px;overflow-y:auto;position:absolute;z-index:1000}.action-buttons,.import-btn{align-items:center}.import-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.import-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.add-npc-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-npc-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.modal-content{background:#2b2d31;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden}.npc-modal{max-width:1200px}.modal-header{background:#1e1f22;border-bottom:1px solid #1a1b1e}.modal-close{border-radius:4px;color:#949ba4;height:32px;transition:all .2s ease;width:32px}.modal-close:hover{background:#ffffff1a}.modal-footer{background:#1e1f22;border-top:1px solid #1a1b1e;gap:12px}.modal-footer .modal-btn.danger{margin-right:auto}.form-section{margin-bottom:24px}.form-section h3{border-bottom:1px solid #404249;color:#fff;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-section h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-section.full-width{grid-column:1/-1}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{background:#1e1f22;border:1px solid #404249;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5865f2;box-shadow:0 0 0 3px #5865f21a}.form-group input::placeholder,.form-group textarea::placeholder{color:#72767d}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:40px}.form-group select option{background:#1e1f22;color:#fff;padding:8px}.form-group select option:hover{background:#313338}.form-group select:not([value=""]){color:#fff!important}.json-editor{background:#1e1f22!important;border:1px solid #404249!important;color:#58d68d!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:12px!important;line-height:1.5!important;margin-top:8px;padding:12px!important}.json-editor:focus{border-color:#5865f2!important;box-shadow:0 0 0 3px #5865f21a!important;outline:none!important}.json-editor::placeholder{color:#4a5568!important;opacity:.7!important}.json-helpers{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;margin-top:8px}.json-helper-btn{background:#404249;border:1px solid #5865f2;border-radius:6px;color:#5865f2;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.json-helper-btn:hover{background:#5865f2;box-shadow:0 2px 8px #5865f24d;color:#fff;transform:translateY(-1px)}.json-helper-btn:active{transform:translateY(0)}.avatar-upload{display:flex;flex-direction:column;gap:12px}.avatar-preview{background:#1e1f22;border:2px solid #404249;border-radius:8px;height:150px;overflow:hidden;position:relative;width:150px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.remove-avatar{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px}.remove-avatar:hover{background:#ef4444;transform:scale(1.1)}.upload-btn{align-items:center;background:#404249;border:2px dashed #5865f2;border-radius:8px;color:#5865f2;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.upload-btn:hover{background:#5865f2;border-style:solid;color:#fff}.upload-icon{font-size:18px}.stat-block-modal{max-height:90vh;max-width:800px}.stat-block{color:#dbdee1;font-family:Georgia,serif;line-height:1.6}.stat-block-header{border-bottom:3px solid #8b4513;margin-bottom:16px;padding-bottom:8px}.stat-block-header h1{color:#8b4513;font-size:28px;font-weight:700;margin:0}.creature-type{color:#949ba4;font-size:14px;margin:4px 0 0}.stat-block-section{border-bottom:1px solid #404249;margin:16px 0;padding:12px 0}.stat-block-section:last-child{border-bottom:none}.stat-block-section h3{color:#8b4513;font-size:18px;font-weight:600;margin:0 0 12px}.stat-line{color:#dbdee1;margin:8px 0}.stat-line strong{color:#8b4513;margin-right:8px}.abilities-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin:16px 0;text-align:center}.ability{background:#404249;border:1px solid #5865f2;border-radius:8px;padding:12px 8px}.ability strong{color:#8b4513;display:block;font-size:12px;margin-bottom:4px}.ability span{color:#fff;font-size:14px;font-weight:600}.ability-entry{color:#dbdee1;margin:12px 0}.ability-entry strong{color:#8b4513;font-style:italic}.ability-text{color:#dbdee1;margin:8px 0;white-space:pre-wrap}@media (max-width:768px){.stat-block-modal{max-width:95%}.abilities-grid{grid-template-columns:repeat(3,1fr)}}.form-row{grid-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.ability-scores-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.ability-input{align-items:center;background:#1e1f22;border:1px solid #404249;border-radius:8px;display:flex;flex-direction:column;padding:12px}.ability-input label{color:#949ba4;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.ability-input input{background:#313338;border:1px solid #404249;border-radius:4px;color:#fff;font-size:16px;font-weight:600;padding:6px;text-align:center;width:60px}.ability-input input:focus{border-color:#5865f2;outline:none}.admin-button{border-radius:6px;padding:10px 20px;transition:all .2s ease}.admin-button.secondary{background:#404249;color:#b5bac1}.admin-button.secondary:hover{background:#4a4d55;color:#fff}.admin-button.danger{background:#ef4444;color:#fff}.admin-button.danger:hover{background:#dc2626}.modal-btn{font-weight:600;transition:all .2s ease}.modal-btn.primary{background:#5865f2;color:#fff}.modal-btn.primary:hover{background:#4752c4}.modal-btn.secondary{background:#404249;color:#b5bac1}.modal-btn.secondary:hover{background:#4a4d55;color:#fff}.modal-btn.danger{background:#ef4444;color:#fff}.modal-btn.danger:hover{background:#dc2626;box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.system-prompt{background:#404249;border-radius:8px;margin:20px;padding:40px;text-align:center}.system-prompt h3{color:#fbbf24;margin-bottom:10px}.system-prompt p{color:#e5e7eb;line-height:1.6;margin-bottom:20px}.visual-rule-builder{background:#1e1f22;color:#dcddde;display:flex;flex-direction:column;height:100%}.builder-header{align-items:center;background:#2b2d31;border-bottom:1px solid #3f4147;display:flex;justify-content:space-between;padding:15px 20px}.rule-info{display:flex;flex:1 1;gap:15px}.rule-desc-input,.rule-name-input{background:#1e1f22;border:1px solid #3f4147;border-radius:6px;color:#dcddde;font-size:14px;padding:8px 12px}.rule-name-input{font-weight:600;width:200px}.rule-desc-input{flex:1 1;max-width:400px}.builder-controls{display:flex;gap:10px}.builder-controls button{background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 15px;transition:background .2s}.builder-controls button:hover{background:#4752c4}.builder-controls button:disabled{background:#3f4147;color:#72767d;cursor:not-allowed}.btn-generate{background:#3ba55c!important}.btn-generate:hover{background:#2d8049!important}.builder-main{display:flex;flex:1 1;overflow:hidden}.block-library{background:#2b2d31;border-right:1px solid #3f4147;overflow-y:auto;padding:20px;width:250px}.block-library h3{color:#dcddde;font-size:16px;margin:0 0 20px}.block-category{margin-bottom:25px}.block-category h4{color:#96989d;font-size:13px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.block-list{display:flex;flex-direction:column;gap:8px}.library-block{border-radius:6px;color:#fff;cursor:move;font-size:13px;padding:10px 12px;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.library-block:hover{box-shadow:0 2px 8px #0000004d;transform:translateX(5px)}.rule-canvas{background:#1e1f22;background-image:linear-gradient(#2b2d31 1px,#0000 0),linear-gradient(90deg,#2b2d31 1px,#0000 0);background-size:20px 20px;flex:1 1;overflow:hidden;position:relative}.connections-svg{pointer-events:none}.blocks-container,.connections-svg{height:100%;left:0;position:absolute;top:0;width:100%}.rule-block{background:#2b2d31;border:2px solid #3f4147;border-radius:8px;box-shadow:0 2px 8px #0000004d;cursor:move;min-width:200px;position:absolute;-webkit-user-select:none;user-select:none}.rule-block.selected{border-color:#5865f2;box-shadow:0 0 0 2px #5865f24d}.block-header{border-bottom:1px solid #ffffff1a;color:#fff;font-size:13px;font-weight:600;padding:10px 12px}.block-inputs,.block-outputs{padding:8px}.port{background:#0000004d;border-radius:4px;color:#dcddde;cursor:pointer;font-size:11px;margin:3px 0;padding:4px 8px;transition:background .2s}.input-port{position:relative;text-align:left}.input-port:before{color:#5865f2;content:"●";left:-15px;position:absolute}.output-port{position:relative;text-align:right}.output-port:after{color:#3ba55c;content:"●";position:absolute;right:-15px}.port:hover{background:#5865f233}.block-params{border-top:1px solid #ffffff1a;padding:8px}.param-field{align-items:center;display:flex;gap:8px;margin:5px 0}.param-field label{color:#96989d;font-size:11px;min-width:60px}.param-field input{background:#0000004d;border:1px solid #3f4147;border-radius:3px;color:#dcddde;flex:1 1;font-size:11px;padding:3px 6px}.properties-panel{background:#2b2d31;border-left:1px solid #3f4147;overflow-y:auto;padding:20px;width:250px}.properties-panel h3{color:#dcddde;font-size:16px;margin:0 0 20px}.property{margin-bottom:15px}.property label{color:#96989d;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.property input,.property select{background:#1e1f22;border:1px solid #3f4147;border-radius:4px;color:#dcddde;font-size:13px;padding:6px 10px;width:100%}.property span{color:#dcddde;font-size:13px}.code-preview{background:#2b2d31;border-top:1px solid #3f4147;height:200px;overflow:auto;padding:15px}.code-preview h3{color:#dcddde;font-size:14px;margin:0 0 10px}.code-preview pre{background:#1e1f22;border-radius:6px;color:#abb2bf;font-family:Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:15px}.connecting{animation:pulse 1s infinite}@media (max-width:1200px){.block-library,.properties-panel{width:200px}}@media (max-width:768px){.builder-main{flex-direction:column}.block-library{border-bottom:1px solid #3f4147;border-right:none;height:150px;width:100%}.properties-panel{border-left:none;border-top:1px solid #3f4147;width:100%}}.game-systems-tab{margin:0 auto;max-width:1200px;padding:20px}.tab-header p{color:#b5bac1;margin:0 0 15px}.header-stats{display:flex;gap:20px;margin-top:10px}.header-stats span{background:#2b2d31;border-radius:8px;color:#b5bac1;font-size:14px;padding:8px 16px}.controls-row{align-items:center;display:flex;gap:15px;margin-bottom:20px}.search-input{background:#1e1f22;border:1px solid #3f4147;border-radius:8px;color:#fff;flex:1 1;font-size:14px;max-width:400px;padding:10px 15px}.search-input:focus{border-color:#5865f2;outline:none}.add-system-btn{background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.add-system-btn:hover:not(:disabled){background:#4752c4}.add-system-btn:disabled{background:#3f4147;color:#96989d;cursor:not-allowed}.systems-list{grid-gap:15px;display:grid;gap:15px}.system-card{align-items:center;background:#2b2d31;border:1px solid #0000;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.system-card:hover{background:#313338;border-color:#3f4147}.system-info{flex:1 1}.system-info h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.system-description{color:#b5bac1;font-size:14px;line-height:1.4;margin:0 0 12px}.system-meta{align-items:center;display:flex;gap:12px}.system-version{background:#1e1f22;border-radius:6px;color:#96989d;font-size:12px;padding:4px 10px}.system-status{border-radius:6px;font-size:13px;font-weight:500;padding:4px 12px}.system-status.active{background:#23a55a26;color:#23a559}.system-status.inactive{background:#f23f4226;color:#f23f42}.system-actions{display:flex;gap:10px}.system-actions button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-edit{background:#3f4147;color:#b5bac1}.btn-edit:hover{background:#4a4d52;color:#fff}.btn-toggle{background:#5865f2;color:#fff}.btn-toggle:hover{background:#4752c4}.no-systems{color:#96989d}.no-systems,.tab-loading{padding:40px;text-align:center}.tab-loading{color:#b5bac1}.modal-overlay{background:#000c}.system-modal{background:#313338;border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #3f4147}.modal-header h2{color:#fff;font-size:20px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#96989d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.modal-close:hover{background:#3f4147;color:#fff}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#b5bac1;font-size:14px;margin-bottom:8px}.form-group input[type=text],.form-group textarea{background:#1e1f22;border:1px solid #3f4147;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#5865f2;outline:none}.form-group textarea{min-height:80px}.checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.checkbox-label span{color:#b5bac1;font-size:14px}.modal-footer{border-top:1px solid #3f4147;gap:10px;justify-content:flex-end;padding:20px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel{background:#3f4147;color:#b5bac1}.btn-cancel:hover{background:#4a4d52}.btn-save{background:#5865f2;color:#fff}.btn-save:hover:not(:disabled){background:#4752c4}.btn-save:disabled{background:#3f4147;color:#96989d;cursor:not-allowed}.config-modal{max-height:90vh;max-width:900px;width:90%}.config-body{max-height:calc(90vh - 200px);overflow-y:auto}.btn-configure{background:#7289da;color:#fff}.btn-configure:hover{background:#677bc4}.config-tabs{border-bottom:2px solid #3f4147;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.config-tab{background:none;border:none;border-bottom:2px solid #0000;color:#96989d;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-12px;padding:8px 16px;transition:all .2s}.config-tab:hover{color:#b5bac1}.config-tab.active{border-bottom-color:#5865f2;color:#5865f2}.config-section{background:#2b2d31;border-radius:8px;padding:20px}.config-section.hidden{display:none}.config-section h3{color:#fff;font-size:18px;margin:0 0 20px}.config-section .form-group{margin-bottom:20px}.config-section textarea{font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.5}.config-section textarea[placeholder*=JSON]{background:#1e1f22;font-family:Monaco,Courier New,monospace;font-size:12px}.code-editor{background:#1e1f22;border:1px solid #3f4147;border-radius:6px;color:#abb2bf;font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;min-height:200px;overflow-x:auto;padding:15px;resize:vertical;tab-size:2;white-space:pre;width:100%}.code-editor:focus{background:#282c34;border-color:#5865f2;outline:none}.config-help{color:#96989d;font-size:13px;font-style:italic;margin:-10px 0 15px}.code-editor::placeholder{color:#5c6370;font-style:normal}.danger-zone{background:#f23f421a;border:1px solid #f23f424d;border-radius:8px;margin-top:30px;padding:20px}.danger-zone h3{color:#f23f42;font-size:16px;margin:0 0 15px}.btn-delete{background:#f23f42;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-delete:hover{background:#d83c3f}.danger-warning{color:#b5bac1;font-size:13px;line-height:1.4;margin:10px 0 0}.analytics-tab{background:#f8f9fa;height:100%;max-height:calc(100vh - 100px);overflow-y:auto;padding:0;position:relative}.analytics-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;margin-bottom:1rem}.custom-range-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.custom-range-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%}.custom-range-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.custom-range-modal .modal-header h3{color:#111827;font-size:1.25rem;margin:0}.custom-range-modal .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.custom-range-modal .close-btn:hover{background:#f3f4f6;color:#1f2937}.custom-range-modal .modal-body{padding:1.5rem}.date-input-group{margin-bottom:1.5rem}.date-input-group:last-child{margin-bottom:0}.date-input-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.date-input-group input[type=date]{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-size:1rem;margin-top:.5rem;padding:.75rem 1rem;transition:all .2s;width:100%}.date-input-group input[type=date]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.custom-range-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.custom-range-modal .apply-btn,.custom-range-modal .cancel-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.custom-range-modal .cancel-btn{background:#f3f4f6;color:#4b5563}.custom-range-modal .cancel-btn:hover{background:#e5e7eb;color:#1f2937}.custom-range-modal .apply-btn{background:#667eea;color:#fff}.custom-range-modal .apply-btn:hover:not(:disabled){background:#5a67d8;box-shadow:0 4px 12px #667eea40;transform:translateY(-1px)}.custom-range-modal .apply-btn:disabled{cursor:not-allowed;opacity:.5}.analytics-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-content h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.header-subtitle{color:#6b7280;font-size:.95rem;margin:.25rem 0 0}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;overflow-x:auto}.view-selector{background:#f3f4f6;border-radius:8px;display:flex;flex-shrink:0;gap:.5rem;min-width:-webkit-max-content;min-width:max-content;padding:.25rem}.view-btn{border-radius:6px;color:#6b7280;flex-shrink:0;font-size:.875rem;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.view-btn:hover{background:#667eea1a;color:#667eea}.view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.time-range-selector{background:#f3f4f6;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.time-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .2s}.time-btn:hover{background:#667eea1a;color:#667eea}.time-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.export-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.export-btn:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea40;transform:translateY(-1px)}.kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem}.kpi-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .3s}.kpi-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.kpi-card.primary{border-color:#667eea20}.kpi-card.success{border-color:#10b98120}.kpi-card.warning{border-color:#f59e0b20}.kpi-card.info{border-color:#3b82f620}.kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.kpi-label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;opacity:.85;text-transform:uppercase}.kpi-badge{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.kpi-badge.positive{background:#10b98110;color:#10b981}.kpi-value{color:#111827;font-size:2rem;font-weight:800;margin:.5rem 0}.kpi-subtitle{color:#4b5563;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.mini-chart{height:40px;margin-top:.5rem;width:100%}.stats-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#111827;margin:0 2rem 2rem;padding:1.5rem}.stats-section *{color:inherit}.section-header{align-items:center;background:linear-gradient(180deg,#fff,#fafafa);border-bottom:3px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 0}.section-header h3{color:#030712;font-size:1.35rem;font-weight:800;letter-spacing:-.025em;margin:0}.section-badge{background:#e5e7eb;border-radius:12px;color:#1f2937;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stat-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.stat-item .stat-value{color:#111827!important}.stat-item .stat-label{color:#374151!important}.stat-item:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d;transform:translateX(4px)}.stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value{color:#111827!important;font-size:1.25rem}.stat-label{color:#374151;font-size:.8rem;font-weight:600;opacity:.9}.demographics-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 2rem 2rem;padding:1.5rem}.demographics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.demo-chart h4{color:#4b5563;font-size:1rem;margin:0 0 1rem}.country-list{gap:.75rem}.country-item,.country-list{display:flex;flex-direction:column}.country-item{gap:.5rem}.country-info{gap:.75rem}.country-info,.country-rank{align-items:center;display:flex}.country-rank{background:#667eea15;border-radius:50%;color:#667eea;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.country-name{color:#1f2937;flex:1 1;font-weight:500}.country-growth{color:#10b981;font-size:.875rem;font-weight:500}.country-bar{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;position:relative}.country-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .5s ease}.country-percent{color:#6b7280;font-size:.75rem;font-weight:500;position:absolute;right:8px;top:-6px}.device-list{display:flex;flex-direction:column;gap:.75rem}.device-item{align-items:center;display:flex;gap:.75rem}.device-icon{font-size:1.25rem}.device-name{color:#4b5563;font-size:.875rem;width:80px}.device-bar{background:#f3f4f6;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.device-fill{border-radius:4px;height:100%;transition:width .5s ease}.device-value{color:#6b7280;font-size:.875rem;font-weight:500;text-align:right;width:40px}.engagement-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2rem}.engagement-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.engagement-card h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.engagement-stat{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.engagement-stat:last-child{border-bottom:none}.eng-label{color:#6b7280;font-size:.875rem}.eng-value{color:#1f2937;font-size:1rem;font-weight:600}.eng-value.positive{color:#10b981}.retention-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 2rem 2rem;padding:1.5rem}.retention-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.retention-fill{border-radius:4px;height:100%;transition:width .5s ease}.retention-value{font-size:1.125rem;font-weight:600}.feature-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 2rem 2rem;padding:1.5rem}.feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#f9fafb;border-radius:8px;padding:1rem;transition:all .2s}.feature-card:hover{background:#f3f4f6;transform:translateY(-2px)}.feature-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.feature-name{color:#1f2937;font-size:.95rem;font-weight:500}.feature-trend{color:#10b981;font-size:.75rem;font-weight:600}.feature-usage{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.usage-bar{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.usage-fill{border-radius:3px;height:100%;transition:width .5s ease}.usage-percent{color:#6b7280;font-size:.875rem;font-weight:500;min-width:35px;text-align:right}.feature-sessions{color:#9ca3af;font-size:.75rem}.performance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:2rem}.perf-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .2s}.perf-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.perf-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.perf-icon{font-size:1.5rem}.perf-label{color:#6b7280;font-size:.875rem;font-weight:500}.perf-value{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.perf-status{color:#6b7280;font-size:.875rem;font-weight:500}.perf-status.good{color:#10b981}.infra-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 2rem 2rem;padding:1.5rem}.infra-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.infra-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.infra-label{color:#6b7280;font-size:.875rem}.infra-value{color:#1f2937;font-size:1.125rem;font-weight:600}.financial-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem}.fin-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .3s}.fin-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.fin-card.primary{border:2px solid #10b98120}.fin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.fin-label{color:#6b7280;font-size:.875rem;font-weight:500}.fin-trend{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.fin-trend.positive{background:#10b98110;color:#10b981}.fin-value{color:#1f2937;font-size:2rem;font-weight:700;margin:.5rem 0}.fin-subtitle{color:#9ca3af;font-size:.875rem}.business-metrics{background:#fff;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.business-metrics,.investor-metrics{border-radius:12px;margin:0 2rem 2rem}.investor-metrics{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea40;color:#fff;padding:2rem}.investor-metrics h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.investor-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.investor-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem;transition:all .3s}.investor-card:hover{background:#ffffff26;transform:translateY(-2px)}.investor-metric-label{color:#ffffffe6;font-size:.875rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.investor-metric-value{font-size:2.25rem;font-weight:700;margin:.5rem 0}.investor-metric-subtitle{color:#fffc;font-size:.875rem}.market-position{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 2rem 2rem;padding:1.5rem}.competitor-comparison{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.competitor-item{background:#f9fafb;border-radius:8px;padding:1rem;text-align:center}.competitor-name{color:#1f2937;font-weight:600;margin-bottom:.5rem}.competitor-metric{color:#667eea;font-size:1.25rem;font-weight:700}.competitor-label{color:#6b7280;font-size:.75rem;margin-top:.25rem}.ai-insights{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 2rem 2rem;padding:1.5rem}.insights-list{display:flex;flex-direction:column;gap:1rem}.insight-item{align-items:flex-start;background:#f9fafb;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.insight-item:hover{background:#f3f4f6;transform:translateX(4px)}.insight-icon{color:#667eea;flex-shrink:0;font-size:1.5rem}.insight-content{flex:1 1}.insight-title{color:#1f2937;font-weight:600;margin-bottom:.25rem}.insight-description{color:#6b7280;font-size:.875rem;line-height:1.5}.metric-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.metric-row:last-child{margin-bottom:0}.metric-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.metric-label{color:#6b7280;font-size:.875rem}.metric-value{color:#1f2937;font-size:1.125rem;font-weight:600}.projections-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 2rem 2rem;padding:1.5rem}.projection-charts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projection-chart h4{color:#4b5563;font-size:1rem;margin:0 0 1rem}.projection-stat{align-items:center;background:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;margin-top:1rem;padding:.75rem}.proj-value{color:#1f2937;font-size:1.125rem;font-weight:600}.analytics-tab::-webkit-scrollbar{width:8px}.analytics-tab::-webkit-scrollbar-track{background:#f1f1f1}.analytics-tab::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.analytics-tab::-webkit-scrollbar-thumb:hover{background:#555}.growth-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.growth-indicator.positive{background:#10b98110;color:#10b981}.growth-indicator.negative{background:#ef444410;color:#ef4444}.growth-indicator.neutral{background:#6b728010;color:#6b7280}.data-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.data-table thead{background:#f9fafb}.data-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table td{color:#1f2937;font-size:.875rem;padding:.75rem 1rem}.chart-container{background:#f9fafb;border-radius:8px;margin:1rem 0;padding:1rem;position:relative;width:100%}.chart-container h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.activity-charts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-data{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0}.data-point{background:#fff;border-radius:6px;flex-shrink:0;min-width:80px;padding:.5rem;text-align:center}.data-date{color:#6b7280;font-size:.75rem;margin-bottom:.5rem}.data-value{color:#1f2937;font-size:1.25rem;font-weight:600}.data-breakdown{color:#4b5563;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.no-data{color:#9ca3af;font-size:.95rem;padding:2rem}.chart-tooltip{background:#000c;border-radius:4px;color:#fff;font-size:.75rem;padding:.5rem;pointer-events:none;position:absolute;z-index:1000}.retention-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1rem}.retention-item{background:#f9fafb;border-radius:8px;padding:1.5rem;text-align:center}.retention-day{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.retention-value{color:#1f2937;font-size:1.5rem;font-weight:700}.location-analytics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.location-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.location-card.full-width{grid-column:1/-1}.location-card h4{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.location-list{display:flex;flex-direction:column;gap:.5rem}.location-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.375rem 0}.location-item:last-child{border-bottom:none}.location-name{color:#1f2937;font-size:.875rem}.location-value{color:#667eea;font-size:.875rem;font-weight:500}.no-data-message{color:#6b7280;font-size:.875rem;margin:0;padding:1rem 0;text-align:center}.top-pages-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.top-pages-table .table-header,.top-pages-table .table-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;padding:.75rem 1rem}.top-pages-table .table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.top-pages-table .table-row{border-bottom:1px solid #f3f4f6}.top-pages-table .table-row:last-child{border-bottom:none}.top-pages-table .table-row:hover{background:#f9fafb}.top-pages-table .col-path{color:#1f2937;font-family:monospace;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-pages-table .col-views,.top-pages-table .col-visitors{color:#374151;font-weight:500;text-align:right}@media (max-width:768px){.header-controls{align-items:stretch;flex-direction:column}.time-range-selector,.view-selector{justify-content:center}.competitor-comparison,.demographics-grid,.engagement-overview,.feature-grid,.financial-grid,.investor-grid,.kpi-grid,.metric-row,.performance-grid,.retention-grid,.stats-grid{grid-template-columns:1fr}.analytics-tab{padding-bottom:2rem}.top-pages-table .table-header,.top-pages-table .table-row{font-size:.75rem;grid-template-columns:1fr 80px 80px}}.emojis-tab{display:flex;flex-direction:column;height:100%;padding:0}.emojis-tab .tab-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.emojis-tab .header-content h2{color:#fff;font-size:1.75rem;font-weight:600;margin:0 0 1rem}.emojis-tab .emoji-stats{display:flex;gap:2rem}.emojis-tab .stat-item{display:flex;flex-direction:column}.emojis-tab .stat-value{color:#fff;font-size:1.5rem;font-weight:700}.emojis-tab .stat-label{color:#fffc;font-size:.875rem;margin-top:.25rem}.emojis-tab .add-emoji-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.emojis-tab .add-emoji-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.emojis-tab .btn-icon{font-size:1.25rem;font-weight:700}.emojis-tab .emoji-controls{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.emojis-tab .search-wrapper{flex:1 1;max-width:400px;position:relative}.emojis-tab .search-icon{color:#6b7280;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.emojis-tab .search-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;transition:border-color .2s;width:100%}.emojis-tab .search-input:focus{border-color:#667eea;outline:none}.emojis-tab .filter-buttons{background:#f3f4f6;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.emojis-tab .filter-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.emojis-tab .filter-btn:hover{background:#667eea1a;color:#667eea}.emojis-tab .filter-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.emojis-tab .empty-state{align-items:center;color:#6b7280;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.emojis-tab .empty-icon{font-size:4rem;margin-bottom:1rem}.emojis-tab .empty-state h3{color:#374151;font-size:1.25rem;margin:0 0 .5rem}.emojis-tab .empty-state p{color:#9ca3af;margin:0}.emojis-tab .emojis-grid{grid-gap:1rem;background:#f9fafb;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:calc(100vh - 400px);overflow-y:auto;padding:1rem}.emojis-tab .emoji-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s}.emojis-tab .emoji-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.emojis-tab .emoji-preview{align-items:center;display:flex;height:48px;justify-content:center;position:relative;width:48px}.emojis-tab .emoji-preview img{max-height:100%;max-width:100%;object-fit:contain}.emojis-tab .default-emoji{display:block;font-size:2rem;line-height:1}.emojis-tab .animated-badge{background:#10b981;border-radius:4px;color:#fff;font-size:.625rem;font-weight:700;padding:2px 4px;position:absolute;right:-4px;top:-4px}.emojis-tab .emoji-info{text-align:center;width:100%}.emojis-tab .emoji-name{color:#1f2937;font-size:.875rem;font-weight:500;margin:0;word-break:break-all}.emojis-tab .emoji-category{color:#9ca3af;display:block;font-size:.75rem;margin-top:.25rem;text-transform:capitalize}.emojis-tab .emoji-description{color:#ffffffe6;font-size:.95rem;margin-top:.5rem}.emojis-tab .emoji-delete-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s;width:24px}.emojis-tab .emoji-card:hover .emoji-delete-btn{opacity:1}.emojis-tab .emoji-delete-btn:hover{background:#dc2626}.emojis-tab .emoji-card:hover .emoji-actions{opacity:1!important}@media (max-width:768px){.emojis-tab .tab-header{align-items:flex-start;flex-direction:column;gap:1rem}.emojis-tab .emoji-controls{align-items:stretch;flex-direction:column}.emojis-tab .search-wrapper{max-width:100%}.emojis-tab .filter-buttons{justify-content:center}}.audit-log-viewer{background:#f8f9fa;min-height:100vh;padding:20px}.audit-log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.audit-log-header h2{color:#333;font-size:24px;margin:0}.audit-log-tabs{display:flex;gap:10px}.audit-log-tabs .tab{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.audit-log-tabs .tab:hover{background:#f0f0f0}.audit-log-tabs .tab.active{background:#007bff;border-color:#007bff;color:#fff}.audit-log-error{align-items:center;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px}.close-error{background:none;border:none;color:#c33;cursor:pointer;font-size:18px;padding:0}.audit-log-loading{color:#666;font-size:16px;padding:40px;text-align:center}.audit-log-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.filter-row input,.filter-row select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.filter-actions{align-items:center;display:flex;justify-content:space-between}.filter-actions button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-actions button:hover{background:#f0f0f0}.export-buttons{display:flex;gap:10px}.export-buttons button{background:#28a745;border-color:#28a745;color:#fff}.export-buttons button:hover{background:#218838}.audit-log-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.audit-log-table{border-collapse:collapse;width:100%}.audit-log-table th{background:#f8f9fa;color:#333;font-weight:600;text-align:left}.audit-log-table td,.audit-log-table th{border-bottom:1px solid #dee2e6;padding:12px}.audit-log-table td{vertical-align:top}.audit-log-table tr:hover{background:#f8f9fa}.action-badge{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.entity-type{align-items:center;display:flex;font-weight:500;gap:5px}.entity-name,.reason{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.affected-count{color:#666;font-weight:600;text-align:center}.details-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s}.details-btn:hover{background:#0056b3}.no-data{color:#666;font-style:italic;padding:40px;text-align:center}.audit-log-pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;justify-content:center;padding:15px}.audit-log-pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px;transition:all .2s}.audit-log-pagination button:hover:not(:disabled){background:#f0f0f0}.audit-log-pagination button:disabled{cursor:not-allowed;opacity:.5}.statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.stat-card{background:#fff;box-shadow:0 2px 4px #0000001a}.stat-card h3{color:#333;font-size:16px;margin:0 0 10px}.stat-value{color:#007bff;font-size:32px;margin-bottom:5px}.stat-period{color:#666;font-size:14px}.breakdown-list{display:flex;flex-direction:column;gap:8px}.breakdown-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.breakdown-type{font-weight:500;text-transform:capitalize}.breakdown-count{color:#007bff;font-weight:700}.pending-purges-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.pending-purges-header h3{color:#333;margin:0 0 10px}.pending-purges-header p{color:#666;margin:0}.pending-purges-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.pending-purges-table{border-collapse:collapse;width:100%}.pending-purges-table th{background:#f8f9fa;color:#333;font-weight:600;text-align:left}.pending-purges-table td,.pending-purges-table th{border-bottom:1px solid #dee2e6;padding:12px}.pending-purges-table tr:hover{background:#f8f9fa}.purge-status.pending{background:#ffc107;border-radius:12px;color:#333;font-size:12px;font-weight:600;padding:4px 8px}.modal-overlay{background:#00000080}.audit-log-details-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #dee2e6;padding:20px}.modal-header h3{color:#333;margin:0}.close-modal{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.close-modal:hover{background:#f0f0f0;color:#333}.modal-content{padding:20px}.detail-row{display:flex;gap:10px;margin-bottom:15px}.detail-row label{color:#333;font-weight:600;min-width:120px}.detail-row span{color:#666;word-break:break-word}.metadata-section{border-top:1px solid #dee2e6;margin-top:15px;padding-top:15px}.metadata-section label{color:#333;display:block;font-weight:600;margin-bottom:10px}.metadata-content{background:#f8f9fa;border-radius:4px;padding:15px}.metadata-item{margin-bottom:8px}.metadata-key{color:#333;font-weight:500;margin-right:8px}.metadata-value{color:#666;word-break:break-word}@media (max-width:768px){.audit-log-header{align-items:flex-start;gap:15px}.audit-log-header,.filter-row{flex-direction:column}.filter-row input,.filter-row select{min-width:0;min-width:auto;width:100%}.filter-actions{align-items:stretch;flex-direction:column;gap:10px}.audit-log-table-container{overflow-x:auto}.audit-log-table{min-width:800px}.statistics-grid{grid-template-columns:1fr}}.modal-overlay{box-sizing:border-box;padding:20px}.deleted-item-modal{animation:modalAppear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.modal-overlay.dark-mode .deleted-item-modal{background:#36393f;color:#dcddde}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-overlay.dark-mode .modal-header{border-bottom-color:#4f545c}.modal-title{align-items:center;display:flex;gap:16px}.modal-title .type-icon{font-size:32px}.modal-title h3{color:#111827;font-size:20px;font-weight:600;line-height:1.2;margin:0 0 4px}.modal-overlay.dark-mode .modal-title h3{color:#f9fafb}.modal-subtitle{color:#6b7280;font-size:14px;margin:0}.modal-overlay.dark-mode .modal-subtitle{color:#9ca3af}.close-btn{align-items:center;border-radius:8px;color:#6b7280;display:flex;height:40px;justify-content:center;transition:all .15s ease;width:40px}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-overlay.dark-mode .close-btn:hover{background:#4f545c;color:#dcddde}.modal-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 24px}.modal-overlay.dark-mode .modal-tabs{border-bottom-color:#4f545c}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;transition:all .2s ease}.tab-btn:hover{color:#374151}.tab-btn.active{border-bottom-color:#1d4ed8;color:#1d4ed8}.modal-overlay.dark-mode .tab-btn{color:#9ca3af}.modal-overlay.dark-mode .tab-btn:hover{color:#dcddde}.modal-overlay.dark-mode .tab-btn.active{border-bottom-color:#60a5fa;color:#60a5fa}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-tab-content{max-height:none}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.detail-section h4{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.modal-overlay.dark-mode .detail-section h4{color:#f9fafb}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-item strong{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.modal-overlay.dark-mode .detail-item strong{color:#d1d5db}.detail-item span{color:#1f2937;font-size:14px;line-height:1.4}.modal-overlay.dark-mode .detail-item span{color:#e5e7eb}.content-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.modal-overlay.dark-mode .content-box{background:#2f3136;border-color:#4f545c;color:#dcddde}.status-expired{color:#dc2626;font-weight:600}.status-urgent{color:#ea580c;font-weight:600}.status-warning{color:#d97706;font-weight:500}.status-normal{color:#059669;font-weight:500}.modal-overlay.dark-mode .status-expired{color:#f87171}.modal-overlay.dark-mode .status-urgent{color:#fb923c}.modal-overlay.dark-mode .status-warning{color:#fbbf24}.modal-overlay.dark-mode .status-normal{color:#34d399}.audit-list{display:flex;flex-direction:column;gap:16px}.audit-entry{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.modal-overlay.dark-mode .audit-entry{background:#2f3136;border-color:#4f545c}.audit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.audit-action{border-radius:4px;font-size:13px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.audit-action.delete{background:#fef2f2;color:#b91c1c}.audit-action.restore{background:#f0fdf4;color:#166534}.audit-action.purge{background:#1f2937;color:#f9fafb}.modal-overlay.dark-mode .audit-action.delete{background:#450a0a;color:#fca5a5}.modal-overlay.dark-mode .audit-action.restore{background:#052e16;color:#86efac}.audit-date{color:#6b7280;font-size:12px}.modal-overlay.dark-mode .audit-date{color:#9ca3af}.audit-details{font-size:13px;line-height:1.5}.audit-details div{margin-bottom:4px}.audit-metadata{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:8px}.modal-overlay.dark-mode .audit-metadata{border-top-color:#4f545c}.audit-metadata pre{background:#111827;border-radius:4px;color:#f9fafb;font-size:11px;margin:4px 0 0;overflow-x:auto;padding:8px}.no-audit-logs{color:#6b7280;font-style:italic;padding:40px;text-align:center}.modal-overlay.dark-mode .no-audit-logs{color:#9ca3af}.action-section{margin-bottom:32px}.action-card{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:20px}.modal-overlay.dark-mode .action-card{border-color:#4f545c}.restore-card{background:#f0fdf4;border-color:#10b981}.modal-overlay.dark-mode .restore-card{background:#052e16;border-color:#059669}.purge-card{background:#fef2f2;border-color:#ef4444}.modal-overlay.dark-mode .purge-card{background:#450a0a;border-color:#dc2626}.action-icon{flex-shrink:0;font-size:32px}.action-content{flex:1 1}.action-content h5{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.modal-overlay.dark-mode .action-content h5{color:#f9fafb}.action-content p{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 12px}.modal-overlay.dark-mode .action-content p{color:#9ca3af}.action-warning{border-radius:6px;font-size:12px;font-weight:500;padding:8px 12px}.action-warning:not(.danger){background:#dbeafe;color:#1d4ed8}.modal-overlay.dark-mode .action-warning:not(.danger){background:#1e3a8a;color:#93c5fd}.action-warning.danger{background:#fef2f2;color:#b91c1c}.modal-overlay.dark-mode .action-warning.danger{background:#450a0a;color:#fca5a5}.action-btn{flex-shrink:0;font-size:14px;padding:12px 20px;transition:all .15s ease}.restore-btn{background:#10b981;color:#fff}.restore-btn:hover{background:#059669;transform:translateY(-1px)}.purge-btn{background:#ef4444;color:#fff}.purge-btn:hover{background:#dc2626;transform:translateY(-1px)}.retention-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.modal-overlay.dark-mode .retention-info{background:#2f3136;border-color:#4f545c}.retention-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.modal-overlay.dark-mode .retention-info h4{color:#f1f5f9}.retention-details p{color:#475569;font-size:14px;line-height:1.5;margin:0 0 8px}.modal-overlay.dark-mode .retention-details p{color:#cbd5e1}.retention-note{color:#64748b!important;font-size:13px!important;font-style:italic}.modal-overlay.dark-mode .retention-note{color:#94a3b8!important}.modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-overlay.dark-mode .modal-footer{border-top-color:#4f545c}.status-info{color:#374151;font-size:14px}.modal-overlay.dark-mode .status-info{color:#d1d5db}.footer-actions{display:flex;gap:12px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.modal-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.modal-btn.secondary:hover{background:#e5e7eb}.modal-overlay.dark-mode .modal-btn.secondary{background:#4f545c;border-color:#72767d;color:#dcddde}.modal-overlay.dark-mode .modal-btn.secondary:hover{background:#5d6269}@media (max-width:768px){.modal-overlay{padding:10px}.deleted-item-modal{max-height:95vh}.modal-header{padding:20px 16px}.modal-title{gap:12px}.modal-title h3{font-size:18px}.modal-tabs{padding:0 16px}.tab-btn{font-size:13px;padding:14px 16px}.modal-body{padding:20px 16px}.detail-grid{gap:12px;grid-template-columns:1fr}.action-card{flex-direction:column;gap:12px;text-align:center}.modal-footer{align-items:stretch;flex-direction:column;gap:16px;padding:20px 16px}.footer-actions{justify-content:center}}@media (max-width:480px){.modal-title .type-icon{font-size:24px}.modal-title h3{font-size:16px}.modal-subtitle{font-size:12px}.action-card{padding:16px}.action-icon{font-size:24px}}.recovery-dashboard{margin:0 auto;max-width:1200px;padding:20px}.recovery-dashboard.dark-mode{color:#e4e6ea}.recovery-header{align-items:flex-start;border-bottom:2px solid #e3e5e8;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.recovery-dashboard.dark-mode .recovery-header{border-bottom-color:#42464d}.recovery-title h2{color:#1a73e8;font-size:28px;font-weight:600;margin:0 0 8px}.recovery-dashboard.dark-mode .recovery-title h2{color:#4fc3f7}.recovery-title p{color:#5f6368;font-size:14px;margin:0}.recovery-dashboard.dark-mode .recovery-title p{color:#9aa0a6}.recovery-stats{align-items:center;display:flex;gap:20px}.stat-card{background:#f8f9fa;border:1px solid #e3e5e8;min-width:100px;padding:16px 20px}.recovery-dashboard.dark-mode .stat-card{background:#2f3136;border-color:#42464d}.stat-card.urgent{background:#fef7e0;border-color:#fbbf24;color:#92400e}.recovery-dashboard.dark-mode .stat-card.urgent{background:#451a03;border-color:#f59e0b;color:#fbbf24}.stat-number{font-size:24px;margin-bottom:4px}.stat-label{opacity:.7}.stat-breakdown{font-size:12px;line-height:1.4;opacity:.8}.recovery-controls{gap:20px;justify-content:space-between;margin-bottom:20px}.filter-controls,.recovery-controls{align-items:center;display:flex;flex-wrap:wrap}.filter-controls{gap:12px}.action-controls{align-items:center;display:flex;gap:12px}.recovery-search,.recovery-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:120px;padding:8px 12px}.recovery-dashboard.dark-mode .recovery-search,.recovery-dashboard.dark-mode .recovery-select{background:#40444b;border-color:#4f545c;color:#dcddde}.recovery-search{min-width:200px}.recovery-search::placeholder{color:#9ca3af}.recovery-dashboard.dark-mode .recovery-search::placeholder{color:#72767d}.recovery-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.recovery-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.recovery-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.recovery-btn.bulk-preview{background:#1f2937;color:#fff}.recovery-btn.bulk-preview:hover{background:#111827}.recovery-btn.refresh{background:#1a73e8;color:#fff}.recovery-btn.refresh:hover{background:#1557b0}.recovery-btn.pagination{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.recovery-dashboard.dark-mode .recovery-btn.pagination{background:#4f545c;border-color:#72767d;color:#dcddde}.recovery-btn.pagination:hover{background:#e5e7eb}.recovery-dashboard.dark-mode .recovery-btn.pagination:hover{background:#5d6269}.recovery-btn-small{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .15s ease}.recovery-btn-small.detail{background:#6366f1;color:#fff}.recovery-btn-small.detail:hover{background:#4f46e5}.recovery-btn-small.restore{background:#10b981;color:#fff}.recovery-btn-small.restore:hover{background:#059669}.recovery-btn-small.purge{background:#ef4444;color:#fff}.recovery-btn-small.purge:hover{background:#dc2626}.recovery-list{background:#fff;border:1px solid #e3e5e8;border-radius:8px;overflow:hidden}.recovery-dashboard.dark-mode .recovery-list{background:#36393f;border-color:#42464d}.recovery-empty,.recovery-loading{color:#6b7280;font-style:italic;padding:40px;text-align:center}.recovery-dashboard.dark-mode .recovery-empty,.recovery-dashboard.dark-mode .recovery-loading{color:#9ca3af}.recovery-table{display:flex;flex-direction:column}.recovery-table-header{grid-gap:12px;background:#f8f9fa;border-bottom:1px solid #e3e5e8;color:#374151;display:grid;font-size:13px;font-weight:600;gap:12px;grid-template-columns:80px 1fr 140px 120px 100px 140px;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}.recovery-dashboard.dark-mode .recovery-table-header{background:#2f3136;border-bottom-color:#42464d;color:#b9bbbe}.recovery-item{grid-gap:12px;align-items:center;border-bottom:1px solid #f1f3f4;display:grid;gap:12px;grid-template-columns:80px 1fr 140px 120px 100px 140px;padding:16px 20px;transition:background-color .15s ease}.recovery-dashboard.dark-mode .recovery-item{border-bottom-color:#42464d}.recovery-item:hover{background:#f8f9fa}.recovery-dashboard.dark-mode .recovery-item:hover{background:#42464d}.recovery-row-expired{background:#fef2f2!important;border-left:4px solid #dc2626}.recovery-dashboard.dark-mode .recovery-row-expired{background:#3c1e1e!important;border-left-color:#ef4444}.recovery-row-urgent{background:#fffbeb!important;border-left:4px solid #f59e0b}.recovery-dashboard.dark-mode .recovery-row-urgent{background:#362711!important;border-left-color:#fbbf24}.recovery-row-warning{background:#f0fdf4!important;border-left:4px solid #eab308}.recovery-dashboard.dark-mode .recovery-row-warning{background:#1a2e1a!important;border-left-color:#facc15}.col-type{align-items:center;display:flex;font-size:13px;gap:8px}.type-icon{font-size:16px}.type-text{font-weight:500;text-transform:capitalize}.col-name{font-weight:500;line-height:1.4}.item-location{color:#6b7280;font-size:12px;margin-top:2px}.item-meta,.recovery-dashboard.dark-mode .item-location{color:#9ca3af}.item-meta{font-size:11px;font-style:italic;margin-top:2px}.recovery-dashboard.dark-mode .item-meta{color:#72767d}.col-by,.col-deleted{color:#6b7280;font-size:13px}.recovery-dashboard.dark-mode .col-by,.recovery-dashboard.dark-mode .col-deleted{color:#9ca3af}.date-text{line-height:1.2}.col-actions{display:flex;gap:6px;justify-content:flex-end}.recovery-expired{color:#dc2626;font-size:12px;font-weight:600}.recovery-urgent{color:#f59e0b;font-size:12px;font-weight:600}.recovery-warning{color:#eab308;font-size:12px;font-weight:500}.recovery-normal{color:#6b7280;font-size:12px}.recovery-dashboard.dark-mode .recovery-expired{color:#ef4444}.recovery-dashboard.dark-mode .recovery-urgent{color:#fbbf24}.recovery-dashboard.dark-mode .recovery-warning{color:#facc15}.recovery-dashboard.dark-mode .recovery-normal{color:#9ca3af}.recovery-pagination{align-items:center;background:#f8f9fa;border-top:1px solid #e3e5e8;display:flex;justify-content:space-between;padding:16px 20px}.recovery-dashboard.dark-mode .recovery-pagination{background:#2f3136;border-top-color:#42464d}.pagination-info{color:#6b7280;font-size:14px}.recovery-dashboard.dark-mode .pagination-info{color:#9ca3af}@media (max-width:1024px){.recovery-item,.recovery-table-header{gap:8px;grid-template-columns:70px 1fr 120px 100px 80px 120px;padding:12px 16px}.recovery-controls{align-items:stretch;flex-direction:column}.action-controls,.filter-controls{justify-content:center}}@media (max-width:768px){.recovery-dashboard{padding:10px}.recovery-header{flex-direction:column;gap:20px}.recovery-stats{justify-content:space-around;width:100%}.recovery-item,.recovery-table-header{gap:8px;grid-template-columns:1fr 60px 100px}.col-by,.col-deleted,.col-purge{display:none}.col-name{grid-column:1}.col-type{grid-column:2;justify-content:center}.col-actions{grid-column:3;justify-content:center}}.recovery-btn-small:focus,.recovery-btn:focus,.recovery-search:focus,.recovery-select:focus{outline:2px solid #1a73e8;outline-offset:2px}.recovery-dashboard.dark-mode .recovery-btn-small:focus,.recovery-dashboard.dark-mode .recovery-btn:focus,.recovery-dashboard.dark-mode .recovery-search:focus,.recovery-dashboard.dark-mode .recovery-select:focus{outline-color:#4fc3f7}.ticket-detail-panel{background:#2f3136;background:var(--panel-bg,#2f3136);color:#dcddde;color:var(--text-color,#dcddde);height:100vh;overflow-y:auto}.panel-header{background:#36393f;background:var(--header-bg,#36393f);border-bottom:1px solid #40444b;border-bottom:1px solid var(--border-color,#40444b);padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.back-btn{align-items:center;background:#4f545c;background:var(--secondary-bg,#4f545c);border:none;border-radius:4px;color:#dcddde;color:var(--text-color,#dcddde);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s}.back-btn:hover{background:#5d6269;background:var(--secondary-hover,#5d6269)}.ticket-badges{display:flex;gap:8px}.panel-content{margin:0 auto;max-width:1000px;padding:24px}.ticket-header-section{margin-bottom:32px}.ticket-header-section h2{color:#fff;color:var(--text-color,#fff);font-size:24px;font-weight:600;line-height:1.3;margin:0 0 16px}.ticket-meta{color:#b9bbbe;color:var(--text-muted,#b9bbbe);display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.ticket-meta span{align-items:center;display:flex;gap:4px}.ticket-section{background:#36393f;background:var(--card-bg,#36393f);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:8px;margin-bottom:24px;padding:20px}.ticket-section h3{border-bottom:1px solid #40444b;border-bottom:1px solid var(--border-color,#40444b);color:#fff;color:var(--text-color,#fff);font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.description-content{background:#40444b;background:var(--input-bg,#40444b);border-left:3px solid #5865f2;border-left:3px solid var(--accent-color,#5865f2);border-radius:4px;color:#dcddde;color:var(--text-color,#dcddde);line-height:1.6;padding:16px;white-space:pre-wrap}.report-section{border-left:4px solid #ed4245;border-left:4px solid var(--danger-color,#ed4245)}.report-details{gap:12px}.report-details,.report-field{display:flex;flex-direction:column}.report-field{gap:4px}.report-field strong{color:#fff;color:var(--text-color,#fff)}.reason-description{background:#40444b;background:var(--input-bg,#40444b);border-radius:4px;color:#b9bbbe;color:var(--text-muted,#b9bbbe);font-size:13px;margin-top:4px;padding:8px 12px}.admin-controls{border-left:4px solid #5865f2;border-left:4px solid var(--accent-color,#5865f2)}.controls-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:0}.control-field{display:flex;flex-direction:column;gap:8px}.control-field label{color:#fff;color:var(--text-color,#fff);font-size:14px;font-weight:600;margin-bottom:4px}.control-field select{background:#40444b;background:var(--input-bg,#40444b);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:4px;color:#dcddde;color:var(--text-color,#dcddde);cursor:pointer;height:38px;padding:10px 12px;transition:border-color .2s;width:100%}.control-field select:focus{border-color:#5865f2;border-color:var(--accent-color,#5865f2);outline:none}.control-field select:disabled{cursor:not-allowed;opacity:.6}.quick-actions{align-items:center;border-top:1px solid #40444b;border-top:1px solid var(--border-color,#40444b);display:flex;flex-wrap:nowrap;gap:12px;height:auto;justify-content:flex-start;margin-top:24px;padding-top:20px}.action-button{border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;height:38px;line-height:38px;margin:0;min-width:120px;padding:0 20px;text-align:center;transition:all .2s ease;vertical-align:middle;white-space:nowrap}.action-button:disabled{cursor:not-allowed;opacity:.6}.action-button.resolve-btn{background:#3ba55d;background:var(--success-color,#3ba55d)}.action-button.resolve-btn:hover:not(:disabled){background:#2d8047;box-shadow:0 2px 8px #3ba55d4d;transform:translateY(-1px)}.action-button.close-btn{background:#faa61a;background:var(--warning-color,#faa61a)}.action-button.close-btn:hover:not(:disabled){background:#e89509;box-shadow:0 2px 8px #faa61a4d;transform:translateY(-1px)}.action-button.reopen-btn{background:#5865f2;background:var(--primary-color,#5865f2)}.action-button.reopen-btn:hover:not(:disabled){background:#4752c4;box-shadow:0 2px 8px #5865f24d;transform:translateY(-1px)}.action-button.delete-btn{background:#ed4245;background:var(--danger-color,#ed4245)}.action-button.delete-btn:hover:not(:disabled){background:#c23b3e;box-shadow:0 2px 8px #ed42454d;transform:translateY(-1px)}.resolve-form{border-left:4px solid #3ba55d;border-left:4px solid var(--success-color,#3ba55d)}.resolve-form textarea{background:#40444b;background:var(--input-bg,#40444b);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:4px;box-sizing:border-box;color:#dcddde;color:var(--text-color,#dcddde);margin-bottom:12px;padding:12px;resize:vertical;width:100%}.resolve-form textarea:focus{border-color:#3ba55d;border-color:var(--success-color,#3ba55d);outline:none}.resolve-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:#4f545c;background:var(--secondary-bg,#4f545c);border:none;border-radius:4px;color:#dcddde;color:var(--text-color,#dcddde);cursor:pointer;font-weight:500;padding:10px 20px}.cancel-btn:hover{background:#5d6269;background:var(--secondary-hover,#5d6269)}.submit-resolve-btn{background:#3ba55d;background:var(--success-color,#3ba55d);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.submit-resolve-btn:hover:not(:disabled){background:#2d8047}.submit-resolve-btn:disabled{cursor:not-allowed;opacity:.6}.messages-section{border-left:4px solid #0dcaf0;border-left:4px solid var(--info-color,#0dcaf0)}.ticket-detail-panel .messages-container{border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:4px;margin-bottom:20px;max-height:600px;overflow-y:auto}.message{border-bottom:1px solid #40444b;border-bottom:1px solid var(--border-color,#40444b);padding:16px}.message:last-child{border-bottom:none}.message.public{background:#0000;background:var(--message-bg,#0000)}.message.internal{background:#413920;background:var(--warning-bg,#413920);border-left:3px solid #faa61a;border-left:3px solid var(--warning-color,#faa61a)}.message-header{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.message-author{color:#fff;color:var(--text-color,#fff);font-weight:600}.message-date{color:#b9bbbe;color:var(--text-muted,#b9bbbe)}.internal-badge{background:#faa61a;background:var(--warning-color,#faa61a);border-radius:8px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;text-transform:uppercase}.message-content{color:#dcddde;color:var(--text-color,#dcddde);line-height:1.5;white-space:pre-wrap}.message-input-section{border-top:1px solid #40444b;border-top:1px solid var(--border-color,#40444b);padding-top:16px}.message-type-toggle{margin-bottom:12px}.message-type-toggle label{align-items:center;color:#dcddde;color:var(--text-color,#dcddde);cursor:pointer;display:flex;font-size:14px;gap:8px}.message-type-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.message-input-section textarea{background:#40444b;background:var(--input-bg,#40444b);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:4px;box-sizing:border-box;color:#dcddde;color:var(--text-color,#dcddde);margin-bottom:12px;padding:12px;resize:vertical;width:100%}.message-input-section textarea:focus{border-color:#5865f2;border-color:var(--accent-color,#5865f2);outline:none}.send-message-btn{background:#5865f2;background:var(--accent-color,#5865f2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.send-message-btn:hover:not(:disabled){background:#4752c4;background:var(--accent-hover,#4752c4)}.send-message-btn:disabled{cursor:not-allowed;opacity:.6}.priority-badge,.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;min-width:70px;padding:4px 8px;text-align:center;text-transform:uppercase}.status-open{background:#3ba55d;color:#fff}.status-progress{background:#faa61a;color:#fff}.status-waiting{background:#00b4d8;color:#fff}.status-resolved{background:#6c757d;color:#fff}.status-closed{background:#ed4245;color:#fff}.priority-urgent{background:#dc3545;color:#fff}.priority-high{background:#fd7e14;color:#fff}.priority-normal{background:#0dcaf0;color:#fff}.priority-low{background:#6c757d;color:#fff}.panel-error{align-items:center;background:#ed4245;background:var(--danger-color,#ed4245);border-radius:6px;color:#fff;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}@media (prefers-color-scheme:dark){.ticket-detail-panel{--panel-bg:#2f3136;--header-bg:#36393f;--card-bg:#36393f;--text-color:#dcddde;--text-muted:#b9bbbe;--border-color:#40444b;--input-bg:#40444b;--secondary-bg:#4f545c;--secondary-hover:#5d6269;--accent-color:#5865f2;--accent-hover:#4752c4;--success-color:#3ba55d;--danger-color:#ed4245;--warning-color:#faa61a;--warning-bg:#413920;--info-color:#0dcaf0}}@media (max-width:768px){.panel-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px 20px}.ticket-badges{justify-content:center}.controls-grid{gap:12px}.quick-actions{align-items:stretch;gap:8px}.action-button{justify-content:center;width:100%}.panel-content{padding:20px 16px}.ticket-meta{align-items:flex-start;flex-direction:column;gap:8px}.controls-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.resolve-actions{flex-direction:column-reverse}.resolve-actions button{width:100%}.ticket-detail-panel .messages-container{max-height:400px}}@media (max-width:480px){.ticket-header-section h2{font-size:20px}.ticket-section{padding:16px}.message{padding:12px}}.ticket-detail-panel .messages-container::-webkit-scrollbar{width:8px}.ticket-detail-panel .messages-container::-webkit-scrollbar-track{background:#40444b;background:var(--input-bg,#40444b)}.ticket-detail-panel .messages-container::-webkit-scrollbar-thumb{background:#b9bbbe;background:var(--text-muted,#b9bbbe);border-radius:4px}.ticket-detail-panel .messages-container::-webkit-scrollbar-thumb:hover{background:#dcddde;background:var(--text-color,#dcddde)}.admin-image-upload-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.admin-image-preview{border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:6px;height:60px;overflow:hidden;position:relative;width:60px}.admin-image-preview img{height:100%;object-fit:cover;width:100%}.admin-image-preview .remove-preview{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;padding:0;position:absolute;right:2px;top:2px;transition:background-color .2s;width:18px}.admin-image-preview .remove-preview:hover{background-color:#ed4245;background-color:var(--danger-color,#ed4245)}.admin-upload-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-image-btn{align-items:center;background:#4f545c;background:var(--secondary-bg,#4f545c);border:none;border-radius:4px;color:#dcddde;color:var(--text-color,#dcddde);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .2s}.admin-image-btn:hover:not(:disabled){background:#5d6269;background:var(--secondary-hover,#5d6269)}.admin-image-btn:disabled{cursor:not-allowed;opacity:.5}.admin-uploading{align-items:center;background:#5865f21a;border-radius:4px;color:#5865f2;color:var(--accent-color,#5865f2);display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.admin-uploading .spinner{animation:spin 1s linear infinite;border:2px solid #5865f2;border:2px solid var(--accent-color,#5865f2);border-radius:50%;border-top:2px solid #0000;height:12px;width:12px}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.message-attachment-img{border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:6px;cursor:pointer;max-height:150px;max-width:200px;transition:opacity .2s}.message-attachment-img:hover{opacity:.9}.admin-lightbox{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}.admin-lightbox img{border-radius:4px;max-height:90%;max-width:90%;object-fit:contain}.admin-lightbox-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;width:40px}.admin-ticket-dashboard{color:#dcddde;color:var(--text-color,#dcddde);margin:0 auto;max-width:1400px;padding:24px}.dashboard-header{margin-bottom:16px}.dashboard-header h2{color:#fff;color:var(--text-color,#fff);font-size:16px;margin:0 0 8px}.stats-grid{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px;justify-content:flex-start;margin-bottom:10px;overflow-x:auto;width:100%}.stat-card{align-items:center;background:#36393f;background:var(--card-bg,#36393f);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:4px;display:inline-flex!important;flex:0 0 auto;flex-direction:row!important;gap:6px;margin-right:8px;padding:4px 10px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.stat-card:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.stat-number{color:#fff;color:var(--text-color,#fff);display:inline-block;font-size:16px;font-weight:700;margin:0}.stat-label{color:#b9bbbe;color:var(--text-muted,#b9bbbe);display:inline-block;text-transform:capitalize;white-space:nowrap}.stat-card.urgent{border-left:3px solid #dc3545}.stat-card.high{border-left:3px solid #fd7e14}.stat-card.open{border-left:3px solid #3ba55d}.stat-card.progress{border-left:3px solid #faa61a}.stat-card.waiting{border-left:3px solid #00b4d8}.stat-card.reports{border-left:3px solid #ed4245}.dashboard-controls{align-items:center;justify-content:space-between;margin-bottom:8px}.dashboard-controls,.filters{display:flex;flex-wrap:wrap;gap:6px}.filters select{background:#40444b;background:var(--input-bg,#40444b);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:3px;color:#dcddde;color:var(--text-color,#dcddde);cursor:pointer;font-size:11px;min-width:100px;padding:3px 6px}.filters select:focus{border-color:#5865f2;border-color:var(--accent-color,#5865f2);outline:none}.search-box{display:flex;gap:8px}.search-box input{background:#40444b;background:var(--input-bg,#40444b);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:3px;color:#dcddde;color:var(--text-color,#dcddde);font-size:12px;min-width:150px;padding:4px 8px}.search-box input:focus{border-color:#5865f2;border-color:var(--accent-color,#5865f2)}.search-box button{background:#5865f2;background:var(--accent-color,#5865f2);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px}.search-box button:hover{background:#4752c4;background:var(--accent-hover,#4752c4)}.dashboard-error{align-items:center;background:#ed4245;background:var(--danger-color,#ed4245);border-radius:6px;color:#fff;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.tickets-table-container{background:#36393f;background:var(--card-bg,#36393f);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:6px;margin-bottom:12px;overflow:hidden}.tickets-table{border-collapse:collapse;width:100%}.tickets-table thead{background:#2f3136;background:var(--header-bg,#2f3136)}.tickets-table th{color:#fff;color:var(--text-color,#fff);font-weight:600;padding:8px 6px;text-align:left;white-space:nowrap}.tickets-table td,.tickets-table th{border-bottom:1px solid #40444b;border-bottom:1px solid var(--border-color,#40444b);font-size:12px}.tickets-table td{padding:6px;vertical-align:middle}.ticket-row{background:#36393f;background:var(--card-bg,#36393f);transition:background-color .2s}.ticket-row:hover{background:#40444b;background:var(--hover-bg,#40444b)}.ticket-row:nth-child(2n){background:#0000001a}.ticket-row:nth-child(2n):hover{background:#40444b;background:var(--hover-bg,#40444b)}.ticket-row.priority-urgent{border-left:3px solid #dc3545}.ticket-row.priority-high{border-left:3px solid #fd7e14}.ticket-info{min-width:200px}.ticket-title{background:none;border:none;color:#5865f2;color:var(--accent-color,#5865f2);cursor:pointer;font-size:12px;font-weight:500;padding:0;text-align:left;text-decoration:underline}.ticket-title:hover{color:#4752c4;color:var(--accent-hover,#4752c4)}.report-reason{color:#b9bbbe;color:var(--text-muted,#b9bbbe);font-size:10px;margin-top:2px}.priority-badge,.status-badge,.type-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:500;min-width:55px;padding:3px 8px;text-align:center;text-transform:uppercase}.status-open{background:#3ba55d33;border:1px solid #3ba55d4d;color:#57d17a}.status-progress{background:#faa61a33;border:1px solid #faa61a4d;color:#ffc44d}.status-waiting{background:#5865f233;border:1px solid #5865f24d;color:#8b9aff}.status-resolved{background:#6c757d33;border:1px solid #6c757d4d;color:#a0a8b0}.status-closed{background:#6c757d26;border:1px solid #6c757d33;color:#888}.priority-urgent{background:#dc354533;border:1px solid #dc35454d;color:#ff6b7a}.priority-high{background:#fd7e1433;border:1px solid #fd7e144d;color:#ffa64d}.priority-normal{background:#6c757d33;border:1px solid #6c757d4d;color:#a0a8b0}.priority-low{background:#6c757d26;border:1px solid #6c757d33;color:#888}.priority-none{background:#0000;border:none;color:#666}.type-report{background:#dc354533;border:1px solid #dc35454d;color:#ff6b7a}.type-support{background:#5865f233;border:1px solid #5865f24d;color:#8b9aff}.type-bug{background:#faa61a33;border:1px solid #faa61a4d;color:#ffc44d}.type-feature_request{background:#3ba55d33;border:1px solid #3ba55d4d;color:#57d17a}.assign-select{background:#40444b;background:var(--input-bg,#40444b);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);border-radius:3px;color:#dcddde;color:var(--text-color,#dcddde);cursor:pointer;font-size:11px;max-width:100px;padding:2px 4px}.assign-select:focus{border-color:#5865f2;border-color:var(--accent-color,#5865f2);outline:none}.action-buttons{flex-direction:column;gap:6px}.action-btn{background:#4f545c;background:var(--secondary-bg,#4f545c);border:1px solid #40444b;border:1px solid var(--border-color,#40444b);color:#dcddde;color:var(--text-color,#dcddde);font-size:11px;padding:4px 12px}.action-btn:hover{background:#5d6269;background:var(--secondary-hover,#5d6269);border-color:#72767d;border-color:var(--text-muted,#72767d)}.view-btn{background:#5865f226;border-color:#5865f24d;color:#8b9aff}.view-btn:hover{background:#5865f240;border-color:#5865f280}.progress-btn{background:#faa61a26;border-color:#faa61a4d;color:#ffc44d}.progress-btn:hover{background:#faa61a40;border-color:#faa61a80}.no-tickets{color:#b9bbbe;color:var(--text-muted,#b9bbbe);padding:60px 20px;text-align:center}.no-tickets p{font-size:16px;margin:0}.loading{color:#b9bbbe;color:var(--text-muted,#b9bbbe);font-size:16px;padding:60px 20px;text-align:center}.pagination{gap:12px;padding:12px 0}.pagination button{background:#4f545c;background:var(--secondary-bg,#4f545c);border-radius:3px;color:#dcddde;color:var(--text-color,#dcddde);font-size:12px;font-weight:500;padding:4px 10px}.pagination button:hover:not(:disabled){background:#5d6269;background:var(--secondary-hover,#5d6269)}.pagination span{color:#dcddde;color:var(--text-color,#dcddde);font-size:12px;font-weight:500}@media (prefers-color-scheme:dark){.admin-ticket-dashboard{--text-color:#dcddde;--text-muted:#b9bbbe;--border-color:#40444b;--input-bg:#40444b;--hover-bg:#40444b;--card-bg:#36393f;--header-bg:#2f3136;--accent-color:#5865f2;--accent-hover:#4752c4;--danger-color:#ed4245;--warning-color:#faa61a;--info-color:#0dcaf0;--secondary-bg:#4f545c;--secondary-hover:#5d6269}}@media (max-width:1200px){.stats-grid{gap:6px}.stat-card{min-width:70px;padding:4px 8px}.stat-number{font-size:16px}}@media (max-width:768px){.admin-ticket-dashboard{padding:16px}.dashboard-controls{align-items:stretch;flex-direction:column}.filters{justify-content:space-between}.search-box{flex-direction:column}.search-box input{min-width:auto}.tickets-table-container{overflow-x:auto}.tickets-table{min-width:800px}.stats-grid{flex-wrap:nowrap;overflow-x:auto}.action-buttons{flex-direction:column}}@media (max-width:480px){.stats-grid{flex-wrap:nowrap;overflow-x:auto}.stat-card{font-size:10px;min-width:65px;padding:4px 6px}.filters{flex-direction:column;gap:8px}.filters select{min-width:auto}}.cleanup-dashboard{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);color:#e0e0e0;color:var(--text-primary,#e0e0e0);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.dashboard-header{align-items:center;border-bottom:2px solid #404040;border-bottom:2px solid var(--border-color,#404040);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.dashboard-header h2{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:28px;font-weight:600;margin:0}.header-actions{gap:16px}.last-refresh{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:14px}.refresh-btn{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:6px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#3a3a3a;background:var(--bg-tertiary,#3a3a3a);border-color:#6a1b9a;border-color:var(--accent-color,#6a1b9a)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:2px;margin-bottom:24px}.tab{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .2s ease}.tab:hover{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.tab.active,.tab:hover{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a)}.tab.active{border-bottom-color:#6a1b9a;border-bottom-color:var(--accent-color,#6a1b9a);color:#6a1b9a;color:var(--accent-color,#6a1b9a)}.dashboard-content{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-radius:8px;box-shadow:0 2px 8px #0000004d;padding:24px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #404040;border-top:4px solid #6a1b9a;border:4px solid var(--border-color,#404040);border-top-color:var(--accent-color,#6a1b9a);height:40px;margin-bottom:16px;width:40px}.error-state h3,.error-state p,.loading-state p{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.retry-btn{background:#6a1b9a;background:var(--accent-color,#6a1b9a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:16px;padding:10px 20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:flex-start;background:#3a3a3a;background:var(--bg-tertiary,#3a3a3a);border:1px solid #404040;border:1px solid var(--border-color,#404040);display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-radius:50%;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.stat-content h3{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:16px;font-weight:600;margin:0 0 8px}.stat-value{color:#6a1b9a;color:var(--accent-color,#6a1b9a);font-size:24px;margin:0 0 4px}.stat-detail{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:14px;margin:0}.manual-actions,.next-cleanup-section{background:#3a3a3a;background:var(--bg-tertiary,#3a3a3a);border-radius:8px;margin-bottom:24px;padding:20px}.manual-actions h3,.next-cleanup-section h3{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:20px;margin:0 0 16px}.next-cleanup-info p{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);margin:8px 0}.next-cleanup-info p strong{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-btn{align-items:center;border-radius:6px;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.action-btn.primary{background:#6a1b9a;background:var(--accent-color,#6a1b9a);color:#fff}.action-btn.primary:hover:not(:disabled){background:#7b1fa2;background:var(--accent-color-hover,#7b1fa2);transform:translateY(-1px)}.action-btn.secondary{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border:1px solid #404040;border:1px solid var(--border-color,#404040);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.action-btn.secondary:hover:not(:disabled){background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#6a1b9a;border-color:var(--accent-color,#6a1b9a)}.action-btn:disabled{cursor:not-allowed;opacity:.6}.directory-breakdown,.file-integrity,.storage-overview{background:#3a3a3a;background:var(--bg-tertiary,#3a3a3a);border-radius:8px;margin-bottom:24px;padding:20px}.directory-breakdown h3,.file-integrity h3,.storage-overview h3{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:20px;margin:0 0 16px}.storage-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.storage-stat{align-items:center;border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color,#404040);display:flex;justify-content:space-between;padding:12px 0}.storage-stat:last-child{border-bottom:none}.storage-stat .label{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-weight:500}.storage-stat .value{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-weight:600}.storage-stat .value.warning{color:#ff9800;color:var(--warning-color,#ff9800)}.storage-stat .value.error{color:#f44336;color:var(--error-color,#f44336)}.integrity-score{gap:24px}.integrity-score,.score-circle{align-items:center;display:flex}.score-circle{border:4px solid #404040;border:4px solid var(--border-color,#404040);border-radius:50%;flex-shrink:0;height:100px;justify-content:center;width:100px}.score-value{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:24px;font-weight:700}.integrity-details{flex:1 1}.integrity-stat{align-items:center;border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color,#404040);display:flex;justify-content:space-between;padding:8px 0}.integrity-stat:last-child{border-bottom:none}.integrity-stat .label{color:#b0b0b0;color:var(--text-secondary,#b0b0b0)}.integrity-stat .value{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.integrity-stat .value.error{color:#f44336;color:var(--error-color,#f44336)}.directory-list{display:flex;flex-direction:column;gap:12px}.directory-item{align-items:center;background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:6px;display:flex;justify-content:space-between;padding:16px}.directory-info{display:flex;flex-direction:column;gap:4px}.directory-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-weight:600}.directory-stats{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:14px}.clean-btn{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.clean-btn:hover:not(:disabled){background:#6a1b9a;background:var(--accent-color,#6a1b9a);border-color:#6a1b9a;border-color:var(--accent-color,#6a1b9a);color:#fff}.clean-btn:disabled{cursor:not-allowed;opacity:.6}.settings-section,.system-info{background:#3a3a3a;background:var(--bg-tertiary,#3a3a3a);border-radius:8px;margin-bottom:24px;padding:20px}.settings-section h3,.system-info h3{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:20px;margin:0 0 16px}.info-grid,.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item,.setting-item{align-items:center;border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color,#404040);display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child,.setting-item:last-child{border-bottom:none}.info-label,.setting-item label{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-weight:500}.info-value,.setting-value{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-weight:600}.info-value.enabled{color:#4caf50;color:var(--success-color,#4caf50)}.info-value.disabled{color:#f44336;color:var(--error-color,#f44336)}.history-tab{background:#3a3a3a;background:var(--bg-tertiary,#3a3a3a);border-radius:8px;padding:20px;text-align:center}.history-summary h3{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:20px;margin:0 0 16px}.history-summary p{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);margin:12px 0}@media (max-width:768px){.cleanup-dashboard{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{align-self:stretch;justify-content:space-between}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn{justify-content:center;width:100%}.directory-item,.integrity-score{align-items:flex-start;flex-direction:column}.directory-item{gap:12px}.directory-actions{align-self:stretch}.clean-btn{width:100%}}.mobile-admin-loading{align-items:center;background:#1a1a2e;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.mobile-admin-spinner{animation:mobile-admin-spin 1s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#7c3aed;height:40px;width:40px}@keyframes mobile-admin-spin{to{transform:rotate(1turn)}}.mobile-admin-loading p{color:#ffffffb3;font-size:14px;margin-top:16px}.mobile-admin-dashboard{background:#1a1a2e;color:#fff;display:flex;flex-direction:column;height:100vh;height:100dvh;inset:0;overflow:hidden;position:fixed;z-index:9999}.mobile-admin-header{align-items:center;background:linear-gradient(135deg,#1e1e3f,#2a2a4a);border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.mobile-admin-back{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:background .2s}.mobile-admin-back:active{background:#fff3}.mobile-admin-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px}.mobile-admin-icon{font-size:18px}.mobile-admin-settings{background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;font-size:18px;height:40px;transition:background .2s;width:40px}.mobile-admin-settings:active{background:#fff3}.mobile-admin-category-bar{background:#1e1e3f;border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:8px 16px}.mobile-admin-category-btn{align-items:center;background:#7c3aed33;border:1px solid #7c3aed66;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;transition:all .2s;width:100%}.mobile-admin-category-btn:active{background:#7c3aed4d}.category-icon{font-size:18px}.category-arrow{color:#fff9}.mobile-admin-tab-bar{-webkit-overflow-scrolling:touch;background:#1e1e3f;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}.mobile-admin-tab-bar::-webkit-scrollbar{display:none}.mobile-admin-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:12px;gap:4px;min-width:70px;padding:10px 16px;transition:all .2s}.mobile-admin-tab:active{background:#ffffff1a}.mobile-admin-tab.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;color:#fff}.tab-icon{font-size:18px}.tab-name{font-weight:500;white-space:nowrap}.mobile-admin-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.mobile-admin-content-header{align-items:center;background:#7c3aed1a;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.content-icon{font-size:20px}.content-title{font-size:16px;font-weight:600}.mobile-admin-content-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.mobile-admin-content-body .admin-content,.mobile-admin-content-body .admin-tab-content,.mobile-admin-content-body>div{font-size:14px}.mobile-admin-content-body table{-webkit-overflow-scrolling:touch;display:block;font-size:12px;overflow-x:auto}.mobile-admin-content-body table td,.mobile-admin-content-body table th{padding:8px;white-space:nowrap}.mobile-admin-content-body .form-group,.mobile-admin-content-body .input-group{margin-bottom:12px}.mobile-admin-content-body input,.mobile-admin-content-body select,.mobile-admin-content-body textarea{font-size:16px;padding:10px 12px}.mobile-admin-content-body button{font-size:14px;min-height:44px}.mobile-admin-content-body .card,.mobile-admin-content-body .panel,.mobile-admin-content-body .stat-card{border-radius:10px;margin-bottom:12px}.mobile-admin-overlay{align-items:flex-end;animation:mobile-admin-fade-in .2s ease;background:#0009;display:flex;inset:0;position:fixed;z-index:10000}@keyframes mobile-admin-fade-in{0%{opacity:0}to{opacity:1}}.mobile-admin-category-picker{animation:mobile-admin-slide-up .3s ease;background:linear-gradient(180deg,#2a2a4a,#1e1e3f);border-radius:20px 20px 0 0;max-height:70vh;overflow-y:auto;padding:12px 16px calc(20px + env(safe-area-inset-bottom));width:100%}@keyframes mobile-admin-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.category-picker-handle{background:#ffffff4d;border-radius:2px;height:4px;margin:0 auto 16px;width:40px}.mobile-admin-category-picker h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.category-picker-list{display:flex;flex-direction:column;gap:8px}.category-picker-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s;width:100%}.category-picker-item:active{background:#ffffff1a}.category-picker-item.active{background:#7c3aed33;border-color:#7c3aed80}.picker-icon{font-size:24px}.picker-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px}.picker-name{font-size:16px;font-weight:500}.picker-count{color:#ffffff80;font-size:12px}.picker-check{color:#7c3aed;font-size:18px;font-weight:700}.mobile-admin-toast{animation:mobile-admin-toast-in .3s ease;background:#333;border-radius:8px;bottom:calc(100px + env(safe-area-inset-bottom));color:#fff;font-size:14px;left:50%;max-width:calc(100% - 32px);padding:12px 20px;position:fixed;text-align:center;transform:translateX(-50%);z-index:10001}.mobile-admin-toast.success{background:#10b981}.mobile-admin-toast.error{background:#ef4444}.mobile-admin-toast.warning{background:#f59e0b}@keyframes mobile-admin-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:360px){.mobile-admin-tab{min-width:60px;padding:8px 12px}.tab-icon{font-size:16px}.tab-name{font-size:11px}.mobile-admin-content-body{padding:12px}}@media (max-height:500px){.mobile-admin-header{padding:8px 16px}.mobile-admin-category-bar{padding:6px 16px}.mobile-admin-category-btn{padding:8px 12px}.mobile-admin-tab-bar{padding:6px 16px}.mobile-admin-tab{padding:8px 12px}.mobile-admin-content-header{padding:8px 16px}}.mobile-admin-content-body .admin-section,.mobile-admin-content-body .content-section{border-radius:10px;padding:12px}.mobile-admin-content-body .metrics-grid,.mobile-admin-content-body .stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.mobile-admin-content-body .stat-card{padding:12px}.mobile-admin-content-body .stat-value{font-size:20px}.mobile-admin-content-body .stat-label{font-size:11px}.mobile-admin-content-body .action-buttons,.mobile-admin-content-body .button-group{display:flex;flex-wrap:wrap;gap:8px}.mobile-admin-content-body .action-buttons button,.mobile-admin-content-body .button-group button{flex:1 1;min-width:120px}.mobile-admin-content-body .list-item,.mobile-admin-content-body .server-row,.mobile-admin-content-body .user-row{border-radius:8px;margin-bottom:8px;padding:12px}.mobile-admin-content-body .form-row{flex-direction:column;gap:12px}.mobile-admin-content-body .form-actions{flex-direction:column;gap:8px}.mobile-admin-content-body .form-actions button{width:100%}.mobile-admin-content-body .search-input,.mobile-admin-content-body input[type=search]{margin-bottom:12px;width:100%}.mobile-admin-content-body .chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.mobile-admin-content-body .pagination{gap:4px;justify-content:center}.mobile-admin-content-body .pagination button{min-height:36px;min-width:36px;padding:0}.mobile-admin-content-body .dialog,.mobile-admin-content-body .modal-content{border-radius:12px;margin:16px;max-height:80vh;width:calc(100% - 32px)}.mobile-admin-content-body .inner-tabs,.mobile-admin-content-body .sub-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:4px;overflow-x:auto;padding:8px 0}.mobile-admin-content-body .inner-tabs button,.mobile-admin-content-body .sub-tabs button{flex-shrink:0;white-space:nowrap}.admin-dashboard{background:#2b2d31;display:flex;height:100vh;overflow:hidden}.admin-sidebar{background:#1e1f22;border-right:1px solid #1a1b1e;box-shadow:2px 0 10px #0003;display:flex;flex-direction:column;height:100vh;overflow-y:auto;width:300px}.admin-sidebar-header{background:linear-gradient(135deg,#5865f2,#7289da);border-bottom:1px solid #1a1b1e;color:#fff;padding:30px 25px}.admin-sidebar-header h2{font-size:20px;font-weight:700;margin:0 0 5px}.admin-sidebar-header p{font-size:14px;margin:0 0 12px;opacity:.9}.change-password-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:8px 12px;transition:all .2s;width:100%}.change-password-btn:hover{background:#fff3;border-color:#ffffff4d}.admin-nav{flex:1 1;padding:20px 0}.admin-nav-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:15px;padding:15px 25px;position:relative;text-align:left;transition:all .3s ease;width:100%}.admin-nav-item:hover{background:#313338;transform:translateX(3px)}.admin-nav-item.active{background:#404249;border-left:3px solid #5865f2;transform:translateX(0)}.admin-nav-icon{flex-shrink:0;font-size:20px}.admin-nav-content{display:flex;flex-direction:column;gap:2px}.admin-nav-name{color:#dbdee1;font-size:14px;font-weight:600}.admin-nav-description{color:#949ba4;font-size:12px;line-height:1.3}.admin-nav-item.active .admin-nav-name{color:#fff}.admin-config-info{background:#232428;border-top:1px solid #1a1b1e;padding:20px 25px}.admin-config-info h4{color:#dbdee1;font-size:14px;font-weight:600;margin:0 0 15px}.config-item{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.config-item span:first-child{color:#949ba4}.config-item span:last-child{color:#dbdee1;font-weight:600}.config-item .enabled{color:#27ae60}.config-item .disabled{color:#e74c3c}.admin-main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;overflow:hidden}.admin-content-header{background:#313338;border-bottom:1px solid #1a1b1e;padding:30px 40px 20px}.admin-content-header h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 5px}.admin-content-header p{color:#949ba4;font-size:16px;margin:0}.admin-content-body{background:#2b2d31;flex:1 1;max-height:calc(100vh - 150px);overflow-y:auto;padding:30px 40px}.admin-dashboard-loading{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.admin-dashboard-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e1e8ed;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.admin-dashboard-loading p{color:#7f8c8d;font-size:16px}.admin-card{background:#313338;border:1px solid #1a1b1e;border-radius:12px;box-shadow:0 2px 10px #0003;margin-bottom:20px;padding:25px}.admin-card h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 15px}.admin-card p{color:#949ba4;line-height:1.5;margin:0 0 15px}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.admin-stat-card{background:#313338;border:1px solid #1a1b1e;border-radius:12px;box-shadow:0 2px 10px #0003;overflow:hidden;padding:25px;position:relative;text-align:center}.admin-stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.admin-stat-value{color:#fff;font-size:32px;font-weight:700;margin:0 0 5px}.admin-stat-label{color:#949ba4;font-size:14px;font-weight:500}.admin-stat-change{border-radius:20px;font-size:12px;font-weight:600;margin-top:8px;padding:4px 8px}.admin-stat-change.positive{background:#27ae601a;color:#27ae60}.admin-stat-change.negative{background:#e74c3c1a;color:#e74c3c}.admin-button{background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.admin-button:hover{background:#4752c4;box-shadow:0 5px 15px #5865f24d;transform:translateY(-2px)}.admin-button.secondary{background:#6c757d}.admin-button.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.admin-button.danger:hover{box-shadow:0 5px 15px #e74c3c4d}.admin-table{background:#313338;border:1px solid #1a1b1e;border-radius:12px;box-shadow:0 2px 10px #0003;overflow:auto;width:100%}.admin-table table{border-collapse:collapse;width:100%}.admin-table th{background:#232428;border-bottom:1px solid #1a1b1e;color:#fff;font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.admin-table td,.admin-table th{font-size:14px;padding:15px 20px}.admin-table td{border-bottom:1px solid #232428;color:#dbdee1}.admin-table tr:hover{background:#404249}.admin-table tr:last-child td{border-bottom:none}@media (max-width:1024px){.admin-dashboard{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e9ecef;border-right:none;height:auto;width:100%}.admin-nav{display:flex;overflow-x:auto;padding:10px}.admin-nav-item{border-radius:8px;border-right:none;flex-shrink:0;margin-right:10px;min-width:200px}.admin-nav-item.active{border-bottom:3px solid #667eea;border-right:none}.admin-config-info{display:none}.admin-content-body,.admin-content-header{padding:20px}.admin-stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.admin-content-header h1{font-size:24px}.admin-content-header p{font-size:14px}.admin-card{padding:20px}.admin-stats-grid{grid-template-columns:1fr}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:10px 15px}}.tab-loading{align-items:center;color:#949ba4;display:flex;font-size:16px;height:400px;justify-content:center}.tab-header{margin-bottom:30px}.tab-header h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 10px}.tab-header p{color:#949ba4;font-size:14px;margin:0 0 20px}.security-alerts,.security-events{background:#313338;border:1px solid #1a1b1e;border-radius:8px;margin-bottom:20px;padding:20px}.security-alerts h3,.security-events h3{color:#fff;font-size:18px;margin:0 0 15px}.alert-item,.event-item{background:#232428;border-left:3px solid #5865f2;border-radius:6px;margin-bottom:10px;padding:12px}.alert-item.critical{border-left-color:#ed4245}.alert-item.warning{border-left-color:#faa61a}.user-filters{display:flex;gap:15px;margin-bottom:20px}.user-filters input,.user-filters select{background:#1e1f22;border:1px solid #313338;border-radius:6px;color:#dbdee1;font-size:14px;padding:8px 12px}.user-filters input::placeholder{color:#5c6067}@media (prefers-color-scheme:dark){.admin-dashboard{background:#1a1a1a}.admin-sidebar{background:#2c3e50;border-right-color:#34495e}.admin-nav-item{color:#ecf0f1}.admin-nav-item:hover{background:#34495e}.admin-nav-name{color:#ecf0f1}.admin-nav-description{color:#95a5a6}.admin-config-info{background:#34495e;border-top-color:#4a5f7a}.admin-config-info h4{color:#ecf0f1}.config-item span:first-child{color:#95a5a6}.config-item span:last-child{color:#ecf0f1}.admin-main-content{background:#1a1a1a}.admin-content-header{background:#2c3e50;border-bottom-color:#34495e}.admin-content-header h1{color:#ecf0f1}.admin-content-header p{color:#95a5a6}.admin-content-body{background:#1a1a1a}.admin-card,.admin-stat-card,.admin-table{background:#2c3e50;border-color:#34495e}.admin-card h3{color:#ecf0f1}.admin-card p{color:#95a5a6}.admin-stat-value{color:#ecf0f1}.admin-stat-label{color:#95a5a6}.admin-table th{background:#34495e;border-bottom-color:#4a5f7a;color:#ecf0f1}.admin-table td{border-bottom-color:#34495e;color:#ecf0f1}.admin-table tr:hover{background:#34495e}}@media (max-width:767px){.admin-dashboard{padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0)}.admin-sidebar{border-bottom:1px solid #1a1b1e;height:auto;max-height:200px;position:fixed;width:100%;z-index:100}.admin-sidebar-header{padding:16px 20px}.admin-sidebar-header h2{font-size:16px}.admin-sidebar-header p{font-size:12px;margin-bottom:8px}.change-password-btn{font-size:12px;min-height:40px;padding:8px 10px}.admin-nav{-ms-overflow-style:none;gap:8px;padding:8px;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-item{min-width:160px;padding:10px 14px}.admin-nav-icon{font-size:18px}.admin-nav-name{font-size:13px}.admin-nav-description{font-size:11px}.admin-main-content{height:calc(100vh - 200px);margin-top:200px}.admin-content-header{padding:16px 20px}.admin-content-header h1{font-size:20px}.admin-content-header p{font-size:13px}.admin-content-body{max-height:calc(100vh - 280px);padding:16px}.admin-card{margin-bottom:16px;padding:16px}.admin-card h3{font-size:16px}.admin-stats-grid{gap:12px}.admin-stat-card{padding:16px}.admin-stat-value{font-size:24px}.admin-stat-label{font-size:12px}.admin-button{font-size:14px;min-height:44px;padding:12px 16px}.admin-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table table{min-width:600px}.admin-table td,.admin-table th{font-size:13px;padding:10px 12px;white-space:nowrap}.user-filters{flex-direction:column}.user-filters input,.user-filters select{font-size:16px;min-height:44px;width:100%}.security-alerts,.security-events{padding:16px}.security-alerts h3,.security-events h3{font-size:16px}.alert-item,.event-item{padding:12px}.tab-header h2{font-size:18px}.tab-header p{font-size:13px}}@media (max-width:359px){.admin-sidebar{max-height:180px}.admin-main-content{margin-top:180px}.admin-nav-item{min-width:140px;padding:8px 12px}.admin-stat-value{font-size:20px}}@media (hover:none) and (pointer:coarse){.admin-nav-item:hover{transform:none}.admin-nav-item:active{background:#404249}.admin-button:hover{transform:none}.admin-button:active{opacity:.9;transform:scale(.98)}.admin-stat-card:hover{transform:none}.admin-table tr:hover{background:inherit}.admin-table tr:active{background:#404249}}
/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor li,.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"\2022"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"\2611"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"\2610"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.newsletter-tab{padding:20px}.newsletter-header{margin-bottom:24px}.newsletter-header h2{color:#fff;margin:0 0 8px}.newsletter-header .header-description{color:#a0a0b0;font-size:14px;margin:0}.newsletter-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{background:#2a2a3e;border-radius:8px;padding:16px;text-align:center}.stat-card.warning{border-left:3px solid #f59e0b}.stat-card.danger{border-left:3px solid #ef4444}.stat-value{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{color:#a0a0b0;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.sub-tabs{border-bottom:1px solid #3a3a4e;display:flex;gap:8px;margin-bottom:20px;padding-bottom:8px}.sub-tabs button{background:#0000;border:none;border-radius:4px;color:#a0a0b0;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.sub-tabs button:hover{background:#3a3a4e;color:#fff}.sub-tabs button.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.newsletter-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.search-box{flex:1 1;min-width:200px}.search-box input{background:#2a2a3e;border:1px solid #3a3a4e;border-radius:6px;color:#fff;font-size:14px;padding:10px 14px;width:100%}.search-box input:focus{border-color:#8b5cf6;outline:none}.search-box input::placeholder{color:#6b6b7b}.filter-select{background:#2a2a3e;border:1px solid #3a3a4e;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 14px}.filter-select:focus{border-color:#8b5cf6;outline:none}.add-btn,.export-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.export-btn{background:#2dd4bf;color:#000}.export-btn:hover{background:#14b8a6}.add-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.add-btn:hover{opacity:.9}.newsletter-table{background:#2a2a3e;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.newsletter-table td,.newsletter-table th{border-bottom:1px solid #3a3a4e;padding:12px 16px;text-align:left}.newsletter-table th{background:#1a1a2e;color:#a0a0b0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.newsletter-table td{color:#fff;font-size:14px}.newsletter-table tr:last-child td{border-bottom:none}.newsletter-table tr:hover{background:#3a3a4e}.email-cell{color:#8b5cf6!important;font-family:monospace}.suppression-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.badge-unsubscribed{background:#8b5cf633;color:#a78bfa}.badge-bounced{background:#ef444433;color:#f87171}.badge-spam{background:#f59e0b33;color:#fbbf24}.badge-default,.badge-manual{background:#6b728033;color:#9ca3af}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.action-btn.suppress{background:#ef444433;color:#f87171}.action-btn.suppress:hover{background:#ef444466}.action-btn.unsuppress{background:#2dd4bf33;color:#2dd4bf}.action-btn.unsuppress:hover{background:#2dd4bf66}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:16px}.pagination button{background:#3a3a4e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){background:#4a4a5e}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#a0a0b0;font-size:14px}.empty-state,.loading{color:#a0a0b0;padding:40px;text-align:center}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#2a2a3e;border-radius:12px;box-shadow:0 8px 32px #0006;max-width:400px;padding:24px;width:100%}.modal-content h3{color:#fff;margin:0 0 8px}.modal-content p{color:#a0a0b0;font-size:14px;margin-bottom:20px}.form-group label{color:#a0a0b0;letter-spacing:.5px;text-transform:uppercase}.form-group input{background:#1a1a2e;border:1px solid #3a3a4e;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus{border-color:#8b5cf6;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn,.confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn{background:#3a3a4e;color:#fff}.cancel-btn:hover{background:#4a4a5e}.confirm-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.confirm-btn:hover:not(:disabled){opacity:.9}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}.compose-tab{max-width:900px}.compose-form{background:#2a2a3e;border-radius:12px;padding:24px}.compose-form h3{color:#fff;font-size:18px;margin:0 0 20px}.subject-input{background:#1a1a2e;border:1px solid #3a3a4e;border-radius:8px;color:#fff;font-size:16px;margin-bottom:16px;padding:14px 16px;width:100%}.subject-input:focus{border-color:#8b5cf6;outline:none}.subject-input::placeholder{color:#6b6b7b}.editor-container{margin-bottom:20px}.editor-container .ql-toolbar{background:#1a1a2e;border:1px solid #3a3a4e;border-bottom:none;border-radius:8px 8px 0 0}.editor-container .ql-toolbar .ql-stroke{stroke:#a0a0b0}.editor-container .ql-toolbar .ql-fill{fill:#a0a0b0}.editor-container .ql-toolbar .ql-picker{color:#a0a0b0}.editor-container .ql-toolbar button.ql-active .ql-stroke,.editor-container .ql-toolbar button:hover .ql-stroke{stroke:#8b5cf6}.editor-container .ql-toolbar button.ql-active .ql-fill,.editor-container .ql-toolbar button:hover .ql-fill{fill:#8b5cf6}.editor-container .ql-container{background:#1a1a2e;border:1px solid #3a3a4e;border-radius:0 0 8px 8px;font-size:14px;min-height:300px}.editor-container .ql-editor{color:#fff;min-height:300px}.editor-container .ql-editor.ql-blank:before{color:#6b6b7b;font-style:normal}.editor-container .ql-picker-options{background:#2a2a3e;border-color:#3a3a4e}.editor-container .ql-picker-item{color:#fff}.editor-container .ql-picker-item:hover{color:#8b5cf6}.compose-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.preview-btn,.send-btn,.test-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.preview-btn{background:#3a3a4e;color:#fff}.preview-btn:hover{background:#4a4a5e}.test-btn{background:#2dd4bf;color:#000}.test-btn:hover{background:#14b8a6}.send-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.send-btn:hover:not(:disabled){opacity:.9}.send-btn:disabled{cursor:not-allowed;opacity:.5}.preview-modal .modal-content{max-width:700px}.preview-header{align-items:center;border-bottom:1px solid #3a3a4e;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.preview-header h3{color:#fff;margin:0}.close-btn{background:#0000;border:none;color:#a0a0b0;cursor:pointer;font-size:24px;line-height:1;padding:0}.close-btn:hover{color:#fff}.preview-subject{background:#1a1a2e;border-radius:8px;margin-bottom:16px;padding:12px 16px}.preview-subject span{color:#a0a0b0;display:block;font-size:12px;margin-bottom:4px;text-transform:uppercase}.preview-subject strong{color:#fff;font-size:16px}.preview-body{background:#fff;border-radius:8px;color:#1a1a2e;max-height:400px;overflow-y:auto;padding:24px}.preview-body img{max-width:100%}.preview-footer{border-top:1px solid #3a3a4e;color:#a0a0b0;font-size:12px;margin-top:16px;padding-top:16px;text-align:center}.test-modal .modal-content{max-width:450px}.send-confirm-modal .modal-content{max-width:500px}.warning-box{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;margin-bottom:20px;padding:16px}.warning-box p{color:#fbbf24;font-size:14px;margin:0}.warning-box strong{display:block;font-size:16px;margin-bottom:8px}.confirm-input{background:#1a1a2e;border:1px solid #3a3a4e;border-radius:6px;color:#fff;font-family:monospace;font-size:14px;padding:12px 14px;text-align:center;width:100%}.confirm-input:focus{border-color:#8b5cf6;outline:none}.stat-card.highlight{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:2px solid #8b5cf6}.success-message{background:#2dd4bf1a;border:1px solid #2dd4bf4d;border-radius:8px;color:#2dd4bf}.error-message,.success-message{margin-bottom:16px;padding:12px 16px}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171}.transform-toolbar{align-items:center;animation:slideDown .15s ease-out;background:#2a2a3e;background:var(--bg-secondary,#2a2a3e);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a);border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:8px;left:50%;padding:6px 12px;position:absolute;top:48px;transform:translateX(-50%);z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.transform-toolbar-header{align-items:center;border-right:1px solid #3a3a5a;border-right:1px solid var(--border-color,#3a3a5a);display:flex;padding-right:8px}.selection-label{color:#a0a0b0;color:var(--text-secondary,#a0a0b0);font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transform-toolbar-buttons{align-items:center;display:flex;gap:4px}.transform-group{align-items:center;display:flex;gap:2px}.transform-separator{background:#3a3a5a;background:var(--border-color,#3a3a5a);height:20px;margin:0 4px;width:1px}.transform-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.transform-btn:hover{background:#3a3a5a;background:var(--bg-hover,#3a3a5a);border-color:#4a4a6a;border-color:var(--border-hover,#4a4a6a)}.transform-btn:active{background:#4a4a6a;background:var(--bg-active,#4a4a6a);transform:scale(.95)}.transform-btn.active{background:#4a90d9;background:var(--accent-color,#4a90d9);border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);color:#fff}.transform-btn svg{flex-shrink:0}.transform-btn-reset{color:orange;color:var(--text-warning,orange)}.transform-btn-reset:hover{background:#ffa50026;border-color:#ffa5004d}.transform-dropdown-container{position:relative}.transform-dropdown-menu{animation:fadeIn .1s ease-out;background:#2a2a3e;background:var(--bg-secondary,#2a2a3e);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a);border-radius:6px;box-shadow:0 4px 12px #0000004d;left:50%;margin-top:4px;min-width:60px;padding:4px;position:absolute;top:100%;transform:translateX(-50%);z-index:110}.transform-dropdown-menu button{background:#0000;border:none;border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;display:block;font-size:12px;padding:6px 12px;text-align:center;transition:background .15s ease;width:100%}.transform-dropdown-menu button:hover{background:#3a3a5a;background:var(--bg-hover,#3a3a5a)}.transform-dropdown-menu button:active{background:#4a4a6a;background:var(--bg-active,#4a4a6a)}.transform-btn[title]:after{background:#000c;border-radius:4px;bottom:-24px;color:#fff;content:attr(title);font-size:10px;left:50%;opacity:0;padding:2px 6px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease;white-space:nowrap}@media (max-width:600px){.transform-toolbar{gap:4px;padding:4px 8px}.transform-toolbar-header{display:none}.transform-btn{height:24px;width:24px}.transform-separator{margin:0 2px}}.map-builder{background:#1a1a2e;background:var(--bg-primary,#1a1a2e);color:#e0e0e0;color:var(--text-primary,#e0e0e0);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;width:100vw}.map-builder-content{display:flex;flex:1 1;overflow:hidden}.map-builder-panel{background:#16213e;border-color:#2a2a4a;color:#b0b0c0;display:flex;flex-direction:column;overflow:hidden}.map-builder-panel-left{border-right:1px solid #2a2a4a}.map-builder-panel-right{background:#1a1a2e;border-left:1px solid #2a2a4a}.map-builder-canvas-container{flex:1 1;overflow:hidden;position:relative}.map-builder-toolbar{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);display:flex;gap:12px;height:48px;justify-content:space-between;padding:0 12px}.toolbar-section{align-items:center;display:flex;gap:4px}.toolbar-section-left{flex:0 0 auto}.toolbar-section-center{flex:1 1;justify-content:center}.toolbar-section-right{flex:0 0 auto}.toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:6px 12px;transition:all .15s ease}.toolbar-btn:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.toolbar-btn.active{background:#4a90d9;background:var(--accent-color,#4a90d9);color:#fff}.toolbar-btn.disabled{cursor:not-allowed;opacity:.4}.toolbar-icon-btn{font-size:16px;height:32px;padding:0;width:32px}.toolbar-tool-btn{height:36px;padding:0;width:36px}.toolbar-tool-btn .tool-icon{font-size:18px}.toolbar-close-btn{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.toolbar-close-btn:hover{background:#dc3545;color:#fff}.toolbar-ai-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;font-weight:500;padding:6px 12px;transition:all .2s}.toolbar-ai-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.toolbar-separator{background:#2a2a4a;background:var(--border-color,#2a2a4a);height:24px;margin:0 8px;width:1px}.toolbar-dropdown{position:relative}.toolbar-dropdown-menu{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;min-width:200px;padding:4px 0;position:absolute;top:100%;z-index:1000}.toolbar-dropdown-menu-right{left:auto;right:0}.dropdown-item{align-items:center;background:#0000;border:none;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;width:100%}.dropdown-item:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a)}.dropdown-icon{text-align:center;width:20px}.dropdown-shortcut{color:#666;color:var(--text-muted,#666);font-size:11px;margin-left:auto}.dropdown-divider{background:#2a2a4a;background:var(--border-color,#2a2a4a);height:1px;margin:4px 0}.dropdown-item-danger:hover{background:#dc354533;color:#ff6b7a}.toolbar-clipboard-btn{align-items:center;background:#4a90d933;border:1px solid #4a90d9;border:1px solid var(--accent-color,#4a90d9);border-radius:4px;display:flex;gap:4px;padding:4px 8px}.toolbar-clipboard-btn:hover{background:#4a90d94d}.toolbar-clipboard-btn .clipboard-icon{font-size:14px}.toolbar-clipboard-btn .clipboard-count{color:#4a90d9;color:var(--accent-color,#4a90d9);font-size:12px;font-weight:600;min-width:16px;text-align:center}.map-name-display{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:4px;display:flex;font-size:13px;gap:4px;padding:4px 12px}.map-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.unsaved-indicator{color:#ffc107;font-size:16px}.panel-header{align-items:center;background:#00000026;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:10px 12px}.panel-header h3{color:#a0a8b0;font-size:13px;font-weight:600;letter-spacing:.3px;margin:0}.panel-header-btn{align-items:center;background:#0000;border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.panel-header-btn:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.layer-panel{display:flex;flex-direction:column;height:100%}.layer-list{flex:1 1;overflow-y:auto;padding:8px}.layer-item{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:8px;margin-bottom:4px;padding:8px 12px;transition:all .15s ease}.layer-item:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a)}.layer-item.active{background:#4a90d91a;border-color:#4a90d9;border-color:var(--accent-color,#4a90d9)}.layer-item.locked{opacity:.6}.layer-item.dragging{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);opacity:.5}.layer-item.drag-over{background:#4a90d926;border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);border-style:dashed}.layer-drag-handle{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:grab;font-size:12px;letter-spacing:-2px;opacity:.5;-webkit-user-select:none;user-select:none}.layer-drag-handle:hover{opacity:1}.layer-item.dragging .layer-drag-handle{cursor:grabbing}.layer-icon{font-size:16px}.layer-name{border-radius:3px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:text;flex:1 1;font-size:13px;min-width:0;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;white-space:nowrap}.layer-name:hover{background:#ffffff0d}.layer-name-input{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #4a90d9;border:1px solid var(--accent-color,#4a90d9);border-radius:3px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;font-size:13px;min-width:0;outline:none;padding:2px 4px}.layer-controls{display:flex;gap:4px}.layer-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:.6;transition:opacity .15s ease;width:24px}.layer-btn.active,.layer-btn:hover{opacity:1}.layer-properties{border-top:1px solid #2a2a4a;border-top:1px solid var(--border-color,#2a2a4a);padding:12px}.asset-panel{background:#1a1a2e;border-bottom:1px solid #2a2a4a;color:#b0b0c0;display:flex;flex-direction:column;height:50%}.asset-search{padding:8px;position:relative}.asset-search-input{background:#00000040;border:1px solid #ffffff14;border-radius:4px;color:#c0c0c8;font-size:12px;padding:8px 32px 8px 12px;width:100%}.asset-search-input::placeholder{color:#606070}.asset-search-input:focus{background:#0000004d;border-color:#4a90d966}.asset-search-clear{background:#0000;border:none;color:#606070;cursor:pointer;font-size:12px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.asset-search-clear:hover{color:#909090}.asset-categories{flex:1 1;overflow-y:auto;padding:0 8px}.category-btn{align-items:center;background:#ffffff05;border:none;border-radius:4px;color:#b0b0b0;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;transition:background .15s ease;width:100%}.category-btn:hover{background:#ffffff0f;color:#d0d0d0}.category-btn.active{background:#4a90d926;color:#d0d0d0}.category-icon{flex-shrink:0;font-size:16px;opacity:.8}.category-name{color:inherit;flex:1 1;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.category-arrow{color:#666;color:var(--text-muted,#666);font-size:10px}.subcategory-list{padding-left:32px}.subcategory-btn{background:#0000;border:none;border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:block;font-size:12px;padding:6px 12px;text-align:left;width:100%}.subcategory-btn:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.subcategory-btn.active{color:#4a90d9;color:var(--accent-color,#4a90d9)}.asset-list{grid-gap:8px;display:grid;gap:8px;overflow-y:auto;padding:8px}.asset-list.grid{grid-template-columns:repeat(3,1fr)}.asset-list.list{grid-template-columns:1fr}.asset-item{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;cursor:grab;display:flex;flex-direction:column;padding:8px;transition:all .15s ease}.asset-list.list .asset-item{flex-direction:row;gap:12px}.asset-item:hover{border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);transform:translateY(-2px)}.asset-thumbnail{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border-radius:4px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.asset-thumbnail img{height:100%;object-fit:cover;width:100%}.asset-placeholder{font-size:24px}.asset-name{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:11px;margin-top:4px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.asset-empty{color:#666;color:var(--text-muted,#666);padding:24px;text-align:center}.asset-empty-hint{font-size:12px;margin-top:8px}.asset-icon{align-items:center;display:flex;font-size:28px;height:48px;justify-content:center;width:48px}.asset-thumbnail{position:relative}.asset-light-indicator{bottom:-2px;font-size:12px;position:absolute;right:-2px}.asset-size,.subcategory-count{color:#666;color:var(--text-muted,#666);font-size:10px;margin-left:auto}.asset-preview-tooltip{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;gap:12px;max-width:240px;min-width:200px;padding:12px;pointer-events:none}.preview-icon{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:6px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.preview-info{flex:1 1;min-width:0}.preview-info h4{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px;font-weight:600;margin:0 0 4px}.preview-category{color:#666;color:var(--text-muted,#666);font-size:10px;margin:0 0 8px}.preview-details{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.preview-details>span{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:10px}.preview-tag{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:3px;color:#4a90d9!important;color:var(--accent-color,#4a90d9)!important;font-size:9px!important;padding:2px 6px}.preview-tags{color:#666;color:var(--text-muted,#666);font-size:9px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-toggle{background:#0003;border-radius:4px;display:flex;gap:1px;padding:2px}.view-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#707080;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;transition:all .15s ease;width:24px}.view-btn:hover{background:#ffffff0d;color:#a0a0b0}.view-btn.active{background:#4a90d933;color:#7eb8e8}.header-actions{align-items:center;display:flex;gap:8px}.upload-btn{background:#4a90d933;border:1px solid #4a90d94d;border-radius:4px;color:#7eb8e8;cursor:pointer;font-size:11px;padding:5px 10px;transition:all .15s ease}.upload-btn:hover{background:#4a90d94d;border-color:#4a90d980;color:#a0d0ff}.asset-tabs{border-bottom:1px solid #ffffff0f;display:flex;gap:2px;padding:4px 8px 8px}.asset-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#808090;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;gap:2px;padding:6px 4px;transition:all .15s ease}.asset-tab:hover{background:#ffffff0a;color:#b0b0c0}.asset-tab.active{background:#4a90d91f;color:#7eb8e8}.asset-tab.marketplace-tab{color:#9080a0}.asset-tab.marketplace-tab:hover{background:#8050a01f;color:#b0a0c0}.asset-tab.marketplace-tab.active{background:#8050a033;color:#c0b0d0}.asset-tab .tab-icon{font-size:14px;opacity:.85}.asset-tab .tab-label{font-size:9px;max-width:100%;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-favorite-btn{align-items:center;background:#00000080;border:none;border-radius:3px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .15s ease;width:20px}.asset-item:hover .asset-favorite-btn{opacity:1}.asset-favorite-btn.favorited{color:gold;opacity:1}.asset-favorite-btn:hover{background:#000000b3}.asset-loading{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;flex-direction:column;justify-content:center;padding:32px}.loading-spinner{font-size:24px}.asset-fallback-notice{background:#ffaa001a;border:1px dashed #ffaa004d;border-radius:4px;color:#fa0c}.asset-fallback-notice,.purchased-assets-notice{font-size:11px;margin:8px;padding:6px 12px;text-align:center}.purchased-assets-notice{background:#4caf501a;border:1px dashed #4caf504d;border-radius:4px;color:#4caf50e6}.source-filter{background:#0003;border-bottom:1px solid #ffffff1a;display:flex;gap:4px;padding:8px}.source-filter-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-size:11px;gap:4px;justify-content:center;padding:6px 8px;transition:all .2s ease}.source-filter-btn:hover{background:#ffffff1a;color:#ffffffe6}.source-filter-btn.active{background:#4a90d9;background:var(--accent-color,#4a90d9);border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);color:#fff}.source-filter-btn .filter-icon{font-size:12px}.source-filter-btn .filter-label{font-weight:500}.source-filter-btn .filter-count{font-size:10px;opacity:.8}.asset-item.purchased-asset{border-color:#4caf504d}.asset-item.purchased-asset:hover{border-color:#4caf5080}.asset-source-badge{border-radius:3px;font-size:10px;left:4px;padding:2px 4px;position:absolute;top:4px;z-index:1}.asset-source-badge.purchased{background:#4caf50e6}.purchased-asset-tag,.purchased-tag{background:#4caf50e6!important;color:#fff!important}.system-asset-tag{background:#646464cc!important;color:#fff!important}.empty-upload-btn{background:#4a90d9;background:var(--accent-color,#4a90d9);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:12px;padding:8px 16px}.empty-upload-btn:hover{background:#3a80c9}.asset-item.user-asset{border-color:#4a90d94d}.favorites-bar{background:#ffd70014;border-bottom:1px solid #ffd70033;padding:6px 8px}.favorites-bar.collapsed{padding:4px 8px}.favorites-bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.favorites-bar.collapsed .favorites-bar-header{margin-bottom:0}.favorites-bar-title{align-items:center;color:gold;display:flex;font-size:10px;font-weight:500;gap:4px;letter-spacing:.5px;text-transform:uppercase}.favorites-bar-toggle{background:#0000;border:none;color:gold;cursor:pointer;font-size:10px;opacity:.7;padding:2px 4px}.favorites-bar-toggle:hover{opacity:1}.favorites-bar-items{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.favorites-bar-items::-webkit-scrollbar{height:3px}.favorites-bar-items::-webkit-scrollbar-track{background:#0003;border-radius:2px}.favorites-bar-items::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}.favorites-bar-item{align-items:center;background:#0000004d;border:1px solid #ffd70033;border-radius:4px;cursor:grab;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s ease;width:36px}.favorites-bar-item:hover{border-color:#ffd70080;transform:translateY(-1px)}.favorites-bar-item img{border-radius:3px;height:100%;object-fit:cover;width:100%}.favorites-bar-icon,.favorites-bar-more{align-items:center;display:flex;justify-content:center}.favorites-bar-more{background:#ffd7001a;border:1px dashed #ffd7004d;border-radius:4px;color:gold;cursor:pointer;flex-shrink:0;font-size:10px;height:36px;transition:all .15s ease;width:36px}.favorites-bar-more:hover{background:#ffd70033;border-style:solid}.categories-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 4px 6px}.categories-title{color:#808090;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.categories-actions{display:flex;gap:2px}.collapse-all-btn,.expand-all-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;color:#808090;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;transition:all .15s ease;width:20px}.collapse-all-btn:hover,.expand-all-btn:hover{background:#ffffff1a;color:#b0b0c0}.category-header{align-items:center;display:flex;gap:2px}.category-collapse-btn{align-items:center;background:#0000;border:none;color:#606070;cursor:pointer;display:flex;flex-shrink:0;font-size:8px;height:18px;justify-content:center;transition:color .15s ease;width:18px}.category-collapse-btn:hover{color:#909090}.category-item.collapsed .category-btn{opacity:.6}.category-item.collapsed .category-btn:hover{opacity:.8}.category-count{color:#666;color:var(--text-muted,#666);font-size:10px;margin-left:auto}.asset-search-input:focus{background:#00000059;border-color:#4a90d999;box-shadow:0 0 0 2px #4a90d926;outline:none}.asset-badge{background:#4a90d9;background:var(--accent-color,#4a90d9);border-radius:3px;color:#fff;font-size:9px;margin-left:auto;padding:2px 6px}.user-asset-tag{background:#4a90d9!important;background:var(--accent-color,#4a90d9)!important;color:#fff!important}.asset-item.marketplace-asset{border-color:#7c3aed4d}.asset-item.marketplace-asset:hover{border-color:#7c3aed99}.marketplace-asset-tag{background:#7c3aed!important;color:#fff!important}.marketplace-tab{background:linear-gradient(135deg,#7c3aed,#9f67ff)!important;color:#fff!important}.marketplace-tab:hover{background:linear-gradient(135deg,#6d28d9,#8b5cf6)!important}.asset-thumbnail-img{height:100%;object-fit:cover;width:100%}.asset-uploader-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.asset-uploader-modal{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:8px;box-shadow:0 16px 48px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.asset-uploader{padding:16px}.uploader-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.uploader-header h3{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:16px;margin:0}.uploader-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.uploader-close:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.upload-dropzone{border:2px dashed #2a2a4a;border:2px dashed var(--border-color,#2a2a4a);border-radius:8px;cursor:pointer;padding:32px;text-align:center;transition:all .15s ease}.upload-dropzone.dragging,.upload-dropzone:hover{background:#4a90d91a;border-color:#4a90d9;border-color:var(--accent-color,#4a90d9)}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:8px}.dropzone-icon{font-size:48px}.dropzone-text{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:14px;margin:0}.dropzone-hint{color:#666;color:var(--text-muted,#666);font-size:12px;margin:0}.upload-preview{margin-bottom:16px;position:relative;text-align:center}.upload-preview img{border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;max-height:200px;max-width:100%}.preview-clear{background:#dc3545e6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;position:absolute;right:8px;top:8px}.upload-errors{background:#dc35451a;border:1px solid #dc35454d;border-radius:4px;margin-bottom:16px;padding:12px}.upload-error{color:#ff6b7a;font-size:12px;margin:0}.upload-form{display:flex;flex-direction:column;gap:12px}.upload-form .form-field{display:flex;flex-direction:column;gap:4px}.upload-form .form-field label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:12px}.upload-form .form-field input,.upload-form .form-field select,.upload-form .form-field textarea{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px;padding:8px}.upload-form .form-field textarea{min-height:60px;resize:vertical}.upload-form .form-row{display:flex;gap:12px}.upload-form .form-row .form-field{flex:1 1}.upload-form .form-checkboxes{display:flex;gap:16px}.upload-form .checkbox-label{align-items:center;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:12px;gap:6px}.upload-form .checkbox-label input{height:14px;width:14px}.upload-progress{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:4px;margin-top:16px;padding:12px}.upload-progress .progress-bar{background:#16213e;background:var(--bg-secondary,#16213e);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.upload-progress .progress-fill{background:#4a90d9;background:var(--accent-color,#4a90d9);height:100%;transition:width .3s ease}.upload-progress.complete .progress-fill{background:#28a745}.upload-progress.error .progress-fill{background:#dc3545}.upload-progress .progress-message{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:12px;margin:0;text-align:center}.upload-actions{border-top:1px solid #2a2a4a;border-top:1px solid var(--border-color,#2a2a4a);display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px}.upload-actions .btn-primary{background:#4a90d9;background:var(--accent-color,#4a90d9);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.upload-actions .btn-primary:hover{background:#3a80c9}.upload-actions .btn-secondary{background:#0000;border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;font-size:13px;padding:8px 16px}.upload-actions .btn-secondary:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.export-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.export-modal{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:12px;box-shadow:0 24px 64px #0009;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:95%}.export-modal-header{align-items:center;border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);display:flex;justify-content:space-between;padding:16px 20px}.export-modal-header h2{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:18px;margin:0}.export-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.export-modal-close:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.export-modal-close:disabled{cursor:not-allowed;opacity:.5}.export-modal-content{display:flex;flex:1 1;gap:24px;overflow-y:auto;padding:20px}.export-options{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:300px}.export-section{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:8px;padding:16px}.export-section h3{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.format-buttons{display:flex;gap:8px}.format-btn{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border:2px solid #2a2a4a;border:2px solid var(--border-color,#2a2a4a);border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 8px;transition:all .15s ease}.format-btn.active,.format-btn:hover{border-color:#4a90d9;border-color:var(--accent-color,#4a90d9)}.format-btn.active{background:#4a90d91a}.format-btn:disabled{cursor:not-allowed;opacity:.5}.format-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:14px;font-weight:600}.format-info{color:#666;color:var(--text-muted,#666);font-size:10px}.resolution-select{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:6px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;font-size:13px;padding:10px 12px;width:100%}.resolution-select:focus{border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);outline:none}.custom-dimensions{display:flex;gap:12px;margin-top:12px}.dimension-input{align-items:center;display:flex;flex:1 1;gap:8px}.dimension-input label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:12px;min-width:45px}.dimension-input input{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;font-size:12px;padding:6px 8px;width:70px}.dimension-input span{color:#666;color:var(--text-muted,#666);font-size:11px}.export-info{border-top:1px solid #2a2a4a;border-top:1px solid var(--border-color,#2a2a4a);color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:flex;font-size:12px;justify-content:space-between;margin-top:12px;padding-top:12px}.layer-toggles{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.layer-toggle{align-items:center;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:12px;gap:6px}.layer-toggle input{cursor:pointer;height:14px;width:14px}.layer-toggle input:checked+span{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.grid-settings{display:flex;flex-direction:column;gap:12px}.setting-row{align-items:center;display:flex;gap:12px}.setting-row label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:12px;min-width:60px}.setting-row input[type=range]{flex:1 1}.setting-row input[type=color]{border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;cursor:pointer;height:24px;padding:0;width:32px}.setting-row span{color:#666;color:var(--text-muted,#666);font-size:11px;min-width:35px}.background-settings{display:flex;flex-direction:column;gap:12px}.transparent-toggle{align-items:center;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:12px;gap:8px}.transparent-toggle input{height:14px;width:14px}.format-warning{color:#666;color:var(--text-muted,#666);font-size:10px;margin-left:4px}.export-preview{display:flex;flex-direction:column;flex-shrink:0;width:300px}.export-preview h3{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.preview-container{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:8px;display:flex;justify-content:center;min-height:200px;padding:12px}.preview-image{border-radius:4px;box-shadow:0 4px 12px #0000004d;max-height:250px;max-width:100%}.preview-placeholder{color:#666;color:var(--text-muted,#666);font-size:13px}.export-progress{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:6px;margin-top:16px;padding:12px}.export-progress .progress-bar{background:#16213e;background:var(--bg-secondary,#16213e);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.export-progress .progress-fill{background:#4a90d9;background:var(--accent-color,#4a90d9);height:100%;transition:width .2s ease}.export-progress .progress-text{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:block;font-size:12px;text-align:center}.export-modal-footer{border-top:1px solid #2a2a4a;border-top:1px solid var(--border-color,#2a2a4a);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.export-modal-footer .btn-primary{background:#4a90d9;background:var(--accent-color,#4a90d9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .15s ease}.export-modal-footer .btn-primary:hover{background:#3a80c9}.export-modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.6}.export-modal-footer .btn-secondary{background:#0000;border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:6px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;font-size:14px;padding:10px 24px;transition:all .15s ease}.export-modal-footer .btn-secondary:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.export-modal-footer .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.properties-panel{background:#1a1a2e;color:#b0b0c0;display:flex;flex-direction:column;height:50%}.properties-content{flex:1 1;overflow-y:auto;padding:12px}.object-properties,.tool-options{display:flex;flex-direction:column;gap:12px}.object-properties h4,.tool-options h4{color:#666;color:var(--text-muted,#666);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.property-group{align-items:center;display:flex;gap:8px}.property-group label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);flex:0 0 80px;font-size:12px}.property-group input[type=number],.property-group input[type=text],.property-group select{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;font-size:12px;padding:6px 8px}.property-group input[type=range]{flex:1 1}.property-group input[type=color]{border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;cursor:pointer;height:24px;padding:0;width:32px}.property-group span{color:#666;color:var(--text-muted,#666);flex:0 0 40px;font-size:11px;text-align:right}.checkbox-group{flex-wrap:wrap}.checkbox-group label{align-items:center;cursor:pointer;display:flex;flex:0 0 auto;gap:4px}.inline-group{align-items:center;display:flex;flex:1 1;gap:6px}.inline-group input[type=color]{flex:0 0 28px}.inline-group input[type=number]{flex:0 0 50px;width:50px}.inline-group span{flex:0 0 auto;font-size:11px}.inline-group span,.tool-options-empty{color:#666;color:var(--text-muted,#666)}.tool-options-empty{font-size:13px;padding:24px;text-align:center}.stamp-selected{flex:1 1;min-width:0}.stamp-preview{align-items:center;background:#2a2a4a;background:var(--bg-tertiary,#2a2a4a);border-radius:4px;display:flex;gap:8px;padding:4px 8px}.stamp-icon{font-size:20px}.stamp-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamp-empty{color:#666;color:var(--text-muted,#666);font-size:12px;font-style:italic}.measure-help{background:#2a2a4a;background:var(--bg-tertiary,#2a2a4a);border-radius:4px;color:#888;color:var(--text-muted,#888);font-size:11px;line-height:1.4;margin:0;padding:8px}.measure-help strong{background:#3a3a5a;background:var(--bg-secondary,#3a3a5a);border-radius:2px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:10px;padding:1px 4px}.property-section{border-top:1px solid #2a2a4a;border-top:1px solid var(--border-color,#2a2a4a);margin-top:8px;padding-top:8px}.property-section:first-child{border-top:none;margin-top:0;padding-top:0}.property-section h5{color:#666;color:var(--text-muted,#666);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.property-row{display:flex;gap:8px;margin-bottom:8px}.property-row:last-child{margin-bottom:0}.property-group.half{flex:1 1}.property-group.half label{flex:0 0 24px;min-width:24px}.property-group.object-type{margin-bottom:4px}.property-value{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:12px}.property-value.type-badge{background:#4a90d9;background:var(--accent-color,#4a90d9);border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.rotation-input{align-items:center;display:flex;flex:1 1;gap:4px}.rotation-input input{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;font-size:12px;padding:6px 8px}.rotation-input span{flex:0 0 auto;margin-right:4px}.reset-btn{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.reset-btn:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.z-index-controls{margin-top:12px}.z-index-buttons{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr}.z-index-btn{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:11px;justify-content:center;padding:6px 8px;transition:all .15s ease}.z-index-btn:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.selection-count{color:#4a90d9;color:var(--accent-color,#4a90d9);font-weight:500;margin:0 0 8px}.hint{color:#666;color:var(--text-muted,#666);font-size:11px;font-style:italic;margin:0}.map-builder-status-bar{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border-top:1px solid #2a2a4a;border-top:1px solid var(--border-color,#2a2a4a);display:flex;font-size:11px;height:28px;justify-content:space-between;padding:0 12px}.status-section{align-items:center;display:flex;gap:12px}.status-section-left{flex:1 1}.status-section-center,.status-section-right{flex:0 0 auto}.status-message{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.status-selection{color:#4a90d9;color:var(--accent-color,#4a90d9)}.status-unsaved{color:#ffc107;font-size:10px}.status-saving{color:#4a90d9;color:var(--accent-color,#4a90d9)}.status-dimensions{color:#666;color:var(--text-muted,#666)}.status-separator{background:#2a2a4a;background:var(--border-color,#2a2a4a);height:16px;width:1px}.status-zoom{gap:4px}.status-zoom,.zoom-btn{align-items:center;display:flex}.zoom-btn{background:#0000;border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:3px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;font-size:12px;height:20px;justify-content:center;width:20px}.zoom-btn:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a)}.zoom-btn:hover,.zoom-select{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.zoom-select{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:3px;font-size:11px;padding:2px 4px}.map-canvas{background:#1a1a2e;background:var(--bg-primary,#1a1a2e)}.map-canvas canvas{display:block}.map-canvas-loading{align-items:center;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:flex;flex-direction:column;gap:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2a2a4a;border-top-color:#4a90d9;border:3px solid var(--border-color,#2a2a4a);border-radius:50%;border-top-color:var(--accent-color,#4a90d9);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.grid-settings-section{border-top:1px solid #2a2a4a;border-top:1px solid var(--border-color,#2a2a4a);margin-top:16px;padding-top:8px}.grid-settings-header{cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.grid-settings-header:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);border-radius:4px}.grid-settings-header h4{align-items:center;color:#e0e0e0;color:var(--text-primary,#e0e0e0);display:flex;font-size:12px;font-weight:600;gap:6px;margin:0}.grid-settings-header .expand-icon{color:#666;color:var(--text-muted,#666);font-size:10px;transition:transform .2s ease}.grid-settings-header .expand-icon.expanded{transform:rotate(0deg)}.grid-settings-content{padding:8px 0}.grid-settings-content .property-group{margin-bottom:8px}.grid-settings-content .property-group:last-child{margin-bottom:0}.grid-settings-content select{width:100%}.grid-settings-content input[type=number],.grid-settings-content select{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:12px;padding:6px 8px}.grid-settings-content input[type=number]{width:60px}.grid-settings-content input[type=color]{border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;cursor:pointer;height:24px;padding:0;width:32px}.grid-settings-content input[type=range]{flex:1 1;margin:0 8px 0 0}.grid-settings-content .property-section{border-top:1px dashed #2a2a4a;border-top:1px dashed var(--border-color,#2a2a4a);margin-top:12px;padding-top:8px}.clipboard-preview{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:6px;font-size:12px;padding:8px}.clipboard-preview.clipboard-empty{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;gap:8px;padding:6px 10px}.clipboard-preview.clipboard-compact{align-items:center;cursor:default;display:inline-flex;gap:4px;padding:4px 8px}.clipboard-icon{font-size:14px}.clipboard-header{align-items:center;border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);display:flex;gap:6px;margin-bottom:8px;padding-bottom:6px}.clipboard-title{color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;font-weight:600}.clipboard-time{color:#666;color:var(--text-muted,#666);font-size:10px}.clipboard-content{margin-bottom:8px}.clipboard-summary{align-items:baseline;display:flex;gap:4px;margin-bottom:6px}.clipboard-count-large{color:#4a90d9;color:var(--accent-color,#4a90d9);font-size:24px;font-weight:600}.clipboard-label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.clipboard-count{background:#4a90d9;background:var(--accent-color,#4a90d9);border-radius:8px;color:#fff;font-size:11px;font-weight:600;min-width:16px;padding:1px 5px;text-align:center}.clipboard-types{display:flex;flex-wrap:wrap;gap:4px}.clipboard-type-badge{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:10px;padding:2px 6px}.clipboard-actions{display:flex;gap:4px}.clipboard-btn{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;flex:1 1;font-size:11px;padding:6px 8px;transition:all .15s ease}.clipboard-btn:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a)}.clipboard-btn-primary{background:#4a90d9;background:var(--accent-color,#4a90d9);border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);color:#fff}.clipboard-btn-primary:hover{background:#3a80c9}.clipboard-btn-danger:hover{background:#dc3545;border-color:#dc3545;color:#fff}.history-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.history-panel .panel-header{align-items:center;border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);display:flex;justify-content:space-between;padding:8px 12px}.history-panel .panel-header h3{font-size:13px;font-weight:600;margin:0}.history-clear-btn{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;font-size:11px;padding:4px 8px;transition:all .15s ease}.history-clear-btn:hover:not(:disabled){background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.history-clear-btn:disabled{cursor:not-allowed;opacity:.5}.history-content{flex:1 1;overflow-y:auto;padding:8px}.history-section{margin-bottom:12px}.history-section-header{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:6px;padding:0 4px;text-transform:uppercase}.history-section-icon{font-size:12px}.history-redo-section .history-section-header{color:#4a90d9;color:var(--accent-color,#4a90d9)}.history-list{display:flex;flex-direction:column;gap:2px}.history-item{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 8px;transition:all .15s ease}.history-item:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a)}.history-item-icon{color:#666;color:var(--text-muted,#666);flex:0 0 16px;font-size:14px}.history-item-redo .history-item-icon{color:#4a90d9;color:var(--accent-color,#4a90d9)}.history-item-description{color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-time{color:#666;color:var(--text-muted,#666);flex:0 0 auto;font-size:10px}.history-current-state{border-bottom:1px dashed #2a2a4a;border-bottom:1px dashed var(--border-color,#2a2a4a);border-top:1px dashed #2a2a4a;border-top:1px dashed var(--border-color,#2a2a4a);margin:8px 0;padding:8px 0}.history-current-indicator{align-items:center;color:#4a90d9;color:var(--accent-color,#4a90d9);display:flex;font-size:12px;font-weight:600;gap:8px;padding:6px 8px}.history-current-dot{animation:pulse 2s ease-in-out infinite;background:#4a90d9;background:var(--accent-color,#4a90d9);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.history-empty{color:#666;color:var(--text-muted,#666);padding:24px 16px;text-align:center}.history-empty p{margin:0 0 8px}.history-empty-hint{font-size:11px}.history-actions{border-top:1px solid #2a2a4a;border-top:1px solid var(--border-color,#2a2a4a);display:flex;gap:8px;padding:8px 12px}.history-action-btn{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:6px;justify-content:center;padding:8px;transition:all .15s ease}.history-action-btn:hover:not(:disabled){background:#2a2a4a;background:var(--bg-hover,#2a2a4a);border-color:#4a90d9;border-color:var(--accent-color,#4a90d9)}.history-action-btn:disabled{cursor:not-allowed;opacity:.5}.history-action-icon{font-size:14px}body.dark .map-builder{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f0f23;--bg-hover:#2a2a4a;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-muted:#666;--border-color:#2a2a4a;--accent-color:#4a90d9}body:not(.dark) .map-builder{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-tertiary:#e8e8e8;--bg-hover:#eaeaea;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border-color:#d0d0d0;--accent-color:#2196f3}.dialog-overlay{align-items:center;animation:fadeIn .15s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog{animation:slideIn .2s ease;background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;min-width:400px}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{align-items:center;border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);display:flex;justify-content:space-between;padding:16px 20px}.dialog-header h2{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:16px;font-weight:600;margin:0}.dialog-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.dialog-close:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.dialog-content{flex:1 1;overflow-y:auto;padding:20px}.dialog-footer{border-top:1px solid #2a2a4a;border-top:1px solid var(--border-color,#2a2a4a);display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.form-group{margin-bottom:16px}.form-group label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px;padding:8px 12px;width:100%}.form-group textarea{font-family:inherit;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);outline:none}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.form-info{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:12px;padding:12px}.form-info p{margin:0}.preset-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.preset-btn{align-items:flex-start;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:10px 12px;text-align:left;transition:all .15s ease}.preset-btn:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a)}.preset-btn.active,.preset-btn:hover{border-color:#4a90d9;border-color:var(--accent-color,#4a90d9)}.preset-btn.active{background:#4a90d9;background:var(--accent-color,#4a90d9)}.preset-btn .preset-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:12px;font-weight:500}.preset-btn .preset-desc{color:#666;color:var(--text-muted,#666);font-size:10px;margin-top:2px}.preset-btn.active .preset-desc,.preset-btn.active .preset-name{color:#fff}.btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.btn-primary{background:#4a90d9;background:var(--accent-color,#4a90d9);color:#fff}.btn-primary:hover{background:#3a7bc8}.btn-secondary{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.btn-secondary:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.map-list-modal .dialog{max-width:90vw;width:700px}.map-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.map-list-search{align-items:center;display:flex;gap:8px}.map-list-search input{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:12px;padding:6px 10px;width:200px}.map-list-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:400px;overflow-y:auto;padding:4px}.map-card{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:6px;cursor:pointer;padding:12px;transition:all .15s ease}.map-card:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a)}.map-card.selected,.map-card:hover{border-color:#4a90d9;border-color:var(--accent-color,#4a90d9)}.map-card.selected{box-shadow:0 0 0 2px #4a90d94d}.map-card-thumbnail{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border-radius:4px;color:#666;color:var(--text-muted,#666);display:flex;font-size:24px;height:100px;justify-content:center;margin-bottom:8px;width:100%}.map-card-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-card-info{font-size:11px}.map-card-info,.map-list-empty{color:#666;color:var(--text-muted,#666)}.map-list-empty{padding:40px;text-align:center}.map-list-empty p{margin:8px 0}.map-list-loading{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);padding:40px;text-align:center}.panel-resize-handle{align-items:center;background:#0000;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:background .15s ease;width:6px;z-index:10}.panel-resize-handle.resizing,.panel-resize-handle:hover{background:#4a90d9;background:var(--accent-color,#4a90d9)}.panel-resize-handle-grip{display:flex;flex-direction:column;gap:3px;opacity:0;transition:opacity .15s ease}.panel-resize-handle.resizing .panel-resize-handle-grip,.panel-resize-handle:hover .panel-resize-handle-grip{opacity:1}.panel-resize-handle-grip span{background:#fff;border-radius:50%;height:2px;width:2px}.map-builder-content.resizing{-webkit-user-select:none;user-select:none}.map-builder-content.resizing *{pointer-events:none}.map-builder-content.resizing .panel-resize-handle{pointer-events:auto}.panel-collapse-btn{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:10px;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;width:16px;z-index:20}.panel-collapse-btn:hover{background:#2a2a4a;background:var(--bg-hover,#2a2a4a);border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.panel-collapse-btn-left{border-left:none;border-radius:0 4px 4px 0;right:-8px}.panel-collapse-btn-right{border-radius:4px 0 0 4px;border-right:none;left:-8px}.map-builder-panel.collapsed{align-items:center;display:flex;flex-direction:column;max-width:40px;min-width:40px;padding-top:48px}.map-builder-panel.collapsed .panel-collapse-btn-left{border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;left:50%;right:auto;transform:translate(-50%,-50%)}.map-builder-panel.collapsed .panel-collapse-btn-right{border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;left:auto;right:50%;transform:translate(50%,-50%)}.panel-collapsed-label{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;flex-direction:column;font-size:11px;gap:2px;letter-spacing:1px;margin-top:20px;text-orientation:mixed;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}.panel-collapsed-label span{display:block}.map-builder-panel,.map-builder-panel.collapsed{transition:width .2s ease}.share-map-dialog{max-width:600px;min-width:500px}.dialog-tabs{border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);display:flex;padding:0 20px}.dialog-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;font-size:13px;padding:12px 20px;transition:all .15s ease}.dialog-tab:hover{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.dialog-tab.active{border-bottom-color:#4a90d9;border-bottom-color:var(--accent-color,#4a90d9);color:#4a90d9;color:var(--accent-color,#4a90d9)}.dialog-error{align-items:center;background:#dc354526;border:1px solid #dc35454d;border-radius:4px;color:#ff6b6b;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 12px}.dialog-error .error-icon{font-size:14px}.dialog-error .error-dismiss{background:#0000;border:none;color:#ff6b6b;cursor:pointer;margin-left:auto;padding:0 4px}.dialog-loading{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);padding:40px 0;text-align:center}.share-add-form{border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);margin-bottom:20px;padding-bottom:20px}.share-add-form .form-row{align-items:center;display:flex;gap:8px}.share-input{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;font-size:13px;padding:8px 12px}.share-input:focus{border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);outline:none}.share-select{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;font-size:13px;padding:8px 12px}.share-select:focus{border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);outline:none}.collaborators-list{display:flex;flex-direction:column;gap:8px}.collaborator-item{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:4px;display:flex;gap:12px;padding:10px 12px}.collaborator-avatar{border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.collaborator-avatar img{height:100%;object-fit:cover;width:100%}.collaborator-avatar .avatar-placeholder{align-items:center;background:#4a90d9;background:var(--accent-color,#4a90d9);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.collaborator-info{flex:1 1;min-width:0}.collaborator-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0);display:block;font-size:13px;font-weight:500}.collaborator-added{color:#666;color:var(--text-muted,#666);display:block;font-size:11px;margin-top:2px}.collaborator-permission{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;font-size:12px;padding:6px 10px}.collaborator-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.collaborator-remove:hover{background:#dc354533;color:#ff6b6b}.share-link-form{border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);margin-bottom:20px;padding-bottom:20px}.share-link-form h4{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px;font-weight:500;margin:0 0 12px}.share-link-form .form-row{align-items:center;display:flex;gap:8px}.share-links-list h4{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px;font-weight:500;margin:0 0 12px}.share-link-item{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.share-link-info{display:flex;flex-direction:column;gap:4px}.share-link-permission{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px}.share-link-expires{color:#666;color:var(--text-muted,#666);font-size:11px}.share-link-actions{display:flex;gap:8px}.btn-copy{font-size:12px;padding:6px 12px}.btn-copy.copied{background:#28a745;background:var(--success-color,#28a745);border-color:#28a745;border-color:var(--success-color,#28a745);color:#fff}.btn-danger-outline{background:#0000;border:1px solid #dc35454d;border-radius:4px;color:#ff6b6b;cursor:pointer;font-size:12px;padding:6px 10px}.btn-danger-outline:hover{background:#dc354533;border-color:#dc354580}.empty-state{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);padding:30px 20px;text-align:center}.empty-state p{margin:0}.empty-state .empty-hint{color:#666;color:var(--text-muted,#666);font-size:12px;margin-top:8px}.dialog-success{align-items:center;background:#28a74526;border:1px solid #28a7454d;border-radius:4px;color:#4ade80;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px}.dialog-success .success-icon{font-size:14px}.campaign-push-form{border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);margin-bottom:20px;padding-bottom:20px}.campaign-push-form h4{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px;font-weight:500;margin:0 0 8px}.campaign-push-form .form-hint{color:#666;color:var(--text-muted,#666);font-size:12px;line-height:1.4;margin:0 0 12px}.campaign-push-form .form-row{align-items:center;display:flex;gap:8px}.campaign-select{flex:1 1;min-width:200px}.no-campaigns-hint{background:#6464961a;border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:12px;margin:12px 0 0;padding:10px}.campaign-maps-list h4{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px;font-weight:500;margin:0 0 12px}.campaign-map-item{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.campaign-map-info{display:flex;flex-direction:column;gap:4px}.campaign-map-name{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:13px;font-weight:500}.campaign-map-campaign{color:#6366f1;color:var(--accent-primary,#6366f1);font-size:12px}.campaign-map-date{color:#666;color:var(--text-muted,#666);font-size:11px}.campaign-map-active{background:#28a74533;border:1px solid #28a74566;border-radius:3px;color:#4ade80;display:inline-block;font-size:10px;font-weight:500;margin-top:4px;padding:2px 6px;text-transform:uppercase}.campaign-map-actions{display:flex;gap:8px}.btn-secondary-outline{background:#0000;border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .15s ease}.btn-secondary-outline:hover{background:#6464961a;border-color:#6366f1;border-color:var(--accent-primary,#6366f1);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.context-menu{animation:contextMenuFadeIn .1s ease-out;background:#2f3136;background:var(--bg-secondary,#2f3136);border-radius:4px;box-shadow:0 8px 16px #0000003d;max-width:320px;min-width:188px;padding:6px 8px;position:fixed;z-index:10000}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{color:#72767d;color:var(--text-muted,#72767d);font-size:11px;font-weight:700;letter-spacing:.02em;padding:6px 8px 4px;text-transform:uppercase}.context-menu-item{align-items:center;border-radius:2px;color:#dcddde;color:var(--text-normal,#dcddde);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin:2px 0;padding:6px 8px;transition:background-color .1s ease}.context-menu-item:hover{background:#4752c4;background:var(--bg-accent,#4752c4);color:#fff}.context-menu-item.disabled{color:#72767d;color:var(--text-muted,#72767d);cursor:not-allowed;opacity:.5}.context-menu-item.disabled:hover{background:#0000;color:#72767d;color:var(--text-muted,#72767d)}.context-menu-item.danger{color:#ed4245}.context-menu-item.danger:hover{background:#ed4245;color:#fff}.context-menu-item-label{align-items:center;display:flex;flex:1 1;gap:8px}.context-menu-item-icon{align-items:center;display:flex;font-size:14px;height:18px;justify-content:center;width:18px}.context-menu-item-shortcut{color:#72767d;color:var(--text-muted,#72767d);font-size:12px;margin-left:16px}.context-menu-item:hover .context-menu-item-shortcut{color:#fff9}.context-menu-item-arrow{color:#72767d;color:var(--text-muted,#72767d);font-size:12px;margin-left:8px}.context-menu-item:hover .context-menu-item-arrow{color:#fff}.context-menu-separator{background:#4f545c;background:var(--bg-modifier-accent,#4f545c);height:1px;margin:4px 0}.context-menu-submenu{background:#2f3136;background:var(--bg-secondary,#2f3136);border-radius:4px;box-shadow:0 8px 16px #0000003d;left:100%;margin-left:4px;min-width:188px;padding:6px 8px;position:absolute;top:0}.context-menu-emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);padding:8px}.context-menu-emoji-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background-color .1s ease,transform .1s ease;width:32px}.context-menu-emoji-item:hover{background:#36393f;background:var(--bg-modifier-hover,#36393f);transform:scale(1.1)}[data-theme=dark] .context-menu{background:#18191c;border:1px solid #2f3136}[data-theme=dark] .context-menu-item:hover{background:#4752c4}[data-theme=light] .context-menu{background:#fff;border:1px solid #e3e5e8;box-shadow:0 8px 16px #0000001f}[data-theme=light] .context-menu-item{color:#2e3338}[data-theme=light] .context-menu-item:hover{background:#4752c4;color:#fff}[data-theme=light] .context-menu-separator{background:#e3e5e8}[data-theme=light] .context-menu-header{color:#4f5660}.context-menu-scrollable{max-height:400px;overflow-y:auto}.context-menu-scrollable::-webkit-scrollbar{width:8px}.context-menu-scrollable::-webkit-scrollbar-track{background:#0000}.context-menu-scrollable::-webkit-scrollbar-thumb{background:#4f545c;background:var(--bg-modifier-accent,#4f545c);border-radius:4px}.context-menu-scrollable::-webkit-scrollbar-thumb:hover{background:#72767d;background:var(--text-muted,#72767d)}.context-menu-item-check{color:#3ba55c;color:var(--text-positive,#3ba55c);font-weight:700}.context-menu-search{border-bottom:1px solid #4f545c;border-bottom:1px solid var(--bg-modifier-accent,#4f545c);margin-bottom:4px;padding:8px}.context-menu-search input{background:#202225;background:var(--bg-tertiary,#202225);border:none;border-radius:4px;color:#dcddde;color:var(--text-normal,#dcddde);font-size:14px;outline:none;padding:8px;width:100%}.context-menu-search input::placeholder{color:#72767d;color:var(--text-muted,#72767d)}.context-menu-search input:focus{box-shadow:0 0 0 2px #4752c4;box-shadow:0 0 0 2px var(--bg-accent,#4752c4)}.context-menu-subtitle{color:#72767d;color:var(--text-muted,#72767d);font-size:12px;margin-top:-4px;padding:0 8px 6px 34px}.context-menu-toggle{background:#4f545c;background:var(--bg-modifier-accent,#4f545c);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background-color .2s ease;width:40px}.context-menu-toggle.active{background:#3ba55c}.context-menu-toggle:after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.context-menu-toggle.active:after{transform:translateX(16px)}.context-menu-checkbox{align-items:center;border:2px solid #72767d;border:2px solid var(--text-muted,#72767d);border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .15s ease;width:20px}.context-menu-checkbox.checked{background:#5865f2;border-color:#5865f2}.context-menu-checkbox.checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.notification-settings-submenu{max-width:320px;min-width:280px}.context-menu-item.has-submenu{position:relative}.context-menu-radio{align-items:center;border:2px solid #72767d;border:2px solid var(--text-muted,#72767d);border-radius:50%;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;margin-right:10px;transition:all .15s ease;width:18px}.context-menu-radio.selected{background:#5865f2;border-color:#5865f2}.context-menu-radio.selected:after{background:#fff;border-radius:50%;content:"";height:8px;width:8px}.context-menu-mode-desc{color:#72767d;color:var(--text-muted,#72767d);font-size:12px;line-height:1.3;margin-top:-4px;padding:0 8px 8px 36px}.context-menu-item.toggle-item{padding:8px}.context-menu-item.toggle-item .context-menu-item-label{flex:1 1;margin-right:12px}.context-menu-item.toggle-item:hover .context-menu-toggle{opacity:.9}.context-menu-item.has-submenu .context-menu-submenu{left:calc(100% + 4px);position:absolute;top:-6px}.context-menu-item.has-submenu:hover{background:#4752c4;background:var(--bg-accent,#4752c4);color:#fff}[data-theme=light] .context-menu-mode-desc{color:#4f5660}[data-theme=light] .context-menu-radio{border-color:#b9bbbe}[data-theme=light] .context-menu-radio.selected{background:#5865f2;border-color:#5865f2}