/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.object-cover{-o-object-fit:cover;object-fit:cover}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}body{color:#fff;background-color:#0b0e1a;margin:0;font-family:Inter,sans-serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4a90e2}button:not(:disabled):hover,a:hover{opacity:.9}button:not(:disabled):active,a:active{opacity:.8}[aria-busy=true]:before{content:"Chargement en cours...";clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[role=alert]{border-left:4px solid #ff6b6b;padding-left:12px}.skip-link{color:#fff;z-index:100;background:#000;padding:8px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.notification-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;max-width:420px;display:flex;position:fixed;top:20px;right:20px}.notification{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1a1a2e,#0c0c16);border-radius:12px;align-items:flex-start;gap:12px;min-width:320px;padding:16px;animation:.3s slideIn,.3s fadeIn;display:flex;box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff1a}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;display:flex}.notification-success .notification-icon{color:#fff;background:linear-gradient(135deg,#4caf50,#45a049)}.notification-success{border-left:4px solid #4caf50}.notification-error .notification-icon{color:#fff;background:linear-gradient(135deg,#f44336,#d32f2f)}.notification-error{border-left:4px solid #f44336}.notification-warning .notification-icon{color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00)}.notification-warning{border-left:4px solid #ff9800}.notification-info .notification-icon{color:#fff;background:linear-gradient(135deg,#2196f3,#1976d2)}.notification-info{border-left:4px solid #2196f3}.notification-loading .notification-icon{color:#fff;background:linear-gradient(135deg,#9c27b0,#7b1fa2);animation:1.5s ease-in-out infinite pulse}.notification-loading{border-left:4px solid #9c27b0}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(.8)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.notification-content{flex-direction:column;flex:1;gap:4px;display:flex}.notification-title{color:#fff;font-size:15px;font-weight:600;line-height:1.4}.notification-message{color:#aaa;font-size:13px;line-height:1.5}.notification-action{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-self:flex-start;margin-top:8px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.notification-action:hover{background:#fff3;transform:scale(1.05)}.notification-close{color:#888;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:flex}.notification-close:hover{color:#fff;background:#ffffff1a}@media (max-width:768px){.notification-container{max-width:none;top:10px;left:10px;right:10px}.notification{min-width:0}}.notification.removing{animation:.3s forwards slideOut}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.error-display{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:0 auto;padding:48px 24px;display:flex}.error-icon{margin-bottom:24px;font-size:64px;animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-title{color:#fff;margin-bottom:12px;font-size:24px;font-weight:600}.error-message{color:#aaa;margin-bottom:24px;font-size:16px;line-height:1.6}.error-details{cursor:pointer;background:#0000004d;border:1px solid #ff6b6b4d;border-radius:8px;width:100%;margin-top:24px;padding:16px}.error-details summary{color:#ff6b6b;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:600}.error-details summary:hover{color:#ff8787}.error-stack{color:#ddd;white-space:pre-wrap;word-wrap:break-word;background:#00000080;border-radius:6px;margin-top:12px;padding:12px;font-family:Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.error-actions{gap:12px;margin-top:24px;display:flex}.btn-retry,.btn-back{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-retry{color:#fff;background:linear-gradient(135deg,#4caf50,#45a049)}.btn-retry:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:scale(1.05)}.btn-back{color:#fff;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:1px solid #444}.btn-back:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);transform:scale(1.05)}.inline-error{color:#ff6b6b;background:linear-gradient(145deg,#4a1a1a,#2d0a0a);border:1px solid #ff6b6b;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inline-error-icon{flex-shrink:0;font-size:18px}.inline-error-message{flex:1;line-height:1.5}.inline-error-dismiss{color:#ff6b6b;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;transition:background .2s;display:flex}.inline-error-dismiss:hover{background:#ff6b6b33}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-state-icon{opacity:.6;margin-bottom:24px;font-size:72px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{color:#fff;margin-bottom:8px;font-size:20px;font-weight:600}.empty-state-message{color:#888;max-width:400px;margin-bottom:24px;font-size:15px;line-height:1.6}.empty-state-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.empty-state-action:hover{background:linear-gradient(135deg,#357abd,#2a5f9e);transform:scale(1.05)}@media (max-width:768px){.error-display{padding:32px 16px}.error-icon{margin-bottom:16px;font-size:48px}.error-title{font-size:20px}.error-message{font-size:14px}.error-actions{flex-direction:column;width:100%}.btn-retry,.btn-back{width:100%}.empty-state{padding:48px 16px}.empty-state-icon{font-size:56px}.empty-state-title{font-size:18px}}.loading-spinner-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.loading-spinner-wrapper.fullscreen{z-index:9999;background:#0a0a14f2;position:fixed;inset:0}.loading-spinner{display:inline-block;position:relative}.loading-spinner.size-small{width:24px;height:24px}.loading-spinner.size-medium{width:48px;height:48px}.loading-spinner.size-large{width:72px;height:72px}.spinner-ring{border:3px solid #0000;border-top-color:#4a90e2;border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spin;position:absolute;top:0;left:0}.spinner-ring:first-child{border-top-color:#4a90e2;animation-delay:-.45s}.spinner-ring:nth-child(2){border-top-color:#9c27b0;animation-delay:-.3s}.spinner-ring:nth-child(3){border-top-color:#4caf50;animation-delay:-.15s}.spinner-core{background:radial-gradient(circle,#4a90e2 0%,#0000 70%);border-radius:50%;width:30%;height:30%;animation:1.5s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner.color-primary .spinner-ring:first-child{border-top-color:#4a90e2}.loading-spinner.color-success .spinner-ring:first-child{border-top-color:#4caf50}.loading-spinner.color-error .spinner-ring:first-child{border-top-color:#f44336}.loading-spinner.color-warning .spinner-ring:first-child{border-top-color:#ff9800}.loading-message{color:#fff;text-align:center;font-size:16px;font-weight:500;animation:2s ease-in-out infinite fadeInOut}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.loading-skeleton-container{flex-direction:column;gap:12px;display:flex}.loading-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.loading-overlay-content{background:linear-gradient(145deg,#1a1a2e,#0c0c16);border:1px solid #ffffff1a;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0009}@media (max-width:768px){.loading-spinner.size-large{width:56px;height:56px}.loading-message{font-size:14px}.loading-overlay-content{padding:24px}}.auth-container{background:linear-gradient(135deg,#7987c8 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-container-login{isolation:isolate;background:radial-gradient(circle at 12% 18%,#2a76ff94,#0000 31%),radial-gradient(circle at 88% 24%,#9d30ff85,#0000 34%),radial-gradient(circle at 52% 88%,#4739d76b,#0000 39%),linear-gradient(145deg,#060817 0%,#11163a 43%,#241050 72%,#090a1b 100%);position:relative;overflow-x:hidden}.auth-container-login:before{content:"♫\a     ♪\a  ♬\a        ♫\a ♪\a      ♬";z-index:0;box-sizing:border-box;color:#cdd4ff57;letter-spacing:.08em;text-align:center;text-shadow:0 0 16px #5796ffb8,0 0 38px #9741ff8c;white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 78% 18%,#4497ff47,#0000 24%),radial-gradient(circle at 22% 46%,#b041ff47,#0000 28%),repeating-linear-gradient(#0000 0 72px,#9aa4ff24 73px 75px,#0000 76px 88px);width:clamp(300px,30vw,540px);padding:clamp(48px,7vh,100px) 24px 300px;font-size:clamp(3rem,4.6vw,5.8rem);font-weight:700;line-height:1.5;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.auth-container-login:after{content:"";z-index:0;opacity:.44;clip-path:polygon(0 78%,4% 52%,8% 68%,12% 24%,16% 58%,20% 37%,24% 73%,28% 44%,32% 64%,36% 18%,40% 55%,44% 32%,48% 70%,52% 42%,56% 62%,60% 27%,64% 54%,68% 36%,72% 74%,76% 46%,80% 61%,84% 22%,88% 57%,92% 39%,96% 69%,100% 48%,100% 100%,0 100%);filter:drop-shadow(0 -8px 18px #504fff57);pointer-events:none;background:repeating-linear-gradient(90deg,#3e95ffe6 0 4px,#913fffc7 4px 7px,#0000 7px 17px);height:clamp(110px,20vh,250px);position:fixed;bottom:0;left:0;right:0}@media (max-width:1023px){.auth-container-login:before{display:none}}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:40px;box-shadow:0 20px 60px #0000004d}.auth-card-login{z-index:2;max-width:1120px;position:relative}.login-corner-ad,.login-music-scene{display:none}.auth-card-login>:not(.auth-header-login):not(.login-form-stage){width:100%;max-width:450px;margin-left:auto;margin-right:auto}.login-form-content>.auth-button-secondary{box-sizing:border-box;display:block}.login-form-stage{grid-template-columns:minmax(0,1fr) minmax(300px,450px) minmax(0,1fr);align-items:center;gap:clamp(8px,1.5vw,22px);width:100%;display:grid}.login-form-content{width:100%;min-width:0}.login-form-title{color:#333;text-align:center;margin:0 0 30px;font-size:1.5rem;font-weight:600}.auth-header{text-align:center;margin-bottom:30px}.login-brand-hierarchy{flex-direction:column;align-items:center;margin:0 auto 24px;display:flex}.login-company-logo{-o-object-fit:contain;object-fit:contain;width:clamp(130px,15vw,190px);height:clamp(110px,13vw,165px);display:block}.login-brand-connector{background:linear-gradient(#667eeae6,#764ba247);width:2px;height:18px}.login-company-sites{background:linear-gradient(145deg,#f8f9fff5,#efedfff0);border:1px solid #667eea3d;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:8px 10px 8px 16px;display:flex;box-shadow:0 10px 24px #413d911f}.login-company-sites-title{color:#666b86;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.76rem;font-weight:700}.login-company-site{background:#fff;border:1px solid #667eea57;border-radius:13px;align-items:center;gap:9px;min-width:150px;padding:7px 12px 7px 8px;display:flex;box-shadow:0 6px 16px #36327f21}.login-company-site img{-o-object-fit:contain;object-fit:contain;flex:0 0 45px;width:45px;height:45px}.login-company-site-copy{color:#242536;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.login-company-site-copy strong{font-size:.95rem}.login-company-site-copy small{color:#7987c8;margin-top:3px;font-size:.7rem;font-weight:700}.auth-logo{-o-object-fit:contain;object-fit:contain;width:120px;height:120px;margin:0 auto 20px;display:block}.auth-header h1{color:#7987c8;margin:0 0 10px;font-size:2.5rem}.login-promo-frame{grid-template-columns:minmax(0,1fr) minmax(240px,.9fr) minmax(0,1fr);align-items:center;gap:clamp(10px,2vw,28px);width:100%;margin:0 auto 18px;display:grid;overflow:hidden}.auth-header-login .login-promo-frame h1{text-wrap:balance;margin:0;font-size:clamp(1.1rem,2.2vw,2rem);font-weight:800;line-height:1.15}.login-hero-dark{color:#1a1a2e}.login-hero-accent{color:#7987c8}.login-hero-badge{color:#fff;background:linear-gradient(135deg,#6e5bcf,#8f73cf);border-radius:999px;padding:.15em .55em;font-size:.85em;display:inline-block}.login-hero-highlight{color:#6e5bcf;font-size:1.25em;font-style:italic;display:inline-block}.login-feature-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:640px;margin:18px auto 0;display:grid}.login-feature-item{text-align:center;color:#1a1a2e;background:#6e5bcf0d;border:1px solid #6e5bcf2e;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:.78rem;font-weight:600;display:flex}.login-feature-icon{font-size:1.4rem}@media (max-width:640px){.login-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.login-promo-image{-o-object-fit:contain;object-fit:contain;width:100%;max-width:360px;max-height:330px;display:block}.login-promo-image-left{justify-self:end}.login-promo-image-right{justify-self:start}.auth-header h2{color:#333;margin:0;font-size:1.5rem;font-weight:600}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-size:.9rem;font-weight:600}.form-group input{border:2px solid #e1e8ed;border-radius:10px;padding:12px 16px;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:#7987c8;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{cursor:not-allowed;background-color:#f5f5f5}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{box-sizing:border-box;width:100%;padding-right:54px}.password-visibility-toggle{color:#5f6670;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:color .2s,background-color .2s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-visibility-toggle:hover{color:#6e5bcf;background:#5a3bff14}.password-visibility-toggle:focus-visible{outline-offset:1px;outline:2px solid #6e5bcf}.password-visibility-toggle svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.error-message{color:#c33;background-color:#fee;border-left:4px solid #c33;border-radius:8px;padding:12px;font-size:.9rem}.auth-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7987c8 0%,#764ba2 100%);border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button-secondary{color:#7987c8;background:#fff;border:2px solid #7987c8}.auth-button-secondary:hover:not(:disabled){background:#f8f9ff}.auth-divider{color:#999;align-items:center;gap:10px;margin:10px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:#e1e8ed;flex:1;height:1px}.auth-footer{text-align:center;color:#666;margin-top:20px;font-size:.9rem}.auth-footer a{color:#7987c8;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer-legal{text-align:center;color:#888;margin-top:12px;font-size:.8rem}.auth-footer-legal a{color:#7987c8;text-decoration:none}.auth-footer-legal a:hover{text-decoration:underline}@media (max-width:768px){.login-form-stage{grid-template-columns:minmax(0,1fr)}.login-form-title{margin-bottom:24px;font-size:1.3rem}.auth-card{padding:30px 20px}.auth-header h1{font-size:2rem}.auth-header h2{font-size:1.3rem}.auth-card-login{padding-left:12px;padding-right:12px}.login-promo-frame{grid-template-columns:minmax(0,1fr) minmax(150px,.95fr) minmax(0,1fr);gap:4px;margin-bottom:14px}.auth-header-login .login-promo-frame h1{font-size:clamp(.95rem,3.6vw,1.3rem);line-height:1.2}.login-promo-image{max-height:220px}.login-brand-hierarchy{margin-bottom:16px}.login-company-logo{width:118px;height:102px}.login-brand-connector{height:12px}.login-company-sites{gap:7px;padding:6px 7px 6px 10px}.login-company-sites-title{font-size:.62rem}.login-company-site{gap:6px;min-width:124px;padding:5px 8px 5px 5px}.login-company-site img{flex-basis:36px;width:36px;height:36px}.login-company-site-copy strong{font-size:.8rem}}@media (max-width:380px){.login-company-sites{flex-direction:column;padding:7px}.login-promo-frame{grid-template-columns:minmax(0,1fr) minmax(132px,.95fr) minmax(0,1fr)}.auth-header-login .login-promo-frame h1{font-size:.85rem;line-height:1.25}}@media (min-width:1024px){.auth-container-login{box-sizing:border-box;padding-right:clamp(300px,30vw,540px)}.login-music-scene{z-index:1;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:radial-gradient(circle at 50% 34%,#5c7cff4d,#0000 34%),radial-gradient(circle at 20% 84%,#a739ff38,#0000 35%),linear-gradient(155deg,#080c26d6,#190c3eb8);border:1px solid #9fa9ff52;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:min(28vw,500px);min-height:360px;padding:clamp(18px,2vw,32px);display:flex;position:fixed;top:clamp(24px,4vh,64px);bottom:clamp(220px,15.75vw + 48px,330px);right:clamp(10px,1.5vw,28px);overflow:hidden;box-shadow:0 22px 55px #03041466,inset 0 0 45px #5a51ff1f}.login-music-scene:before,.login-music-scene:after{content:"";border:1px solid #7b91ff33;border-radius:50%;width:210px;height:210px;position:absolute}.login-music-scene:before{top:-105px;left:-75px;box-shadow:0 0 55px #2c8bff3b}.login-music-scene:after{bottom:-100px;right:-95px;box-shadow:0 0 60px #a437ff3d}.login-music-kicker{z-index:1;color:#cfd6ff;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.68rem,.85vw,.9rem);font-weight:800;position:relative}.login-music-kicker span{color:#a06ecf;text-shadow:0 0 12px #8f73cf}.login-music-orbit{z-index:1;background:radial-gradient(circle,#5b56e652,#0a0c23b8 68%);border-radius:50%;place-items:center;width:clamp(138px,11vw,190px);height:clamp(138px,11vw,190px);margin:clamp(18px,2vh,28px) 0;display:grid;position:relative;box-shadow:0 0 48px #5470ff61}.login-music-ring{pointer-events:none;border-radius:50%;position:absolute}.login-music-ring-one{border:2px solid #4f90ffb3;animation:3.2s ease-in-out infinite login-music-ring;inset:5px;box-shadow:0 0 22px #3c8eff7a}.login-music-ring-two{border:2px dashed #b54fffb3;animation:12s linear infinite login-music-spin;inset:19px}.login-music-microphone{z-index:2;fill:#6366f133;stroke:#f4f5ff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #768cffd9);width:47%;height:47%;position:relative;overflow:visible}.login-music-message{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.login-music-message strong{color:#fff;letter-spacing:.02em;text-shadow:0 0 20px #707dff7a;font-size:clamp(1.05rem,1.45vw,1.55rem)}.login-music-message span{color:#daddffb8;margin-top:6px;font-size:clamp(.76rem,.9vw,.95rem)}.login-music-wave{z-index:1;justify-content:center;align-items:center;gap:clamp(2px,.28vw,5px);width:92%;height:clamp(48px,6vh,72px);margin-top:clamp(20px,2.6vh,34px);display:flex;position:relative}.login-music-wave i{background:linear-gradient(#91e8ff,#368fff,#823cff);border-radius:999px;width:5px;height:28%;animation:1.25s ease-in-out infinite alternate login-wave;box-shadow:0 0 9px #5189ffad}.login-music-wave i:nth-child(3n){height:72%;animation-delay:-.8s}.login-music-wave i:nth-child(4n){height:46%;animation-delay:-.35s}.login-music-wave i:nth-child(5n){height:92%;animation-delay:-1.05s}.login-music-wave i:nth-child(7n){height:60%;animation-delay:-.6s}.login-admin-version-clips{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,.65vw,10px);width:100%;margin-top:clamp(10px,1.4vh,16px);display:grid;position:relative}.login-admin-version-clip{aspect-ratio:4/3;background:#080914;border:1px solid #8697ff6b;border-radius:clamp(8px,.8vw,12px);min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 8px 18px #0304146b}.login-admin-version-clip video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.login-admin-version-clip figcaption{color:#fff;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070819d1;border:1px solid #8e99ff47;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:0;padding:4px 5px;font-size:clamp(.52rem,.62vw,.68rem);font-weight:700;line-height:1;display:flex;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.login-corner-ad{z-index:1;aspect-ratio:16/9;pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#171838 0%,#080914 72%);border-radius:16px;width:min(28vw,500px);max-height:calc(100dvh - 40px);display:block;position:fixed;bottom:clamp(10px,1.5vw,28px);right:clamp(10px,1.5vw,28px);overflow:hidden;box-shadow:0 18px 42px #05050f6b}.login-corner-ad-media{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%;animation:.7s both login-ad-fade;display:block}}@media (min-width:1024px) and (max-height:820px){.login-admin-version-clips{margin-top:6px}.login-admin-version-clip{max-height:74px}}@keyframes login-music-ring{0%,to{opacity:.62;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes login-music-spin{to{transform:rotate(360deg)}}@keyframes login-wave{0%{opacity:.62;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.login-music-ring,.login-music-wave i{animation:none!important}}@keyframes login-ad-fade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.oauth-buttons{flex-direction:column;gap:12px;margin:10px 0;display:flex}.oauth-button{cursor:pointer;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.oauth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.oauth-button:disabled{opacity:.5;cursor:not-allowed}.oauth-icon{justify-content:center;align-items:center;display:flex}.oauth-icon .oauth-logo-svg{flex-shrink:0}.oauth-text{text-align:center;flex:1}.login-field-wrap{width:100%;position:relative}.login-field-wrap input{box-sizing:border-box;width:100%}.login-field-icon,.login-desktop-device-showcase{display:none}@media (max-width:768px){.auth-container-login{box-sizing:border-box;min-height:100dvh;padding:max(6px,env(safe-area-inset-top,0px))0 30px;overflow-anchor:none;color:#15152c;background:radial-gradient(82% 155px at 50% clamp(350px,85vw,388px),#b84bfff0 0%,#5923ddcc 38%,#0000 74%),radial-gradient(100% 175px at 50% clamp(385px,94vw,428px),#551accf2,#0000 74%),linear-gradient(#fff 0 clamp(300px,78vw,356px),#fdfbff clamp(318px,82vw,374px),#6720bd clamp(355px,92vw,420px),#11105b clamp(430px,112vw,510px),#07113c 100%);display:block;overflow:hidden}.auth-container-login:before{opacity:.7;content:"";background:radial-gradient(circle,#ffffffe0 0 1px,#0000 1.5px) 0 0/9px 9px,radial-gradient(#be56ff8c,#0000 62%);width:100%;height:255px;padding:0;display:block;position:absolute;inset:clamp(320px,79vw,360px) 0 auto;-webkit-mask-image:linear-gradient(#0000,#000 7% 86%,#0000);mask-image:linear-gradient(#0000,#000 7% 86%,#0000)}.auth-container-login:after{opacity:1;clip-path:none;filter:drop-shadow(0 0 4px #fff)drop-shadow(0 0 11px #c96dff)drop-shadow(0 0 19px #7336ff);background:0 0;border:3px solid #ffffffeb;border-radius:50%;width:clamp(315px,82vw,374px);height:clamp(66px,17.2vw,78px);animation:3.2s ease-in-out infinite login-mobile-ring;position:absolute;inset:clamp(314px,78vw,356px) auto auto 50%;transform:translate(-50%)}.auth-card-login{z-index:2;box-sizing:border-box;width:100%;max-width:456px;box-shadow:none;background:0 0;border-radius:0;margin:0 auto;padding:0;position:relative}.auth-header-login{margin:0;position:relative}.login-brand-hierarchy{z-index:20;margin:0 auto clamp(7px,1.8vw,9px);position:relative;overflow:visible}.login-company-logo{z-index:22;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 3px #10054b47);transform-origin:50%;width:clamp(94px,29vw,108px);height:clamp(94px,29vw,108px);animation:none;position:relative}.login-brand-connector{z-index:21;background:linear-gradient(#6142db2e,#6142db80);width:2px;height:11px;display:block;position:relative}.login-company-sites{box-sizing:border-box;z-index:21;background:linear-gradient(110deg,#fffffff7,#faf8ffeb);border:1px solid #7442f145;border-radius:15px;grid-template-columns:.95fr 1.05fr;gap:0;width:clamp(256px,79vw,304px);height:clamp(58px,17.8vw,62px);margin-top:0;padding:5px;display:grid;position:relative;box-shadow:0 2px #7e4fef1f,0 9px 20px #5837af29}.login-company-sites-title{color:#5d5e78;letter-spacing:.06em;border-right:0;justify-content:center;align-items:center;gap:0;font-size:clamp(8px,2.35vw,10px);display:flex}.login-company-sites-title i,.login-company-sites-title i:before,.login-company-sites-title i:after{border:1.5px solid #5231d8;width:clamp(12px,3.1vw,14px);height:clamp(9px,2.35vw,11px);display:none;transform:rotate(30deg)skew(-28deg)}.login-company-sites-title i{margin-top:-6px;position:relative}.login-company-sites-title i:before,.login-company-sites-title i:after{content:"";position:absolute;top:3px;left:2px}.login-company-sites-title i:after{top:7px;left:4px}.login-company-site{box-sizing:border-box;background:#fffffff5;border:1px solid #6c4ad529;border-radius:12px;gap:clamp(6px,1.5vw,7px);min-width:0;height:clamp(46px,14.2vw,50px);padding:3px 7px;box-shadow:0 4px 10px #4a379117}.login-company-site img{filter:grayscale()contrast(1.15);flex-basis:clamp(34px,10.5vw,38px);width:clamp(34px,10.5vw,38px);height:clamp(34px,10.5vw,38px)}.login-company-site-copy strong{color:#202031;font-size:clamp(11px,3.4vw,13px);line-height:1}.login-company-site-copy small{color:#5d31d1;margin-top:3px;font-size:clamp(8px,2.45vw,9.5px)}.login-promo-frame{grid-template-columns:1fr clamp(155px,36.2vw,165px) 1fr;gap:0;width:100%;height:clamp(221px,57vw,260px);margin:0;display:grid;position:relative;overflow:visible}.login-promo-frame:before{z-index:1;content:"";pointer-events:none;background:#fff;width:clamp(194px,45vw,210px);position:absolute;top:-10px;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 0 12px 10px #fffffffa,0 0 26px 16px #ffffffe0}.auth-header-login .login-promo-frame h1{z-index:3;color:#171529;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 1px #ffffff8c;isolation:isolate;align-self:start;width:clamp(158px,37.3vw,170px);margin-top:clamp(11px,2.65vw,12px);font-size:clamp(17px,4.4vw,20px);font-weight:900;line-height:1.16;position:relative}.auth-header-login .login-promo-frame h1:before,.auth-header-login .login-promo-frame h1:after{display:none}.login-hero-dark,.login-hero-accent,.login-hero-badge,.login-hero-highlight{display:inline}.login-hero-accent{color:#4b19ce}.login-hero-badge{color:#fff;background:0 0;flex-direction:column;align-items:center;gap:1px;margin:3px auto 0;padding:0;font-size:clamp(14px,3.4vw,15.5px);line-height:1.1;display:flex}.login-hero-badge>span{color:#fff;clip-path:polygon(4% 2%,30% 0,55% 3%,78% 0,96% 3%,100% 17%,97% 34%,100% 50%,97% 67%,100% 84%,96% 98%,73% 96%,49% 100%,25% 97%,4% 100%,0 83%,3% 65%,0 48%,3% 31%,0 14%);filter:drop-shadow(0 0 1px #6d23d28c);text-shadow:0 1px 1px #370c7a59;background:linear-gradient(178deg,#0000 0 8%,#7f33dbfa 10% 88%,#0000 91%),linear-gradient(92deg,#6e2bd7,#9138dc 54%,#6e2bd7);padding:2px 10px 3px;display:block;position:relative;box-shadow:0 1px 1px #5114a938}.login-hero-badge>span:before,.login-hero-badge>span:after{z-index:-1;content:"";clip-path:polygon(2% 12%,98% 2%,96% 91%,4% 100%);background:#6b25d28c;position:absolute;inset:3px -3px 2px}.login-hero-badge>span:after{opacity:.45;inset:1px 1px 4px;transform:rotate(.7deg)}.login-hero-highlight{color:#5720d4;letter-spacing:-.075em;text-shadow:0 1px #fff,0 0 2px #4a12b92e;width:100%;margin:-6px auto 0;font-family:Comic Sans MS,Segoe Print,cursive;font-size:clamp(23px,5.8vw,27px);font-style:italic;font-weight:700;line-height:1.13;display:block;position:relative;transform:rotate(-1.5deg)}.login-hero-highlight:before,.login-hero-highlight:after{content:"";background:#5520cc;border-radius:999px;width:70%;height:2px;position:absolute;bottom:-1px;right:11%;transform:rotate(-3deg)}.login-hero-highlight:after{opacity:.9;width:48%;bottom:-4px;right:23%;transform:rotate(-1deg)}.login-promo-image{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 7px 6px #0c05306e);width:clamp(154px,40vw,182px);max-width:none;height:clamp(173px,44.8vw,204px);max-height:none;margin-top:clamp(-12px,148px - 37vw,5px);animation:4.4s ease-in-out infinite login-mobile-phones;position:relative}.login-promo-image-left{justify-self:start;margin-left:clamp(-32px,-7vw,-27px)}.login-promo-image-right{justify-self:end;margin-right:clamp(-32px,-7vw,-27px);animation-delay:-2.2s}.login-feature-row{z-index:30;box-sizing:border-box;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(120deg,#fff,#f2edff);border:1px solid #fffffff5;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:0;width:clamp(292px,74.1vw,338px);height:clamp(74px,18vw,82px);margin:-1px auto clamp(5px,1.3vw,8px);display:grid;position:relative;overflow:hidden;box-shadow:0 7px 22px #220a7357,inset 0 0 13px #ffffffe6}.login-feature-item{color:#17142b;text-shadow:0 1px #fff;background:0 0;border:0;border-right:1px solid #5e39aa33;border-radius:0;gap:5px;min-width:0;padding:8px 3px 6px;font-size:clamp(8.5px,2.35vw,10.5px);font-weight:800;line-height:1.15}.login-feature-item>span{max-width:100%;display:block}.login-feature-item:last-child{border-right:0}.login-feature-icon{fill:none;stroke:#4d18d8;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #632fe152);width:clamp(24px,6vw,28px);height:clamp(24px,6vw,28px)}.login-form-stage{z-index:4;box-sizing:border-box;background:radial-gradient(circle at 50% 0,#423fc445,#0000 38%),linear-gradient(145deg,#0a1148fa,#050b34fa);border:1px solid #5f80ff80;border-radius:15px;width:clamp(335px,83.3vw,380px);max-width:calc(100% - 50px);margin:0 auto;padding:clamp(10px,2.4vw,11px) clamp(22px,5.7vw,26px) 24px;display:block;position:relative;overflow:hidden;box-shadow:0 0 28px #1e41dc7a,inset 0 0 24px #181d7573}.login-form-stage:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#755bff14 48%,#0000 61%);animation:4s linear infinite login-mobile-shine;position:absolute;inset:0}.login-form-title{color:#fff;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 9px #ffffffa6;justify-content:center;align-items:center;gap:8px;margin:0 0 clamp(8px,1.95vw,9px);font-size:clamp(11px,2.65vw,12px);font-weight:800;display:flex}.login-form-title>svg{fill:none;stroke:#d8caff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #8f5cff);width:clamp(10px,2.4vw,11px);height:clamp(10px,2.4vw,11px);margin-right:-4px}.login-form-title:before,.login-form-title:after{content:"";background:linear-gradient(90deg,#0000,#9a51ff,#e59cff);width:clamp(63px,15.8vw,72px);height:2px;box-shadow:0 0 6px #8e55ff}.login-form-title:after{transform:scaleX(-1)}.login-form-content,.login-form-content .auth-form{z-index:1;position:relative}.login-form-content .auth-form{gap:clamp(6px,1.5vw,7px)}.login-form-content .form-group{gap:0}.login-form-content .form-group>label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.login-field-wrap,.login-form-content .password-input-wrap{grid-template-columns:clamp(31px,7.9vw,36px) minmax(0,1fr);gap:2px;width:100%;display:grid}.login-field-icon{box-sizing:border-box;fill:none;stroke:#bea7ff;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;background:#321f9959;border:1px solid #6f53ffd9;border-radius:5px 2px 2px 5px;width:clamp(31px,7.9vw,36px);height:clamp(31px,7.9vw,36px);padding:7px;display:block;box-shadow:inset 0 0 8px #5e4aff57,0 0 5px #5338ff47}.login-form-content .form-group input{box-sizing:border-box;color:#17172a;background:#fffffff7;border:1px solid #ffffffeb;border-radius:3px 6px 6px 3px;width:100%;height:clamp(31px,7.9vw,36px);padding:6px 11px;font-size:clamp(9px,2.2vw,10px);box-shadow:inset 0 0 8px #4f37b41f,0 0 8px #7152ff47}.login-form-content .password-input-wrap input{grid-area:1/2;padding-right:35px}.login-form-content .password-visibility-toggle{width:28px;height:28px;top:15px;right:3px}.login-form-content .password-visibility-toggle svg{width:16px;height:16px}.login-form-content .auth-button{color:#fff;background:linear-gradient(100deg,#3425b9 0%,#6031ca 45%,#c344cc 100%);border:1px solid #df97ff8c;border-radius:6px;min-height:clamp(34px,8.55vw,39px);margin-top:1px;padding:7px 12px;font-size:clamp(11px,2.65vw,12px);box-shadow:0 0 12px #9748ee8c,inset 0 1px #fff3}.login-form-content .auth-button:after{float:right;content:"›";color:#ffffffb8;font-size:20px;line-height:12px}.login-form-content .auth-divider,.login-form-content .oauth-buttons,.login-form-content .auth-footer,.login-form-content .auth-footer-legal,.login-form-content>.auth-button-secondary{color:#fffc}.login-form-content .auth-divider{margin:12px 0}.login-form-content .auth-footer a,.login-form-content .auth-footer-legal a{color:#c7b5ff}}@keyframes login-mobile-ring{0%,to{opacity:.72;transform:translate(-50%)scale(.96)}50%{opacity:1;transform:translate(-50%)scale(1.04)}}@keyframes login-mobile-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes login-mobile-phones{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-4px)rotate(.4deg)}}@keyframes login-mobile-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:380px){.auth-card-login{transform-origin:top}.login-promo-image-left{margin-left:-31px}.login-promo-image-right{margin-right:-31px}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.login-company-logo,.login-promo-image,.login-form-stage:before,.auth-container-login:after{animation:none!important}}@media (min-width:769px){.auth-container-login{box-sizing:border-box;background:radial-gradient(circle at 12% 18%,#4b4fff75,#0000 31%),radial-gradient(circle at 86% 20%,#b137ff5c,#0000 32%),radial-gradient(circle at 50% 100%,#562adc61,#0000 42%),linear-gradient(145deg,#050817,#10143a 48%,#241052 76%,#080919);min-height:100dvh;padding:clamp(24px,3vw,48px);overflow:hidden auto}.auth-container-login:before{opacity:.22;content:"";background:radial-gradient(circle,#ffffffd1 0 1px,#0000 1.5px) 0 0/18px 18px;width:auto;padding:0;display:block;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.auth-container-login:after{opacity:.85;clip-path:none;filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 30px #873cff);background:0 0;border:4px solid #ffffffb8;border-radius:50%;width:min(900px,72vw);height:190px;position:fixed;bottom:-75px;left:50%;right:auto;transform:translate(-50%)}.login-music-scene,.login-corner-ad{display:none!important}.auth-card-login{z-index:2;box-sizing:border-box;background:radial-gradient(circle at 22% 32%,#7553ff14,#0000 32%),linear-gradient(135deg,#fffffffc,#f7f4fff7);border:1px solid #ffffffc7;border-radius:30px;width:min(100%,1180px);max-width:1180px;margin:auto;padding:clamp(24px,2.5vw,38px);position:relative;overflow:hidden;box-shadow:0 30px 90px #01031680,inset 0 1px #fff}.auth-header-login{min-width:0;margin:0}.login-brand-hierarchy{flex-direction:row;justify-content:center;align-items:center;margin:0 auto 22px;display:flex}.login-company-logo{filter:drop-shadow(0 6px 5px #1308493d);width:106px;height:96px}.login-brand-connector{background:linear-gradient(90deg,#5536d324,#5536d37a);width:30px;height:2px}.login-company-sites{box-sizing:border-box;background:#fffffff0;border:1px solid #6946dc38;border-radius:17px;grid-template-columns:1fr 1.08fr;align-items:center;gap:0;width:300px;min-height:60px;padding:6px;display:grid;box-shadow:0 9px 22px #533aa324}.login-company-sites-title{color:#5a5b76;letter-spacing:.07em;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.login-company-sites-title i{display:none}.login-company-site{box-sizing:border-box;background:#fff;border:1px solid #6b49d224;border-radius:12px;min-width:0;height:47px;padding:4px 8px;box-shadow:0 4px 10px #3c2e8214}.login-company-site img{filter:grayscale()contrast(1.12);flex-basis:37px;width:37px;height:37px}.login-company-site-copy strong{color:#202031;font-size:13px}.login-company-site-copy small{color:#6538dc;font-size:9px}.login-promo-frame{grid-template-columns:minmax(0,1fr) minmax(245px,.86fr) minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:310px;margin:0;display:grid;overflow:visible}.login-promo-frame:before{display:none}.auth-header-login .login-promo-frame h1{z-index:3;color:#171529;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(24px,2.25vw,32px);font-weight:900;line-height:1.12;position:relative}.auth-header-login .login-promo-frame h1:before,.auth-header-login .login-promo-frame h1:after{display:none}.login-hero-accent{color:#4e20d2}.login-hero-badge{color:#fff;background:0 0;flex-direction:column;align-items:center;gap:2px;margin:6px auto 3px;font-size:.62em;line-height:1.08;display:flex}.login-hero-badge>span{color:#fff;clip-path:polygon(3% 4%,97% 1%,100% 18%,97% 35%,100% 52%,97% 70%,100% 88%,96% 98%,4% 96%,0 82%,3% 64%,0 47%,3% 29%,0 13%);text-shadow:0 1px 1px #320c7052;background:linear-gradient(92deg,#6625d1,#9138dc 54%,#6928d2);padding:3px 10px 4px;display:block}.login-hero-badge>span:before,.login-hero-badge>span:after{display:none}.login-hero-highlight{color:#5720d4;margin-top:2px;font-family:Comic Sans MS,Segoe Print,cursive;font-size:1.05em;font-style:italic;line-height:1.08;display:block;position:relative;transform:rotate(-1deg)}.login-hero-highlight:before,.login-hero-highlight:after{bottom:-3px}.login-promo-image{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 10px #0e07305c);width:100%;max-width:270px;height:300px;max-height:300px;animation:4.8s ease-in-out infinite login-mobile-phones;position:relative}.login-promo-image-left{justify-self:end}.login-promo-image-right{justify-self:start;animation-delay:-2.4s}.login-feature-row{z-index:4;box-sizing:border-box;background:linear-gradient(120deg,#fff,#f1ecff);border:1px solid #6641cd2e;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:0;width:min(100%,650px);min-height:86px;margin:18px auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #3d298926}.login-feature-item{color:#19162d;background:0 0;border:0;border-right:1px solid #5c3bad26;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;padding:12px 8px 10px;font-size:11px;font-weight:800;line-height:1.15;display:flex}.login-feature-item:last-child{border-right:0}.login-feature-icon{fill:none;stroke:#511bd7;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #5b2ad63d);width:29px;height:29px}.login-form-stage{box-sizing:border-box;background:radial-gradient(circle at 50% 0,#5b4ae547,#0000 40%),linear-gradient(145deg,#0c1240,#070b2c 72%);border:1px solid #6f75ff73;border-radius:24px;width:100%;max-width:440px;margin:0 auto;padding:clamp(26px,2.4vw,36px);display:block;position:relative;overflow:hidden;box-shadow:0 20px 50px #07092a57,inset 0 0 28px #312e9d2e}.login-form-title{color:#fff;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 12px #ffffff73;justify-content:center;align-items:center;gap:9px;margin:0 0 25px;font-size:18px;font-weight:800;display:flex}.login-form-title>svg{fill:none;stroke:#d8caff;stroke-width:1.8px;width:16px;height:16px}.login-form-content .form-group label{color:#dedfff}.login-form-content .form-group input{box-sizing:border-box;border:1px solid #ffffffe0;width:100%;min-height:48px;box-shadow:0 0 12px #5d4ce12e}.login-form-content .auth-button{background:linear-gradient(100deg,#3928ba,#6a32cb 50%,#cf48d0);min-height:49px;box-shadow:0 8px 20px #7133d34d}.login-form-content .auth-divider,.login-form-content .auth-footer,.login-form-content .auth-footer-legal{color:#ebebffb8}.login-form-content .auth-footer a,.login-form-content .auth-footer-legal a{color:#c5b4ff}.login-form-content>.auth-button-secondary{color:#ddd6ff;background:#ffffff0f;border-color:#b8a4ffb3}.oauth-button{min-height:46px}}@media (min-width:1100px){.auth-card-login{isolation:isolate;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);align-items:center;gap:clamp(28px,3vw,48px);display:grid;overflow:hidden}.auth-card-login:before{z-index:5;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#794bff,#df8cff,#0000);border-radius:999px;width:48%;height:2px;position:absolute;top:0;left:13%;box-shadow:0 0 13px #8148ff9e}.auth-card-login:after{z-index:-1;content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(#662fe02e,#0000 68%);border-radius:50%;width:520px;height:270px;position:absolute;bottom:-160px;left:5%}.auth-header-login,.login-form-stage{z-index:1;position:relative}.auth-header-login{isolation:isolate}.login-desktop-device-showcase{z-index:0;pointer-events:none;height:255px;display:block;position:absolute;top:205px;left:-35px;right:-35px;overflow:hidden}.login-desktop-device-showcase:after{content:"";filter:blur(.2px)drop-shadow(0 0 12px #632fd738);border:2px solid #7441e633;border-radius:50%;height:45px;position:absolute;bottom:18px;left:8%;right:8%}.login-desktop-device-showcase img{-o-object-fit:contain;object-fit:contain;opacity:.24;filter:saturate(.85)drop-shadow(0 14px 12px #180b4447);width:clamp(255px,21vw,340px);height:205px;display:block;position:absolute;top:38px}.login-desktop-device-showcase img:first-child{left:-104px;transform:rotate(-4deg)}.login-desktop-device-showcase img:last-child{right:-104px;transform:rotate(4deg)}.login-promo-frame,.login-feature-row,.login-brand-hierarchy{position:relative}.login-promo-frame{z-index:2}.login-feature-row{z-index:3}.login-brand-hierarchy{z-index:4}.login-form-stage{border-color:#837fff8c;box-shadow:0 24px 55px #08083066,0 0 0 1px #7359ff14,inset 0 0 34px #3f39b833}}@media (min-width:769px) and (max-width:1099px){.auth-card-login{max-width:760px}.login-form-stage{margin-top:30px}}@media (min-width:1200px){.auth-container-login{padding-right:clamp(330px,25vw,440px)}.login-music-scene{z-index:3;box-sizing:border-box;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;background:radial-gradient(circle at 50% 34%,#5c7cff4d,#0000 34%),radial-gradient(circle at 20% 84%,#a739ff38,#0000 35%),linear-gradient(155deg,#080c26e6,#190c3ed6);border:1px solid #9fa9ff52;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;width:min(22vw,390px);min-height:330px;padding:clamp(18px,1.7vw,28px);position:fixed;top:clamp(24px,3vh,38px);bottom:clamp(250px,18vw,310px);right:clamp(14px,1.5vw,26px);overflow:hidden;box-shadow:0 22px 55px #0304146b,inset 0 0 45px #5a51ff1f;display:flex!important}.login-corner-ad{z-index:3;aspect-ratio:16/9;pointer-events:none;background:radial-gradient(circle,#171838,#080914 72%);border:1px solid #858bff40;border-radius:18px;width:min(22vw,390px);position:fixed;bottom:clamp(14px,1.5vw,26px);right:clamp(14px,1.5vw,26px);overflow:hidden;box-shadow:0 18px 42px #05050f75;display:block!important}.login-form-stage{overflow:visible}.auth-card-login{overflow:hidden}.login-form-stage:before{z-index:1;border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#5b4ae54d,#0000 40%),linear-gradient(145deg,#0c1240fe,#070b2cfe 72%);display:block;position:absolute;inset:0;box-shadow:inset 0 0 28px #312e9d2e}.login-form-content{z-index:2;position:relative}}@media (min-width:1200px) and (max-height:780px){.login-music-scene{min-height:300px;bottom:225px}.login-corner-ad{width:min(20vw,340px)}}.top-header{z-index:3000;background:linear-gradient(90deg,#0b0e1a,#14182e);border-bottom:1px solid #ffffff0d;grid-column:1/4;justify-content:space-between;align-items:center;height:72px;padding:0 24px;transition:all .2s;position:fixed;top:0;left:0;right:0}.desktop-content{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 24px;display:flex}.desktop-content .left{align-items:center;gap:32px;display:flex}.desktop-content .right{align-items:center;gap:16px;margin-left:auto;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-text{font-size:22px;font-style:italic}.top-nav a{opacity:.7;cursor:pointer}.top-nav a.active{opacity:1}.credits{background:#ffffff1a;border-radius:999px;padding:6px 12px}.avatar{background:orange;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.logo-circle{background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.logo-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.mobile-menu{color:#fff;cursor:pointer;background:0 0;border:none;font-size:26px;display:none}.mobile-menu.avatar,.mobile-quick-link{display:none}.mobile-logo{display:none;position:absolute;left:50%;transform:translate(-50%)}.left-btn{position:absolute;left:16px}.right-btn{position:absolute;right:16px}.main-content{padding-top:56px}.desktop-content{display:flex}@media (max-width:1024px){.desktop-content{display:none}.mobile-logo,.mobile-menu{display:block}.mobile-menu.avatar{margin:0;font-size:14px;display:flex}.top-header{background:#0b0e1af2;height:64px;top:auto;bottom:0}.main-content{padding-top:0;padding-bottom:64px}body{padding-bottom:64px}body .top-header{width:100%;max-width:100%;height:calc(106px + env(safe-area-inset-bottom,0px));padding:0 max(10px,env(safe-area-inset-right,0px))env(safe-area-inset-bottom,0px)max(10px,env(safe-area-inset-left,0px));box-sizing:border-box;display:block;inset:auto 0 0;overflow:visible;background:linear-gradient(145deg,#0b0e1a,#14182e)!important;border:1px solid #ffffff0f!important;border-bottom:0!important;border-radius:0!important;box-shadow:0 -8px 22px #07070f7a!important}body .top-header:hover{box-shadow:0 -8px 22px #07070f7a!important}.mobile-nav-slot{bottom:calc(27px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;transform:translate(-50%)}.mobile-nav-menu-slot{left:10%}.mobile-history-link{left:30%}.mobile-logo{left:50%}.mobile-studio-link{left:70%}.mobile-nav-account-slot{left:90%}.mobile-menu,.mobile-quick-link{color:#fff;width:52px;height:52px;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:flex-start;margin:0;padding:9px;display:flex}.mobile-menu{position:relative;inset:auto}.mobile-quick-link{bottom:calc(27px + env(safe-area-inset-bottom,0px));position:absolute;transform:translate(-50%)}.mobile-menu:hover,.mobile-quick-link:hover,.mobile-menu:focus-visible,.mobile-quick-link:focus-visible{color:#fff;background:#ffffff14;outline:none}.mobile-menu svg,.mobile-quick-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}.mobile-menu.avatar{color:#fff;width:52px;height:52px;box-shadow:none;font-size:inherit;background:0 0;border-radius:16px;margin:0;padding:9px;display:flex;position:relative;inset:auto}.mobile-menu.avatar:hover{box-shadow:none;transform:none}.mobile-account-badge{color:#fff;background-color:orange;background-image:var(--mobile-avatar-image),linear-gradient(145deg,orange,#ffb347);background-image:var(--mobile-avatar-image);background-position:50%;background-size:cover;border:2px solid #14182e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:2px;right:1px;overflow:hidden}.mobile-logo{bottom:calc(8px + env(safe-area-inset-bottom,0px));box-sizing:border-box;width:94px;height:92px;box-shadow:none;z-index:2;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mobile-logo:before{content:"";box-sizing:border-box;pointer-events:none;background:#615db2;border-radius:50%;position:absolute;inset:0;transform:translateY(-3px);box-shadow:0 8px 18px #0606108c,inset 0 -2px #ffffff0a}.mobile-logo .logo-circle{box-sizing:border-box;width:82px;height:82px;box-shadow:none;z-index:1;background:linear-gradient(145deg,#0f0f16,#1f1f38);border-radius:50%;padding:6px;position:relative;overflow:hidden;transform:translateY(-2px)}.mobile-logo .logo-image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%}.mobile-logo .logo-circle:hover{box-shadow:none;transform:translateY(-2px)}.main-content,body{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}}.top-header{background:linear-gradient(145deg,#0b0e1a,#14182e);border-bottom:none;transition:all .2s;box-shadow:2px 2px 15px #07070f,-6px -6px 15px #2a2a4d;border-radius:5px!important}.top-header .left{align-items:center;gap:32px;display:flex}.logo{background:linear-gradient(145deg,#0f1220,#1c1c36);border-radius:16px;align-items:center;gap:10px;padding:4px 12px;display:flex;box-shadow:6px 6px 12px #060610,-6px -6px 12px #3c3c6c}a.logo,a.mobile-logo{color:inherit;cursor:pointer;text-decoration:none}.logo-text{color:#fff;font-size:22px;font-style:italic}.logo-circle{background:linear-gradient(145deg,#0f0f16,#1f1f38);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;transition:all .2s;display:flex;overflow:hidden;box-shadow:6px 6px 12px #060610,-6px -6px 12px #3a3a6c}.logo-circle:hover{transform:translateY(-2px);box-shadow:4px 4px 10px #070710,-4px -4px 10px #3c3c6c}.avatar{cursor:pointer;background:linear-gradient(145deg,orange,#ffb347);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;transition:all .2s;display:flex;box-shadow:4px 4px 8px #a35b0a,-4px -4px 8px #ffc06c}.avatar:hover{transform:translateY(-1px);box-shadow:2px 2px 6px #a35b0a,-2px -2px 6px #ffc06c}.avatar-wrapper{position:relative}.avatar-dropdown{z-index:1000;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #444;border-radius:12px;min-width:180px;margin-top:10px;padding:8px 0;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0006}.avatar-dropdown-item{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 20px;font-size:14px;transition:background .2s;display:block}.avatar-dropdown-item:hover{background:#ffffff14}.top-header .right{align-items:center;gap:16px;display:flex}.credits-clickable{color:inherit;font:inherit;cursor:pointer;background:linear-gradient(145deg,#14182e,#1c1c36);border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex;box-shadow:4px 4px 10px #0a0a0f,-4px -4px 10px #2a2a4d}.credits-clickable:hover{transform:translateY(-1px);box-shadow:2px 2px 6px #0a0a0f,-2px -2px 6px #2a2a4d}.credits-clickable .credits{box-shadow:none;background:0 0;padding:0;font-size:13px}.credits-clickable .credits:hover{transform:none}.top-nav{gap:24px;display:flex}.top-nav a{opacity:.7;cursor:pointer;background:linear-gradient(145deg,#0f1220,#1c1c36);border-radius:12px;padding:6px 12px;transition:all .2s;box-shadow:4px 4px 8px #070710,-4px -4px 8px #3c3c6c}.top-nav a:hover{transform:translateY(-1px);box-shadow:2px 2px 6px #070710,-2px -2px 6px #3c3c6c}.top-nav a.active{opacity:1;background:linear-gradient(145deg,#2a1f4a,#7a3cff);box-shadow:inset 2px 2px 6px #0f0c14,inset -2px -2px 6px #3c2a6c}.mobile-pop{z-index:3100;background:linear-gradient(145deg,#0f1220,#1b1b33);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;min-width:180px;padding:10px;display:flex;position:absolute;top:64px;box-shadow:0 10px 26px #00000073}@media (max-width:1024px){.mobile-pop{top:auto;bottom:calc(114px + env(safe-area-inset-bottom,0px))}.mobile-pop.right{max-height:calc(100dvh - 140px - env(safe-area-inset-bottom,0px));box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;overflow:hidden auto}}.mobile-pop.left{left:12px}.mobile-pop.right{right:12px}.mobile-pop button,.mobile-pop .mobile-pop-item{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#121428,#1f1f3a);border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px;font-size:14px;transition:all .2s}.mobile-pop button:hover,.mobile-pop .mobile-pop-item:hover{transform:translateY(-1px)}.mobile-pop .divider{background:#ffffff14;height:1px;margin:4px 0}.legal-page{color:#e2e8f0;background:linear-gradient(145deg,#0b0e1a 0%,#14182e 50%,#0f1220 100%);min-height:100vh}.legal-main{padding:72px 1rem 3rem}.legal-container{max-width:780px;margin:0 auto;line-height:1.65}.legal-title{color:#fff;margin-bottom:.25rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.legal-updated{color:#94a3b8;flex-wrap:wrap;gap:.35rem .65rem;margin-bottom:2rem;font-size:.9rem;display:flex}.legal-updated__separator{color:#7987c8}@media (max-width:480px){.legal-updated{flex-direction:column}.legal-updated__separator{display:none}}.legal-section{margin-bottom:2rem}.legal-section h2{color:#c4b5fd;border-bottom:1px solid #94a3b833;margin-bottom:.75rem;padding-bottom:.35rem;font-size:1.2rem;font-weight:600}.legal-section h3{color:#e2e8f0;margin-top:1rem;margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.legal-section p{color:#cbd5e1;margin-bottom:.75rem}.legal-section ul{margin:.5rem 0 1rem 1.25rem;padding:0}.legal-section li{color:#cbd5e1;margin-bottom:.5rem}.legal-section strong{color:#e2e8f0}.legal-footer-links{border-top:1px solid #94a3b833;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.legal-footer-links a{color:#a78bfa;font-size:.95rem;text-decoration:none}.legal-footer-links a:hover{color:#c4b5fd;text-decoration:underline}.dissolve-wrapper{--reveal:0%;width:100%;height:100%;-webkit-mask-image:linear-gradient(135deg,#0000 30%,#000 55% 100%);mask-image:linear-gradient(135deg,#0000 30%,#000 55% 100%);-webkit-mask-size:300%;mask-size:300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--reveal)var(--reveal);mask-position:var(--reveal)var(--reveal);-webkit-mask-image:linear-gradient(135deg,#0000 30%,#000 55% 100%);-webkit-mask-size:300%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:var(--reveal)var(--reveal);animation:.9s steps(25,end) forwards dissolve}@keyframes dissolve{0%{--reveal:0%;opacity:0}to{--reveal:100%;opacity:1}}.settings-menu-overlay{z-index:1000;background:0 0;position:fixed;inset:0}.settings-menu{z-index:1001;background:#fff;border-radius:8px;width:calc(100vw - 40px);min-width:280px;max-width:min(320px,100vw - 40px);max-height:calc(100vh - 40px);padding:8px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;overflow-y:auto;box-shadow:0 4px 12px #00000026}.settings-menu-user{color:#1a1a1a;border-bottom:1px solid #e0e0e0;padding:12px 16px;font-size:14px;font-weight:500}.settings-menu-items{padding:4px 0}.settings-menu-item{cursor:pointer;color:#1a1a1a;align-items:center;padding:10px 16px;font-size:14px;transition:background-color .15s;display:flex}.settings-menu-item:hover{background-color:#f5f5f5}.settings-menu-item-danger{color:#dc3545}.settings-menu-item-danger:hover{background-color:#fff5f5}.settings-menu-icon{justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;font-size:16px;display:flex}.settings-menu-text{flex:1}.settings-menu-shortcut{color:#999;margin-left:8px;font-size:12px}.settings-menu-arrow{color:#999;margin-left:8px;font-size:18px}.settings-menu-divider{background:#e0e0e0;height:1px;margin:4px 0}@media (max-width:768px){.settings-menu{width:calc(100vw - 20px);min-width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.settings-menu-item{padding:12px 16px;font-size:15px}.settings-menu-shortcut{display:none}}@media (max-width:480px){.settings-menu{border-radius:12px;width:calc(100vw - 16px);min-width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.settings-menu-user{padding:10px 14px;font-size:13px}.settings-menu-item{padding:14px 16px}.settings-menu-icon{font-size:18px}}.sidebar{width:220px;height:100vh;background:linear-gradient(145deg,#1a1a2e,#0c0c16);border-radius:20px;flex-direction:column;height:100dvh;max-height:100vh;padding:1px;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:6px 6px 15px #0b0b14,-6px -6px 15px #2a2a4d}.side-nav{flex-direction:column;flex:1;gap:12px;min-height:0;padding:104px 14px 16px;display:flex;position:relative;overflow-y:auto}.sidebar-footer{border-top:1px solid #ffffff0d;flex-shrink:0;margin-top:auto;padding:12px 14px 16px}.side-nav hr{border:none;border-top:1px solid #ffffff14;flex-shrink:0;align-self:stretch;height:0;margin:6px 4px 10px}.side-item{color:#fff;background:linear-gradient(145deg,#1a1a2e,#0c0c16);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex;box-shadow:6px 6px 12px #0b0b14,-6px -6px 12px #2a2a4d}.side-item:hover{box-shadow:4px 4px 10px #070710,-4px -4px 10px #3c3c6c}.side-item-primary{background:linear-gradient(135deg,#466bba,#7e57c1);box-shadow:0 12px 26px #2563eb42}.side-item-primary .icon{box-shadow:none;background:#ffffff29;font-size:24px;font-weight:800}.side-item-secondary{opacity:.78}.side-item:active{transform:translateY(1px);box-shadow:inset 4px 4px 10px #070710,inset -4px -4px 10px #3c3c6c}.icon{background:linear-gradient(145deg,#2b2b45,#0f0f20);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:flex;box-shadow:6px 6px 12px #060610,-6px -6px 12px #3a3a6c}.label{letter-spacing:.4px;padding-top:1px;font-weight:600;line-height:1.35}.side-item-scheduled{justify-content:center}.side-item-scheduled .label{white-space:nowrap}.side-item-greeting{align-items:center;min-height:48px;padding-top:14px;padding-bottom:14px}.side-item-greeting .label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding-top:0;font-size:.95rem;line-height:1.25;overflow:hidden}.side-item-button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(145deg,#1a1a2e,#0c0c16);border:none;box-shadow:6px 6px 12px #0b0b14,-6px -6px 12px #2a2a4d}.side-item-button:hover{box-shadow:4px 4px 10px #070710,-4px -4px 10px #3c3c6c}.side-item-button:active{transform:translateY(1px);box-shadow:inset 4px 4px 10px #070710,inset -4px -4px 10px #3c3c6c}.side-item-button .icon{flex-shrink:0}.side-item-button .label{flex:1}.side-item-button{background:linear-gradient(145deg,#1a1a2e,#0c0c16)!important}@media (max-width:1024px){.nav-panel .sidebar{border-radius:0;width:100%;height:100%;padding:16px}.nav-panel .side-nav{padding-top:128px}}@media (max-width:900px){.sidebar{width:64px;padding:10px}.side-nav .label{display:none}.side-item,.side-item-button{justify-content:center}.nav-panel .sidebar{width:100%;padding:16px}.nav-panel .side-nav .label{display:inline}.nav-panel .side-item,.nav-panel .side-item-button{justify-content:flex-start}.side-item:hover .label,.side-item-button:hover .label{white-space:nowrap;background:linear-gradient(145deg,#1a1a2e,#0c0c16);border-radius:12px;padding:8px 12px;display:inline;position:absolute;left:72px;box-shadow:6px 6px 12px #0b0b14,-6px -6px 12px #2a2a4d}.nav-panel .side-item:hover .label,.nav-panel .side-item-button:hover .label{box-shadow:none;white-space:normal;background:0 0;border-radius:0;padding:0;display:inline;position:static}}.dashboard-layout{width:100%;min-width:0;overflow-x:clip}.dashboard-layout>.main-content{box-sizing:border-box;width:calc(100% - 220px);min-width:0;min-height:100vh;margin-left:220px}.ms-container{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:104px 28px 60px}.ms-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.ms-hero h1{margin:0 0 6px;font-size:22px}.ms-hero p{color:#8c8e9c;max-width:520px;margin:0;font-size:13px}.ms-new-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9677ff,#6240d8);border:0;border-radius:10px;flex-shrink:0;padding:12px 18px;font-size:13px;font-weight:700}.ms-new-btn:hover{filter:brightness(1.08)}.ms-error{color:#ff9ba6;background:#ff6b7a18;border-radius:9px;margin:0 0 16px;padding:10px 14px;font-size:13px}.ms-loading{color:#b9bac6;justify-content:center;align-items:center;gap:10px;min-height:170px;padding:28px;font-size:14px;display:flex}.ms-loading-dot{border:2px solid #ffffff30;border-top-color:#9677ff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite ms-spin}@keyframes ms-spin{to{transform:rotate(360deg)}}.ms-empty{text-align:center;border:1px dashed #fff2;border-radius:14px;padding:40px 20px}.ms-empty>p{color:#c9cad6;margin:0 0 8px}.ms-empty-hint{max-width:460px;font-size:13px;color:#8c8e9c!important;margin:0 auto!important}.ms-list{gap:12px;display:grid}.ms-card{background:#12131bcc;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.ms-card-paused{opacity:.65}.ms-card-main{flex-direction:column;gap:4px;min-width:0;display:flex}.ms-card-main>b{font-size:15px}.ms-song{color:#b7b8c5;font-size:12px}.ms-summary{color:#a08dde;font-size:12px;font-weight:600}.ms-meta{color:#8c8e9c;font-size:11px}.ms-card-actions{flex-shrink:0;gap:8px;display:flex}.ms-card-actions button{color:#f7f7fb;cursor:pointer;background:#171821;border:1px solid #ffffff18;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:600}.ms-card-actions button:hover:not(:disabled){border-color:#9380d2}.ms-card-actions button:disabled{opacity:.5;cursor:not-allowed}.ms-card-actions>a,.ms-card-actions>span{white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.ms-published{color:#7ff0bd!important;background:#123c2b!important;border-color:#32d58366!important}.ms-published:hover{filter:brightness(1.12)}.ms-processing{color:#f8d77e!important;background:#3c3018!important;border-color:#f4c15255!important}.ms-failed{color:#ff9ba6!important;background:#35171d!important;border-color:#ff6b7a66!important}.ms-resume{color:#78e6cb;border-color:#5ce1aa55!important}.ms-delete{color:#ff9ba6}.ms-delete.armed{color:#ffd7dc!important;background:#2a141a!important;border-color:#ff6b7a!important}@media (max-width:1024px){.dashboard-layout>.sidebar{display:none!important}.dashboard-layout>.main-content{width:100%;max-width:100%;margin-left:0;padding-top:0;overflow-x:hidden}.ms-container{max-width:760px;padding:clamp(22px,5vw,40px)clamp(16px,4vw,30px)calc(142px + env(safe-area-inset-bottom,0px))}.ms-hero{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:24px;display:grid}.ms-hero h1{overflow-wrap:anywhere;font-size:clamp(24px,6vw,34px);line-height:1.12}.ms-hero p{max-width:680px;font-size:clamp(14px,3.6vw,17px);line-height:1.5}.ms-new-btn{white-space:normal;width:100%;max-width:520px;min-height:52px;padding:13px 16px;font-size:clamp(14px,3.8vw,17px);line-height:1.3}.ms-empty{box-sizing:border-box;width:100%;padding:34px clamp(16px,5vw,34px)}.ms-empty>p{font-size:clamp(17px,4.5vw,22px)}.ms-empty-hint{line-height:1.55;font-size:clamp(13px,3.6vw,16px)!important}}@media (max-width:640px){.ms-card{flex-direction:column;align-items:stretch;padding:16px}.ms-card-actions{grid-template-columns:1fr;justify-content:stretch;display:grid}.ms-card-actions button,.ms-card-actions>a,.ms-card-actions>span{text-align:center;justify-content:center;min-height:44px}}
