@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.page-container{height:93vh;width:100%;margin:0;padding:0;box-sizing:border-box;background-attachment:fixed;background-size:cover;transition:background-color .3s ease}.live-icon{padding:0 8px;height:20px;display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-weight:400;font-size:9px;color:#fff;border-radius:12px;letter-spacing:.5px;background-color:#34a853;margin-right:14px}.offline-icon{display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-weight:500;font-size:11px;color:var(--error);margin-right:14px;border-radius:12px;letter-spacing:.5px;padding:5px 12px;border:1px solid var(--error);background-color:transparent;transition:all .2s ease}.online-status{font-family:Roboto,sans-serif;font-weight:400;font-size:10px;color:#fff;margin:0;letter-spacing:.5px;border:1px solid transparent;border-radius:12px;padding:2px 9px;background-color:#34a853}.offline-status{font-family:Roboto,sans-serif;font-weight:400;font-size:10px;color:#dc2626;margin:0;letter-spacing:.5px;border:1px solid #FCA5A5;border-radius:12px;padding:2px 9px;background-color:#fef2f2}.status-dot{font-size:12px;color:var(--text-tertiary);margin:0 4px}.input-item{margin-bottom:20px}.input-item p{font-family:Roboto,sans-serif;font-weight:500;font-style:normal;font-size:14px;margin:0 0 14px;color:var(--text-secondary)}.input-item input{border:1px solid var(--input-border);font-size:14px;padding:14px 20px;width:100%;background-color:var(--input-bg);color:var(--text-primary);font-family:Roboto,sans-serif;font-weight:400;letter-spacing:1.1px;border-radius:6px;box-sizing:border-box;transition:all .2s ease}.input-item input:focus{border:1px solid var(--primary)!important;outline:none}.input-item input::-moz-placeholder{color:var(--text-tertiary);font-family:Roboto,sans-serif;font-weight:300;letter-spacing:1.1px}.input-item input::placeholder{color:var(--text-tertiary);font-family:Roboto,sans-serif;font-weight:300;letter-spacing:1.1px}.create-button{padding:14px 36px;height:54px;color:#fff;border-radius:12px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:500;font-size:16px;margin-right:15px;box-sizing:border-box;white-space:nowrap;display:flex;align-items:center;gap:10px;background-color:#ee6055;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ee605533;position:relative;overflow:hidden}.create-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.create-button-icon{transition:transform .3s ease;position:relative;z-index:1}.create-button:hover{background-color:#e8554a;box-shadow:0 4px 16px #ee605559,0 2px 8px #ee605533;transform:translateY(-2px)}.create-button:hover:before{left:100%}.create-button:active{transform:translateY(0);box-shadow:0 2px 8px #ee605540;transition:all .1s ease}.delete-button{padding:14px 32px;background-color:#ee6055;color:#fff;border-radius:10px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:500;font-size:16px;margin-right:30px;box-sizing:border-box}.delete-button:hover{background-color:#ca453a}.create-button-secondary{font-family:Roboto,sans-serif;font-weight:400;font-size:12px;height:24px;padding:0 14px;color:#fff;border-radius:12px;cursor:pointer;border:none;background-color:#ee6055}.create-button-secondary-inline{padding:14px 36px;height:54px;color:#ee6055;border-radius:12px;cursor:pointer;border:1px solid rgba(238,96,85,.3);font-family:Roboto,sans-serif;font-weight:500;font-size:16px;margin-right:15px;background-color:transparent;transition:all .3s ease;box-sizing:border-box;white-space:nowrap;display:flex;align-items:center;gap:10px;box-shadow:0 1px 2px #0000000d}.create-button-secondary-inline:hover{background-color:#ee6055;color:#fff;border-color:#ee6055;box-shadow:#ee605540 0 4px 12px;transform:translateY(-1px)}.create-button-mobile-wrapper{display:none}.submit-button{display:flex;align-items:center;padding:15px 32px;font-size:16px;background-color:#ee6055;color:#fff;border-radius:6px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:400}.loading-active{padding:15px 25px}.submit-button:hover{background-color:#ee6055}.cancel-button{padding:14px 32px;font-size:16px;background-color:#fff;border:1px solid #EE6055;color:#ee6055;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400}.cancel-button:hover{background-color:#ee6055;color:#fff}.rename-button{padding:15px 32px;font-size:16px;background-color:#ee6055;border:1px solid #fff;color:#fff;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400;margin-left:10px}.goto-button{border:1px solid var(--text-secondary);display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-weight:400;font-size:9px;border-radius:12px;letter-spacing:.5px;padding:4px 10px;background-color:var(--bg-tertiary);color:var(--text-primary);gap:6px;cursor:pointer;margin-left:20px;margin-right:10px}.goto-button .arrow-icon{fill:#fff;transition:opacity .3s ease}.goto-button:hover .arrow-icon{transform:scale(1.2);transition:transform .3s ease-in-out}.empty-message-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:360px;margin:56px auto 0;padding:0 16px 80px;text-align:center;box-sizing:border-box}.empty-message-container .empty-icon{width:200px;max-width:100%;margin-bottom:20px;opacity:.92}.empty-message-container .empty-icon svg{width:100%;height:auto;display:block}.empty-message-container .empty-message-content{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.empty-message-container h2{color:var(--text-primary);font-size:15px;font-weight:500;margin:0;letter-spacing:-.01em;font-family:Roboto,sans-serif}.empty-message-container p{color:var(--text-secondary);font-size:13px;margin:0 0 14px;font-family:Roboto,sans-serif;font-weight:400;line-height:1.5}.empty-message-container .button-wrapper{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:2px;flex-wrap:wrap}.empty-message-container .button-wrapper button{margin:0;border:none;font-family:Roboto,sans-serif;font-size:13px;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.empty-message-container .button-wrapper .empty-action-secondary{background:transparent;color:var(--text-secondary);font-weight:400;padding:8px 6px}.empty-message-container .button-wrapper .empty-action-secondary:hover{color:var(--text-primary);background:transparent}.empty-message-container .button-wrapper .empty-action-primary{background-color:#ee6055;color:#fff;font-weight:500;box-shadow:0 2px 6px #ee60552e}.empty-message-container .button-wrapper .empty-action-primary:hover{background-color:#ca453a;box-shadow:0 3px 10px #ee605542}.dotMenu-wrapper{display:flex;width:70px;height:50px;align-items:center;justify-content:flex-end;position:relative}.dotMenu-wrapper svg{margin-left:30px;margin-right:20px;fill:#ee6055}.dotMenu-wrapper:hover svg{fill:#ee6055}.round-button-wrapper{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;margin-right:14px}.custom-tooltip{background-color:#ee6055!important;color:#fff!important;font-family:Roboto,sans-serif!important;font-size:14px;padding:10px;border-radius:16px!important}.custom-tooltip-red{background-color:#ca453a!important;color:#fff!important;font-family:Roboto,sans-serif!important;font-size:14px;padding:10px;border-radius:16px!important}.round-button{display:flex;align-items:center;font-size:12px;gap:6px;border-radius:50%;justify-content:center;height:42px;width:42px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;background-color:var(--card-bg);color:var(--text-secondary);position:relative;border:1px solid var(--border-light)}.round-button svg{fill:none;stroke:var(--text-secondary);strokeWidth:2;transition:all .25s cubic-bezier(.4,0,.2,1)}.round-button .button-tooltop{color:var(--text-secondary);white-space:nowrap;position:absolute;left:50%;bottom:-90%;transform:translate(-50%);font-weight:500;font-size:11px;transition:all .25s ease;opacity:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.round-button:hover{border:1px solid var(--border-medium);background-color:var(--dropdown-hover)}.round-button:hover svg{fill:none;stroke:var(--text-primary);strokeWidth:2;transform:scale(1.08)}.round-button:hover .button-tooltop{color:var(--text-primary)}.round-button:active{background-color:var(--bg-tertiary);border-color:var(--border-medium);transform:scale(.96)}.mobile-screen-controls{display:flex;width:100%;align-items:center;gap:15px}.round-button-blue{color:#fff;background-color:#ee6055;border:1px solid #EE6055}.round-button-blue:hover{border:1px solid #EE6055;background-color:#ee6055}.round-button-blue svg{fill:none;stroke:#fff;strokeWidth:2}.round-button-blue .button-tooltop{color:#ee6055;white-space:nowrap;position:absolute;left:50%;bottom:-90%;transform:translate(-50%);font-weight:500;transition:opacity .3s ease;opacity:1}.round-button-blue:hover .button-tooltop{color:#ee6055}.round-button-red{color:#fff;background-color:#ca453a;border:1px solid #CA453A}.round-button-red svg{fill:none;stroke:#fff;strokeWidth:2}.round-button-red .button-tooltop{color:#ca453a;white-space:nowrap;position:absolute;left:50%;bottom:-90%;transform:translate(-50%);font-weight:500;transition:opacity .3s ease;opacity:1}.round-button-green{color:#fff;background-color:var(--success);border:1px solid var(--success)}.round-button-green svg{fill:#fff;stroke:#fff}.add-content-button{border:none;background-color:#ee6055;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:11px 14px;gap:5px;box-sizing:border-box;font-size:12px}.add-content-button:hover{background-color:#ca453a}.add-content-button:hover svg{transform:scale(1.4);transition:transform .3s ease}.selected-btn{border:2px solid #EE6055;background-color:#ee6055;color:#fff}.selected-btn:hover{background-color:#fff;color:#ee6055}.grid-icon-svg,.list-icon-svg{cursor:pointer;transition:transform .3s ease}.sort-button{font-family:Roboto,sans-serif;font-weight:500;font-size:13px;height:36px;padding:0 16px;color:var(--sort-button-text);border-radius:8px;cursor:pointer;border:none;margin-left:8px;background-color:var(--sort-button-bg);white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 1px 2px var(--card-shadow)}.sort-button svg{stroke-width:2;color:var(--sort-button-text)}.sort-button-active{background-color:#ee60551a;color:var(--primary);border:1px solid rgba(238,96,85,.2);box-shadow:0 1px 3px #ee605526}[data-theme=dark] .sort-button-active{background-color:#ff6b5e26;border-color:#ff6b5e4d}.sort-button-active svg{color:var(--primary)}.sort-button:hover{background-color:#ee605514;color:var(--primary);box-shadow:0 2px 4px #ee605526;transform:translateY(-1px)}[data-theme=dark] .sort-button:hover{background-color:#ff6b5e1a}.sort-button:hover svg{color:var(--primary)}.sort-button-active:hover{background-color:#ee605526;color:var(--primary);cursor:pointer;box-shadow:0 2px 6px #ee605533;transform:translateY(-1px)}[data-theme=dark] .sort-button-active:hover{background-color:#ff6b5e33}.sort-button-active:hover svg{color:var(--primary)}.sort-text{font-family:Roboto,sans-serif;font-weight:400;font-size:14px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.web-view-hide{display:none}.user-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media only screen and (max-width: 600px){.page-container{padding:0;width:100%}.create-button{display:none}.create-button-mobile-wrapper{display:flex;left:72%;top:77%;z-index:1000}.create-button-mobile-wrapper button{padding-left:0%}.create-button-mobile{font-family:Roboto,sans-serif;font-weight:500;font-size:13px;height:36px;padding:8px 20px;color:#fff;border-radius:12px;cursor:pointer;border:none;margin-right:10px;background-color:#ee6055;white-space:nowrap;transition:all .3s ease;display:flex;box-shadow:0 2px 4px #ee605526;align-items:center}.empty-message-container{width:100%;margin-left:0%}.delete-button{display:none}.goto-button{margin-left:0}.live-icon{margin-right:0;margin-left:20px}.offline-icon{margin-left:20px;margin-right:0}.button-tooltop{display:none}.mobile-view-hide{display:none!important}.web-view-hide{display:flex!important;opacity:1!important}}.playlist-manage-header{width:100%;height:80px;min-height:80px;max-height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box;background-color:var(--bg-secondary);flex-shrink:0;position:relative;z-index:10;border-bottom:1px solid var(--border-light);margin-bottom:0}.playlist-manage-header .playlist-manage-header-left{display:flex;align-items:center;gap:12px;flex:1}.playlist-manage-header .playlist-manage-header-left .playlist-back-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.playlist-manage-header .playlist-manage-header-left .playlist-back-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.playlist-manage-header .playlist-manage-header-left .playlist-header-name{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.playlist-manage-header .playlist-manage-header-left .playlist-media-count{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.playlist-manage-header .playlist-manage-header-right{display:flex;flex-direction:row;align-items:center;gap:12px;flex:1;justify-content:flex-end;flex-wrap:nowrap}.playlist-manage-header .playlist-manage-header-right .playlist-utility-button{display:flex;align-items:center;gap:5px;padding:6px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;position:relative;flex-shrink:0}.playlist-manage-header .playlist-manage-header-right .playlist-utility-button svg{flex-shrink:0;width:14px;height:14px;color:var(--text-secondary);stroke:var(--text-secondary);stroke-width:2.5;transition:all .2s ease}.playlist-manage-header .playlist-manage-header-right .playlist-utility-button span{transition:color .2s ease;letter-spacing:-.01em}.playlist-manage-header .playlist-manage-header-right .playlist-utility-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.playlist-manage-header .playlist-manage-header-right .playlist-utility-button:hover svg{color:var(--text-primary);stroke:var(--text-primary)}.playlist-manage-header .playlist-manage-header-right .playlist-utility-button:active{transform:scale(.98)}.playlist-manage-header .playlist-manage-header-right .header-divider{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:var(--text-tertiary);margin:0 4px;flex-shrink:0}.playlist-manage-header .playlist-manage-header-right .playlist-publish-status{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;white-space:nowrap;flex-shrink:0}.playlist-manage-header .playlist-manage-header-right .playlist-publish-status.unpublished{color:#f59e0b;font-weight:500}.playlist-manage-header .playlist-manage-header-right .playlist-publish-status.published{color:var(--text-tertiary)}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button{padding:10px 20px;height:auto;min-height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;box-sizing:border-box;white-space:nowrap;flex-shrink:0;background-color:#10b981;color:#fff;font-family:Roboto,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b98133;position:relative;overflow:hidden}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 16px #10b98159,0 2px 8px #10b98133;transform:translateY(-2px)}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button:hover:not(:disabled):before{left:100%}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #10b98140;transition:all .1s ease}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button:disabled,.playlist-manage-header .playlist-manage-header-right .playlist-publish-button.disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;opacity:.6;border:1px solid var(--border-light)}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button:disabled:before,.playlist-manage-header .playlist-manage-header-right .playlist-publish-button.disabled:before{display:none}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button:disabled svg,.playlist-manage-header .playlist-manage-header-right .playlist-publish-button.disabled svg{opacity:.5}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button:disabled:hover,.playlist-manage-header .playlist-manage-header-right .playlist-publish-button.disabled:hover{transform:none;box-shadow:none}.playlist-manage-header .playlist-manage-header-right .playlist-publish-button svg{flex-shrink:0;width:18px;height:18px}.playlist-manage-header .playlist-manage-header-right .playlist-push-to-screen-button{padding:10px 20px;height:auto;min-height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;box-sizing:border-box;white-space:nowrap;flex-shrink:0;background-color:var(--primary);color:#fff;font-family:Roboto,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #3b82f633}.playlist-manage-header .playlist-manage-header-right .playlist-push-to-screen-button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 16px #3b82f659,0 2px 8px #3b82f633;transform:translateY(-2px)}.playlist-manage-header .playlist-manage-header-right .playlist-push-to-screen-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3b82f640;transition:all .1s ease}.playlist-manage-header .playlist-manage-header-right .playlist-push-to-screen-button:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;opacity:.6;border:1px solid var(--border-light)}.playlist-manage-header .playlist-manage-header-right .playlist-push-to-screen-button:disabled svg{opacity:.5}.playlist-manage-header .playlist-manage-header-right .playlist-push-to-screen-button:disabled:hover{transform:none;box-shadow:none}.playlist-manage-header .playlist-manage-header-right .playlist-push-to-screen-button svg{flex-shrink:0;width:18px;height:18px}.playlist-manage-page{height:calc(100vh - 80px);max-height:calc(100vh - 80px);overflow:hidden;display:flex;flex-direction:column}.playlist-manage-layout{height:100%;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;position:relative}.playlist-manage-sections-wrapper{display:flex;flex:1;min-height:0;width:100%;overflow:hidden}.playlist-manage-left-section{width:58%;display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;background-color:var(--bg-primary);position:relative;overflow:hidden}.playlist-manage-left-section:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--border-light) 10%,var(--border-light) 90%,transparent 100%);z-index:1;pointer-events:none}.playlist-manage-left-section .playlist-media-preview{background-color:var(--bg-primary);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;overflow:hidden;min-height:0;position:relative;z-index:1}.playlist-manage-left-section .playlist-media-preview .playlist-preview-container-wrapper{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1a1a,#242424,#1a1a1a);height:-moz-fit-content;height:fit-content;box-sizing:border-box;padding:8px 8px 14px;box-shadow:0 25px 50px -12px #0000004d,0 12px 24px -8px #0003,0 4px 8px -2px #0000001a,inset 0 2px 4px #ffffff08;border-radius:20px;overflow:hidden;transition:all .3s ease;aspect-ratio:16/9;position:relative;margin:auto}.playlist-manage-left-section .playlist-media-preview .playlist-preview-container-wrapper:hover{box-shadow:0 35px 70px -15px #00000059,0 15px 30px -10px #0003,0 6px 12px -4px #0000001a;transform:translateY(-2px)}.playlist-manage-left-section .playlist-media-preview .playlist-preview-container-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none;z-index:1;border-radius:20px}.playlist-manage-left-section .playlist-media-preview .playlist-preview-container-wrapper>*{position:relative;z-index:2;width:100%;height:100%;border-radius:12px;overflow:hidden}.playlist-manage-right-section{width:42%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;background-color:var(--bg-primary);overflow:hidden;min-width:0;box-sizing:border-box}.playlist-management-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.playlist-management-content{flex:1;display:flex;flex-direction:column;padding:24px 24px 0;box-sizing:border-box;overflow:hidden;min-height:0;position:relative}.playlist-wrapper{display:flex;flex-direction:column;padding:0;box-sizing:border-box;flex:1;overflow:hidden;min-height:0;position:relative}.playlist-data-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;margin-bottom:0;padding-bottom:0;box-sizing:border-box;position:relative;padding-top:10px;scrollbar-width:none;-ms-overflow-style:none}.playlist-data-wrapper::-webkit-scrollbar{display:none}.playlist-wrapper .screen-content-footer-compact{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin:auto 0 0;width:100%;box-sizing:border-box;flex-shrink:0;background-color:var(--card-bg);z-index:10}.playlist-wrapper .screen-content-footer-compact .screen-content-counts-compact{display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:400;color:var(--text-primary);line-height:1.4}.playlist-wrapper .screen-content-footer-compact .content-count-item-compact{color:var(--text-primary);opacity:.75;transition:opacity .2s ease}.playlist-wrapper .screen-content-footer-compact .content-count-separator-compact{color:var(--text-secondary);opacity:.5;margin:0 4px;font-weight:300}.playlist-wrapper .screen-content-footer-compact .screen-delete-all-link{border:none;background:transparent;padding:4px 8px;margin:-4px -8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s ease;text-decoration:none;flex-shrink:0;border-radius:4px;position:relative}.playlist-wrapper .screen-content-footer-compact .screen-delete-all-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background-color:transparent;transition:background-color .2s ease}.playlist-wrapper .screen-content-footer-compact .screen-delete-all-link:hover{color:var(--error)}.playlist-wrapper .screen-content-footer-compact .screen-delete-all-link:hover:before{background-color:#ef44440f}.playlist-wrapper .screen-content-footer-compact .screen-delete-all-link:active{color:var(--error);opacity:.9}.playlist-wrapper .screen-content-footer-compact .screen-delete-all-link:active:before{background-color:#ef44441a}.playlist-media-grid{width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-top:10px;padding-bottom:0;min-height:-moz-min-content;min-height:min-content}.playlist-media-grid:has(>.screen-content-add-section.screen-empty-state:only-child){justify-content:center;align-items:center;padding-top:0;padding-bottom:0}.playlist-grid-content{height:100%;width:100%;overflow-y:scroll;scrollbar-width:none}.playlist-grid-content::-webkit-scrollbar{display:none}.playlist-grid-content .screen-data-empty{padding:0;margin:0;text-align:center;display:flex;justify-content:center;align-items:center;height:100%}.playlist-info-title{padding:34px 0 28px;display:flex;align-items:center;justify-content:space-between;width:100%}.playlist-media-container{height:75vh;width:64vw;border:1px solid;border-color:#e7ebf0;background-color:#f8f9fb;border-radius:14px;box-sizing:border-box;padding:20px 26px;margin-left:40px}.playlist-grid-media-container{overflow-y:scroll;scrollbar-width:none;height:87%}.media-list-card-skeleton-wrapper{display:grid;grid-template-columns:repeat(1,1fr);justify-content:center}.media-list-card-skeleton{width:520px;height:80px;border-radius:8px;display:flex;align-items:center;margin-bottom:22px;padding-top:12px;padding-bottom:12px;border:1px solid #e7ebf0;background-color:#f8f9fb;box-sizing:border-box}.playlist-data-empty{text-align:center;margin-top:40px;margin-bottom:40px}.mobile-playlist-content{display:none}.playlist-card-loading-skeleton{display:flex;flex-direction:column;padding:0 10px;border-radius:10px;width:98.5%;height:100%;overflow:hidden}@keyframes playlistDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.playlist-manage-mobile-footer,.playlist-manage-mobile-tabs{display:none}@media only screen and (max-width: 600px){.media-list-card-skeleton-wrapper{width:100%}.media-list-card-skeleton{width:100%;height:80px;border-radius:8px;display:flex;align-items:center;margin-bottom:22px;padding-top:12px;padding-bottom:12px;box-sizing:border-box}.playlist-media-container{display:none}.playlist-media-grid{margin-left:0;width:90vw;height:76vh}.playlist-card-loading-skeleton{padding:0;box-sizing:border-box;width:100%}.playlist-manage-page .playlist-manage-header{padding:0 16px;margin-bottom:0;min-height:56px;height:auto;position:sticky;top:0;z-index:100;background-color:var(--bg-secondary)}.playlist-manage-header-left{flex:1;min-width:0}.playlist-manage-header-left .playlist-options-menu{display:flex!important;position:relative;align-items:center;margin-left:auto;flex-shrink:0}.playlist-manage-header-left .playlist-options-menu .playlist-options-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.playlist-manage-header-left .playlist-options-menu .playlist-options-trigger:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.playlist-manage-header-left .playlist-options-menu .playlist-options-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;animation:playlistDropdownFadeIn .15s ease}.playlist-manage-header-left .playlist-options-menu .playlist-options-dropdown .playlist-options-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;color:var(--text-primary);transition:background-color .2s ease}.playlist-manage-header-left .playlist-options-menu .playlist-options-dropdown .playlist-options-item:hover{background-color:#0000000a}.playlist-manage-header-left .playlist-options-menu .playlist-options-dropdown .playlist-options-item svg{flex-shrink:0;color:var(--text-secondary)}.playlist-manage-header-left .playlist-options-menu .playlist-options-dropdown .playlist-options-item.playlist-options-item-danger{color:var(--error)}.playlist-manage-header-left .playlist-options-menu .playlist-options-dropdown .playlist-options-item.playlist-options-item-danger svg{color:var(--error)}.playlist-manage-page{padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}.playlist-manage-mobile-tabs{display:flex;flex-shrink:0;gap:0;padding:0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.playlist-manage-mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.playlist-manage-mobile-tab:active{transform:scale(.98)}.playlist-manage-mobile-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.playlist-manage-mobile-tab svg{flex-shrink:0}.playlist-manage-sections-wrapper{flex-direction:column;overflow:hidden}.playlist-manage-mobile-tab-panel.mobile-tab-inactive{display:none!important}.playlist-manage-mobile-tab-panel.mobile-tab-active{display:flex!important}.playlist-manage-left-section{width:100%!important;flex:1;min-height:0}.playlist-manage-left-section:after{display:none}.playlist-manage-right-section{width:100%!important;flex:1;min-height:0;overflow-y:auto}.playlist-manage-mobile-footer{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:64px;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0));background-color:var(--nav-bg)!important;border-top:1px solid var(--border-light);z-index:1000;justify-content:flex-end;align-items:center;box-shadow:0 -2px 10px #0000000f;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.playlist-manage-mobile-footer .playlist-manage-mobile-footer-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.playlist-manage-mobile-footer .playlist-manage-mobile-footer-status{font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.playlist-manage-mobile-footer .playlist-manage-mobile-footer-status.unpublished{color:#f59e0b;font-weight:500}.playlist-manage-mobile-footer .playlist-manage-mobile-footer-status.published{color:var(--text-tertiary)}.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-save,.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-push{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .2s ease;flex-shrink:0}.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-save:active:not(:disabled),.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-push:active:not(:disabled){transform:scale(.96)}.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-save:disabled,.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-save.disabled,.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-push:disabled,.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-push.disabled{opacity:.6;cursor:not-allowed;box-shadow:none;border:1px solid var(--border-light)}.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-save svg,.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-push svg{flex-shrink:0}.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-save{background-color:#10b981;color:#fff;box-shadow:0 2px 8px #10b98133}.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-save:disabled,.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-save.disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.playlist-manage-mobile-footer button.playlist-manage-mobile-footer-push{display:none!important}.mobile-playlist-content{display:block}.playlist-manage-header-left{gap:8px}.playlist-heading-data{display:none!important}.add-playlist-content-wrapper{width:100%;justify-content:flex-start}.screen-data-empty{width:100%;padding-right:0!important;align-items:center!important}}.login-page{display:flex;height:100vh;background-color:#f6f8fa;padding:2%;box-sizing:border-box}.image-container{width:50%;height:100%;display:flex;justify-content:flex-start;text-align:center}.animated-image{width:100%;height:98%;-o-object-fit:cover;object-fit:cover;top:0;left:0;transition:opacity 1s ease-in-out;opacity:0;border-radius:20px}.animated-image:first-child{opacity:1}.login-container{width:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:relative}.login-container .login-wrapper{display:flex;flex-direction:column;border-radius:14px;box-sizing:border-box;justify-content:center}.login-container .login-wrapper .logo-wrapper{padding-top:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.login-container .login-wrapper .title-wrapper{margin-bottom:20px;justify-content:center;align-items:center;display:flex}.login-container .login-wrapper .title-wrapper p{font-family:Roboto,sans-serif;font-weight:500;font-size:32px;color:#363636;margin:0 0 10px}.login-container .login-wrapper .title-wrapper label{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:var(--text-tertiary);margin:0 0 10px}.login-container .login-wrapper input{font-size:17px;padding:14px 40px 14px 20px;width:360px;border:1px solid #e8eef6;font-family:Roboto,sans-serif;font-weight:400;letter-spacing:1.1px;border-radius:10px;box-sizing:border-box;margin-bottom:12px;background-color:#fff}.login-container input:focus{border:1px solid #EE6055!important;outline:none}.login-container input::-moz-placeholder{color:#999;font-family:Roboto,sans-serif;font-weight:300;letter-spacing:1.1px}.login-container input::placeholder{color:#999;font-family:Roboto,sans-serif;font-weight:300;letter-spacing:1.1px}.login-container p{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:14px;margin:0 0 12px}.login-container button{padding:14px 32px;font-size:16px;background-color:#ee6055;color:#fff;border-radius:10px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:500;margin-top:10px;width:360px}.login-container button:disabled{opacity:.6;cursor:not-allowed}.login-container input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-container .login-footer{display:flex;justify-content:space-between;margin-top:30px}.login-container .login-footer p{cursor:pointer;color:#363636;transition:all .2s ease}.login-container .login-footer p:hover{text-decoration:underline}.login-container .error{color:red;margin:0}.message-container{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;font-family:Roboto,sans-serif;animation:slideIn .3s ease-out;width:360px;box-sizing:border-box}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background-color:#fee;color:#c33;border:1px solid #fcc}.success-message{background-color:#efe;color:#2a2;border:1px solid #cfc}.message-icon{font-size:18px;font-weight:700}.password-input-wrapper{position:relative;display:flex;align-items:center;width:360px}.password-input-wrapper input{flex:1;padding-right:45px;width:100%}.password-input-wrapper .password-toggle-icon{position:absolute;right:12px;top:30%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s}.password-input-wrapper .password-toggle-icon:hover{opacity:.7}.password-input-wrapper .password-toggle-icon:active{opacity:.5}.password-requirements{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:12px 16px;margin:10px 0 15px;width:360px;box-sizing:border-box}.requirements-title{font-size:13px;font-weight:600;color:#495057;margin:0 0 8px;font-family:Roboto,sans-serif}.requirement-list{display:flex;flex-direction:column;gap:6px}.requirement-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d;transition:color .2s ease;font-family:Roboto,sans-serif}.requirement-item.valid{color:#28a745;font-weight:500}.requirement-item.valid .requirement-icon{color:#28a745;font-weight:700}.requirement-icon{font-size:14px;min-width:16px;display:inline-block;text-align:center}@media only screen and (max-width: 600px){.login-page{width:100%;justify-content:center}.login-container{width:100%;margin-right:0;height:750px;padding-left:0}.login-container .login-wrapper{padding-left:4%;padding-top:0%;display:flex;justify-content:space-evenly;height:70%}.login-container .login-wrapper .logo-wrapper{margin-bottom:10px}.login-container .login-wrapper .logo-wrapper svg{height:110.16px;width:120.16px}.login-container .login-wrapper input{font-size:15px;height:40px;font-weight:400;margin-bottom:14px;width:100%}.login-container .login-wrapper .login-footer{margin-top:25px}.login-container .login-wrapper button{margin-top:12px;height:40px;padding:10px}.login-container .login-wrapper p{margin-bottom:10px;font-size:14px}.message-container,.password-input-wrapper,.password-requirements{width:100%}}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1}.main-container{width:100vw;min-height:93vh;height:93vh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}@media only screen and (max-width: 600px){.main-container{padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}}.media-page{padding:0 24px 40px;box-sizing:border-box}.media-page-wrapper{height:100%;width:100%;max-width:100%;display:flex;padding:0;box-sizing:border-box;overflow-x:hidden}.media-page-wrapper-mobile{display:none}.media-list-wrapper{height:100%;width:100%;max-width:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;padding:0;margin:0}.media-list-wrapper::-webkit-scrollbar{display:none}.media-info-wrapper{position:relative;margin-left:10px;margin-top:10px;height:90%;width:27%;border:1px solid;border-color:#e7ebf0;background-color:#f8f9fb;border-radius:14px;overflow:scroll;scrollbar-width:none}.media-page-loading-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,.1fr));padding-bottom:200px;gap:15px;width:100%}.media-card-loading-skeleton{width:100%;padding-top:50%;position:relative;background:var(--skeleton-bg);border-radius:4px;overflow:hidden}.multiple-select-container{width:100%;position:absolute;bottom:0;box-sizing:border-box;display:flex;align-items:center;opacity:0;z-index:9999;background-color:var(--card-bg);box-shadow:var(--card-hover-shadow) 0 3px 8px;transition:height 1s ease-in-out,opacity .3s ease-in-out;height:0;padding-left:80px}.multiple-select-container .multiple-select-buttons{display:flex;gap:15px;width:90vw;justify-content:flex-end;align-items:center}.multiple-select-container.expand{height:8vh;opacity:1;transition-delay:1s}.multiple-select-container.collapse{height:0;opacity:0}.multiple-select-container .select-button{display:flex;align-items:center;font-size:16px;gap:10px;border-radius:6px;justify-content:space-around;padding:5px 10px;box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:400;transition:all .3s;cursor:pointer;background-color:transparent;border:1px solid #EE6055;color:#ee6055}.multiple-select-container .select-button p{margin:0}.multiple-select-container .select-button:hover{background-color:#ee6055;color:#fff}.multiple-select-container .delete-selected-btn{display:flex;align-items:center;font-size:16px;gap:10px;border-radius:6px;justify-content:space-around;padding:5px 10px;box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:400;transition:all .3s;cursor:pointer;background-color:#ee6055;border:1px solid #EE6055;color:#fff}.multiple-select-container .delete-selected-btn:hover{background-color:#e93527;color:#fff}.multiple-select-container .selected-btn{background-color:#ee6055;color:#fff}.multiple-select-container .selected-btn:hover{background-color:#e93527}@media only screen and (max-width: 600px){.media-page-wrapper{width:100%;margin:0;padding-bottom:100px}.media-info-wrapper{display:none}.media-list-wrapper{width:100%}.media-page-loading-skeleton{grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:20px;width:100%;padding-bottom:60px}.media-card-loading-skeleton{width:100%!important;margin:0}.multiple-select-container{padding-left:0}}.header-wrapper{height:auto;min-height:80px;align-items:center;padding:24px 24px 30px 0;display:flex;box-sizing:border-box}.header-wrapper .header-left-wrapper{display:flex}.header-wrapper .header-left-wrapper input[type=file]{display:none}.header-wrapper .header-left-wrapper input:focus{outline:none;border:none}.header-wrapper .header-left-wrapper button{outline:none}.header-wrapper .header-left-wrapper .search-wrapper{position:relative;width:500px;height:54px;margin-right:15px}.header-wrapper .header-left-wrapper .search-wrapper .search-input{font-size:15px;padding:16px 40px 16px 64px;height:54px;width:100%;border:1px solid var(--border-light);font-family:Roboto,sans-serif;font-weight:400;letter-spacing:.3px;border-radius:12px;box-sizing:border-box;position:absolute;left:0;top:0;background-color:var(--input-bg);color:var(--text-primary);transition:all .2s ease}.header-wrapper .header-left-wrapper .search-wrapper .search-icon{position:absolute;left:30px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--primary)}.header-wrapper .header-left-wrapper .search-wrapper .search-icon svg{color:var(--primary);stroke:var(--primary)}.header-wrapper .header-left-wrapper .search-input:focus{outline:none;border:1px solid rgba(238,96,85,.3);background-color:var(--card-bg);box-shadow:0 2px 8px #ee60551f}.header-wrapper .header-left-wrapper .search-input::-moz-placeholder{color:var(--text-tertiary);font-family:Roboto,sans-serif;font-weight:400;letter-spacing:.3px}.header-wrapper .header-left-wrapper .search-input::placeholder{color:var(--text-tertiary);font-family:Roboto,sans-serif;font-weight:400;letter-spacing:.3px}.header-wrapper .header-right-wrapper{display:flex!important;align-items:center}.header-wrapper .header-right-wrapper .sort-icon{height:100%;display:flex;align-items:center;justify-content:center;padding-left:10px}.header-wrapper .header-right-wrapper .sort-icon svg{fill:var(--text-secondary)}.header-wrapper .header-right-wrapper .sort-icon svg:hover{fill:#ee6055;transition:.1s ease-in-out}@media only screen and (max-width: 600px){.header-wrapper{height:77px;padding-bottom:15px;padding-top:10px;width:100%!important;padding-right:0;flex-direction:column}.header-wrapper-media-mobile{height:auto;min-height:auto;padding-bottom:15px;padding-top:10px;gap:12px}.header-wrapper-media-mobile .header-left-wrapper{order:1;width:100%!important}.header-wrapper-media-mobile .header-left-wrapper .search-wrapper{width:100%!important;margin-right:0!important}.header-wrapper-media-mobile .header-right-wrapper{order:2;padding:0}.search-wrapper{justify-content:center;width:100%!important;padding-left:0;margin-right:0!important}.search-wrapper .search-input{width:100%!important;height:40px;font-size:16px!important;margin-right:0!important}.header-left-wrapper{width:100%!important;justify-content:center}.header-right-wrapper{display:flex;width:100%!important;padding:15px 0;justify-content:space-between}.search-icon{top:50%!important;transform:translateY(-50%)!important;display:flex;align-items:center}.search-icon svg{height:19px}}.media-list-container{display:grid;grid-template-columns:repeat(5,1fr);padding:12px 12px 225px;gap:18px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}@media screen and (min-width: 1600px){.media-list-container{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 1200px) and (max-width: 1599px){.media-list-container{grid-template-columns:repeat(4,1fr);gap:16px;padding:12px 12px 225px}}@media screen and (min-width: 900px) and (max-width: 1199px){.media-list-container{grid-template-columns:repeat(3,1fr);gap:16px;padding:12px 12px 225px}}@media screen and (min-width: 600px) and (max-width: 899px){.media-list-container{grid-template-columns:repeat(2,1fr);gap:14px;padding:12px 12px 225px}}@media screen and (max-width: 599px){.media-list-container{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:12px 0 225px;width:100%;box-sizing:border-box}.media-list-container .media-card{width:100%;max-width:100%;flex-shrink:0;box-sizing:border-box}}.content-modal-media-grid{margin-top:43px}.media-card{position:relative;width:100%;max-width:100%;min-width:0;min-height:0;background:var(--card-bg);border-radius:10px;border:1px solid var(--border-light);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;isolation:isolate;box-sizing:border-box;align-self:start}.media-card:hover{cursor:pointer;border-color:var(--border-medium);box-shadow:0 4px 12px var(--card-hover-shadow),0 2px 6px var(--card-shadow);transform:translateY(-2px)}.media-card:hover .media-image-actions-overlay{opacity:1;visibility:visible}.media-card:hover .checkbox-overlay{display:flex;animation:fadeInCheckbox .2s ease}.media-card.selected{border:2px solid var(--primary);box-shadow:0 0 0 3px var(--primary-light),0 4px 12px var(--card-hover-shadow)}.media-card.selected .media-image-actions-overlay{opacity:1;visibility:visible}.media-card.selected .checkbox-overlay{display:flex}.media-card .media-image-container{width:100%;aspect-ratio:16/9;position:relative;border-radius:10px 10px 0 0;background:var(--bg-tertiary);overflow:hidden;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.media-card .media-image-container:hover .media-image-actions-overlay{opacity:1;visibility:visible}.media-card .media-image-container img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block}.media-card .media-image-container .web-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.media-card .media-image-container .web-link svg{opacity:.8;transition:all .2s ease}.media-card .media-image-container:hover .web-link svg{opacity:1;transform:scale(1.05)}.media-card .media-image-container .media-play-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:8;pointer-events:none;border-radius:50%;padding:8px;font-family:Roboto,sans-serif}.media-card .media-image-actions-overlay{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-start;padding:10px;gap:6px;z-index:15;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.08) 0%,rgba(0,0,0,.03) 30%,transparent 60%);border-radius:8px 8px 0 0;box-sizing:border-box}.media-card .media-image-actions-overlay .image-action-checkbox{pointer-events:all;order:3;display:flex;align-items:center;justify-content:center}.media-card .media-image-actions-overlay .image-action-checkbox input[type=checkbox]{width:28px;height:28px;margin:0;padding:0;background-color:var(--card-bg);border:2px solid var(--primary);border-radius:7px;-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px var(--card-shadow);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-card .media-image-actions-overlay .image-action-checkbox input[type=checkbox]:hover{background-color:var(--primary-light);border-color:var(--primary);box-shadow:0 3px 10px var(--card-hover-shadow);transform:scale(1.08)}.media-card .media-image-actions-overlay .image-action-checkbox input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 3px 12px var(--card-hover-shadow)}.media-card .media-image-actions-overlay .image-action-checkbox input[type=checkbox]:checked:before{opacity:0}.media-card .media-image-actions-overlay .image-action-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;border-radius:1px;opacity:1}.media-card .media-image-actions-overlay .image-action-checkbox input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px var(--primary-light)}.media-card .media-image-actions-overlay .image-action-checkbox .checked-badge{width:28px;height:28px;background-color:#ee6055;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #ee60554d;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.media-card .media-image-actions-overlay .image-action-checkbox .checked-badge:hover{transform:scale(1.08);box-shadow:0 4px 14px #ee605566}.media-card .media-image-actions-overlay .image-action-button{width:30px;height:30px;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px var(--card-shadow);padding:0;pointer-events:all;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-card .media-image-actions-overlay .image-action-button:hover{background-color:var(--dropdown-hover);border-color:var(--primary);box-shadow:0 4px 12px var(--card-hover-shadow);transform:translateY(-1px)}.media-card .media-image-actions-overlay .image-action-button:hover svg{color:var(--primary);stroke-width:2.5}.media-card .media-image-actions-overlay .image-action-button:active{transform:scale(.96)}.media-card .media-image-actions-overlay .image-action-button svg{stroke-width:2;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-primary)}.media-card .media-image-actions-overlay .image-action-rename{order:1}.media-card .media-image-actions-overlay .image-action-delete{order:2}.media-card .media-image-actions-overlay .image-action-delete:hover svg{color:var(--error)}.media-card>div[title="Processing video… this won't take long!"]{width:100%;padding-top:56.25%;position:relative}.media-card .media-processing-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;border-radius:6px 6px 0 0/6px 6px 0px 0px;background-color:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:url(/assets/color-full-COTzfa3q.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;filter:blur(10px) brightness(.8)}.media-card .processing-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;display:flex;justify-content:center;align-items:center}.media-card .processing-loader .lds-spinner,.media-card .processing-loader .lds-spinner div,.media-card .processing-loader .lds-spinner div:after{box-sizing:border-box}.media-card .processing-loader .lds-spinner{color:#ee6055;display:inline-block;position:relative;width:80px;height:80px}.media-card .processing-loader .lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.media-card .processing-loader .lds-spinner div:after{content:" ";display:block;position:absolute;top:3.2px;left:36.8px;width:6.4px;height:17.6px;border-radius:20%;background:currentColor}.media-card .processing-loader .lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.media-card .processing-loader .lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.media-card .processing-loader .lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.media-card .processing-loader .lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.media-card .processing-loader .lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.media-card .processing-loader .lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.media-card .processing-loader .lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.media-card .processing-loader .lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.media-card .processing-loader .lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.media-card .processing-loader .lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.media-card .processing-loader .lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.media-card .processing-loader .lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.media-card .checked-overlay{display:flex;justify-content:flex-end;align-items:flex-start;width:auto;height:auto}.media-card .checked-overlay svg{width:24px;height:24px;background-color:#ee6055;border-radius:6px;padding:4px;box-shadow:0 2px 8px #ee60554d;transition:all .2s ease}.media-card .selected-content-overlay{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.media-card .selected-content-overlay .checked-overlay{display:flex;justify-content:flex-end;align-items:flex-start;width:auto;height:auto}.media-card .selected-content-overlay .checked-overlay svg{width:24px;height:24px;background-color:#ee6055;border-radius:6px;padding:4px;box-shadow:0 3px 10px #ee60554d}.media-card .dotMenu-wrapper{display:flex;width:70px;height:50px;align-items:center;justify-content:flex-end;position:relative}.media-card .dotMenu-wrapper svg{margin-left:30px;margin-right:20px;fill:#ee6055}.media-card .dotMenu-wrapper:hover svg{fill:#ee6055}.media-card .media-name-wrapper{display:flex;flex-direction:column;gap:8px;padding:14px 16px;width:100%;min-width:0;max-width:100%;border:none;border-top:1px solid var(--border-light);border-bottom-left-radius:10px;border-bottom-right-radius:8px;box-sizing:border-box;background-color:var(--card-bg);flex-shrink:0;overflow:hidden;min-height:0}.media-card .media-card-row-first{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:0;gap:8px}.media-card .media-card-title{color:var(--text-primary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.01em}.media-card .media-type-badge,.media-card .media-type-badge-portrait{display:flex;align-items:center;gap:3px;background-color:#ee60550f;color:var(--text-secondary);border:1px solid rgba(238,96,85,.12);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:500;font-family:Roboto,sans-serif;white-space:nowrap;line-height:1.3;letter-spacing:-.01em}[data-theme=dark] .media-card .media-type-badge,[data-theme=dark] .media-card .media-type-badge-portrait{background-color:#ff6b5e1a;border-color:#ff6b5e33}.media-card .media-type-badge svg,.media-card .media-type-badge-portrait svg{flex-shrink:0;width:10px;height:10px;color:var(--text-secondary)}.media-card .media-card-row-second{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;overflow:hidden}.media-card .media-info-text{font-family:Roboto,sans-serif;font-weight:400;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1;line-height:1.5}.media-card .media-info-url{flex:1;max-width:100%}.media-card .status-dot{font-size:10px;color:var(--text-tertiary);margin:0 2px}.media-card .orientation-indicator{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.media-card .orientation-indicator .orientation-icon{width:8px;height:10px;border:1.5px solid var(--text-secondary);border-radius:2px}.media-card .media-name-right{display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px;padding:4px}.media-card .media-name-right svg{fill:var(--text-secondary);transition:fill .2s ease}.media-card .media-name-right:hover svg{fill:#ee6055}.checkbox-overlay{position:absolute;width:100%;height:100%;display:none;justify-content:flex-end;align-items:flex-start;padding:12px;box-sizing:border-box;left:0;top:0;z-index:10;pointer-events:none}.checkbox-overlay>div{position:relative;width:24px;height:24px}.checkbox-overlay input{cursor:pointer;pointer-events:all;width:28px;height:28px;margin:0;padding:0;background-color:var(--card-bg);border:2px solid #EE6055;border-radius:7px;-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;transition:all .2s ease;box-shadow:0 2px 6px #00000026,0 0 0 1px #ee60551a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkbox-overlay input:hover{background-color:#ee605514;border-color:#ee6055;box-shadow:0 3px 10px #ee605540,0 0 0 2px #ee605526;transform:scale(1.08)}.checkbox-overlay input:checked{background-color:#ee6055;border-color:#ee6055;box-shadow:0 3px 12px #ee605559}.checkbox-overlay input:checked:before,.checkbox-overlay input:checked:after{opacity:0}.checkbox-overlay input:checked:after{content:"";opacity:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;border-radius:1px}.checkbox-overlay input:focus{outline:none;box-shadow:0 0 0 3px #ee605533}.media-card-overlay{position:absolute;width:100%;height:100%;background-color:#ee605514;display:flex;justify-content:flex-end;align-items:flex-start;padding:12px;box-sizing:border-box;left:0;top:0;border-radius:8px 8px 0 0;z-index:10;transition:all .2s ease;pointer-events:none}@keyframes fadeInCheckbox{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInActionButton{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upload-plus-card{border:2px dashed rgba(238,96,85,.3)!important;position:relative}.upload-plus-card:hover{background-color:#ee60550d!important;border-color:#ee6055!important;box-shadow:#ee605533 0 4px 12px!important;transform:translateY(-2px)!important}.upload-plus-card .upload-card-structure{display:flex;flex-direction:column;width:100%;visibility:hidden;pointer-events:none}.upload-plus-card .upload-card-structure .upload-image-spacer{width:100%;aspect-ratio:16/9;flex-shrink:0}.upload-plus-card .upload-card-structure .upload-details-spacer{display:flex;flex-direction:column;gap:8px;padding:14px 16px;flex-shrink:0}.upload-plus-card .upload-card-structure .upload-details-spacer:before{content:"Placeholder Title Text";font-size:14px;line-height:20px;opacity:0}.upload-plus-card .upload-card-structure .upload-details-spacer:after{content:"Placeholder • 1.05 MB";font-size:12px;line-height:18px;opacity:0}.upload-plus-card .upload-card-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:1}.upload-plus-card .upload-plus-text{font-family:Roboto,sans-serif;font-weight:500;font-size:14px;color:#ee6055;margin:0}.media-quality-card{background-color:#f24b26b3;color:#fff;border:1px solid #EE6055;position:absolute;display:flex;justify-content:flex-end;align-items:center;left:0;top:0;z-index:8;border-radius:4px;margin:10px 10px 8px;font-size:10px;font-family:Roboto,sans-serif;font-weight:500;letter-spacing:1px;height:20px;padding:0 8px}.media-skeleton-content-modal{display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:200px;gap:16px;width:850px;margin-top:43px}.empty-message-content-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:360px;text-align:center;margin:32px auto 0;padding:0 16px;box-sizing:border-box}.empty-message-content-modal .empty-icon{width:180px;max-width:100%;margin-bottom:16px;opacity:.92}.empty-message-content-modal .empty-icon svg{width:100%;height:auto;display:block}.empty-message-content-modal .empty-message-content{display:flex;flex-direction:column;align-items:center;gap:4px}.empty-message-content-modal h2{color:var(--text-primary);font-size:15px;font-weight:500;margin:0;letter-spacing:-.01em;font-family:Roboto,sans-serif}.empty-message-content-modal p{color:var(--text-secondary);font-size:13px;margin:0;font-family:Roboto,sans-serif;font-weight:400;line-height:1.5}.empty-message-content-modal .button-wrapper{margin-top:10px}.empty-message-content-modal .button-wrapper button{margin-right:10px;border:none;background-color:transparent;color:#ee6055;font-size:13px;font-family:Roboto,sans-serif;font-weight:400;padding:6px 10px;border-radius:6px;cursor:pointer}.empty-message-content-modal .button-wrapper button:hover{background-color:#ee6055;color:#fff}.media-info-container{display:grid;justify-content:center;align-items:center;overflow:hidden}.media-info-container .media-info-title{font-family:Roboto,sans-serif;font-weight:500;font-size:16px;margin-bottom:4%;margin-top:5%;color:var(--text-secondary)}.media-info-container .media-info-player{width:100%;height:549px;display:flex;justify-content:center;align-items:center;z-index:999}.media-info-container .media-info-player video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.media-info-container .media-info-image{width:100%;height:549px;background-size:contain;background-repeat:no-repeat;background-position:center;border-top-left-radius:4px;border-top-right-radius:4px}.media-info-container .media-info-image img{width:100%;height:100%;border-top-left-radius:4px;border-top-right-radius:4px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.media-info-container .media-info-iframe{width:100%;height:549px;border-top-left-radius:4px;border-top-right-radius:4px}.media-info-container .media-info-iframe ::-webkit-scrollbar{display:none;width:0px}.media-info-container .media-info-list-wrapper{align-items:center;display:flex;justify-content:center;height:60px;background-color:var(--card-bg)}.media-info-container .media-info-list .media-info-item{display:flex;padding:12px;box-sizing:border-box}.media-info-container .media-info-list .media-info-item .media-item-title{margin-right:10px}.media-grid-container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;box-sizing:border-box;padding:0 0 400px;width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible;align-items:start}.media-grid-container .media-card{min-width:0;max-width:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.content-container .media-grid-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:12px 12px 200px}@media screen and (min-width: 1200px) and (max-width: 1599px){.content-container .media-grid-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 12px 200px}}@media screen and (min-width: 900px) and (max-width: 1199px){.content-container .media-grid-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 12px 200px}}@media screen and (max-width: 899px){.content-container .media-grid-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px 8px 200px}.content-container .media-grid-container .media-card{width:100%;max-width:100%;min-width:0}}@media screen and (min-width: 1600px){.media-grid-container{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (min-width: 1200px) and (max-width: 1599px){.media-grid-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 0 400px}}@media screen and (min-width: 900px) and (max-width: 1199px){.media-grid-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 0 400px}}@media screen and (min-width: 600px) and (max-width: 899px){.media-grid-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 0 400px}}@media screen and (max-width: 599px){.media-grid-container{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:12px 0 400px;width:100%;box-sizing:border-box}.media-grid-container .media-card{width:100%;max-width:100%;flex-shrink:0;box-sizing:border-box}}@media only screen and (max-width: 600px){.media-list-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;padding:8px 8px 225px;box-sizing:border-box}.media-list-container .media-card{width:100%;max-width:100%;min-width:0}.media-page .media-grid-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:8px 8px 400px!important;flex-direction:unset!important}.media-page .media-grid-container .media-card{width:100%!important;max-width:100%!important;min-width:0!important;flex-shrink:0!important;border-radius:8px}.media-page .media-grid-container .media-card .media-image-container{aspect-ratio:16/9;border-radius:8px 8px 0 0}.media-page .media-grid-container .media-card .media-name-wrapper{padding:8px 10px 10px;border-radius:0 0 8px 8px}.media-page .media-grid-container .media-card .media-card-title{font-size:11px;font-weight:600;line-height:1.35}.media-page .media-grid-container .media-card .media-type-badge,.media-page .media-grid-container .media-card .media-type-badge-portrait{padding:2px 5px;font-size:9px}.media-page .media-grid-container .media-card .media-type-badge svg,.media-page .media-grid-container .media-card .media-type-badge-portrait svg{width:8px;height:8px}.media-page .media-grid-container .media-card .media-info-text{font-size:9px}.media-page .media-grid-container .media-card .status-dot{font-size:8px}.media-page .media-grid-container .media-card .media-card-row-first,.media-page .media-grid-container .media-card .media-card-row-second{gap:4px}.media-page .media-grid-container .media-card .media-card-row-second .media-info-extension,.media-page .media-grid-container .media-card .media-card-row-second .media-info-extension+.status-dot{display:none!important}.media-skeleton-content-modal{grid-template-columns:repeat(1,1fr);grid-column-gap:10px;grid-row-gap:20px;width:100%;padding-bottom:150px;margin-top:35px}.media-info-container{width:100%!important;height:96%}.media-info-player{width:380px!important}.media-info-image{width:350px!important;height:300px!important}.media-info-list-wrapper{display:none!important;height:70%;overflow:scroll;scrollbar-width:none}.media-info-item{margin-bottom:0!important}.media-grid-container{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:12px 0 400px!important;width:100%!important;box-sizing:border-box!important}.media-grid-container .media-card{width:100%!important;max-width:100%!important;flex-shrink:0!important}.content-container .upload-plus-card{display:none!important}.content-container .media-grid-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:4px 8px 200px!important;flex-direction:unset!important}.content-container .media-grid-container .media-card{width:100%!important;max-width:100%!important;min-width:0!important;flex-shrink:0!important;border-radius:8px;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;border-color:var(--border-light)}.content-container .media-grid-container .media-card .media-image-container{aspect-ratio:16/9;border-radius:8px 8px 0 0}.content-container .media-grid-container .media-card .media-name-wrapper{padding:8px 10px 10px;border-radius:0 0 8px 8px}.content-container .media-grid-container .media-card .media-card-title{font-size:11px;font-weight:600;line-height:1.35}.content-container .media-grid-container .media-card .media-type-badge,.content-container .media-grid-container .media-card .media-type-badge-portrait{padding:2px 5px;font-size:9px}.content-container .media-grid-container .media-card .media-type-badge svg,.content-container .media-grid-container .media-card .media-type-badge-portrait svg{width:8px;height:8px}.content-container .media-grid-container .media-card .media-info-text{font-size:9px}.content-container .media-grid-container .media-card .status-dot{font-size:8px}.content-container .media-grid-container .media-card .media-card-row-first,.content-container .media-grid-container .media-card .media-card-row-second{gap:4px}.content-container .media-grid-container .media-card .media-card-row-second .media-info-extension,.content-container .media-grid-container .media-card .media-card-row-second .media-info-extension+.status-dot{display:none!important}.content-container .media-grid-container .media-card .upload-plus-card .upload-card-structure .upload-details-spacer{padding:8px 10px 10px!important;gap:0!important;min-height:0!important;height:33px!important}.content-container .media-grid-container .media-card .upload-plus-card .upload-card-structure .upload-details-spacer:before{font-size:11px!important;line-height:15px!important}.content-container .media-grid-container .media-card .upload-plus-card .upload-card-structure .upload-details-spacer:after{display:none!important}.content-container .media-grid-container .media-card .upload-plus-card .upload-card-content{gap:6px}.content-container .media-grid-container .media-card .upload-plus-card .upload-card-content svg{width:28px!important;height:28px!important}.content-container .media-grid-container .media-card .upload-plus-card .upload-plus-text{font-size:11px!important}.content-modal-media-grid{margin-top:47px}}.empty-message-content-modal{width:100%!important;margin-left:0!important}.verification-container{background:var(--modal-overlay);position:absolute;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.verification-container .verification-wrapper .verification-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light)}.verification-container .verification-wrapper .verification-message{border-radius:8px;background-color:transparent;padding:20px 30px;display:flex;flex-direction:column;white-space:wrap;width:85%}.verification-container .verification-wrapper .verification-footer .delete-button-verification{background-color:#ee6055;color:#fff;transition:background-color .3s;margin-right:0;padding:15px 32px;font-size:16px;border-radius:6px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:400;opacity:.9;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.verification-container .verification-wrapper .verification-footer .delete-button:hover{background-color:#cd2d09}.verification-container .delete-item-span{color:#ee6055;word-wrap:break-word}@media only screen and (max-width: 600px){.verification-container{position:fixed!important}}.rename-modal-container{background:var(--modal-overlay);position:fixed;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.rename-modal-container .rename-modal-content-wrapper{width:420px;background-color:var(--modal-bg);border-radius:8px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;position:relative;padding-bottom:66px}.rename-modal-container .rename-modal-content-wrapper .rename-modal-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light)}.rename-modal-container .rename-modal-content-wrapper .rename-modal-content{border-radius:8px;background-color:transparent;padding:20px 30px;display:flex;flex-direction:column}.rename-modal-container .rename-modal-content-wrapper .rename-modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px 16px 28px;border-top:1px solid var(--border-light);position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box}@media only screen and (max-width: 600px){.rename-modal-content-wrapper{width:90%!important}}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%) scaleX(0);transform-origin:center center;display:flex;align-items:center;gap:12px;padding:14px 20px;min-height:52px;min-width:320px;max-width:480px;border-radius:12px;background:#fff;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:14px;z-index:999999;box-shadow:0 4px 20px #0000001f,0 2px 8px #00000014;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) scaleX(1);pointer-events:auto}.toast.hide{opacity:0;transform:translate(-50%) scaleX(0);pointer-events:none}.toast-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.toast-success .toast-icon{background:#34a853}.toast-error .toast-icon{background:#dc3545}.toast-message{flex:1;min-width:0}.toast-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:6px;transition:color .15s,background-color .15s}.toast-close:hover{color:#6b7280;background:#0000000a}.toast-close:focus{outline:none;color:#374151}.toast-close:focus-visible{outline:2px solid #34a853;outline-offset:2px}.upload-notification{position:fixed;bottom:24px;right:24px;width:400px;max-width:calc(100vw - 48px);z-index:10000;background-color:var(--card-bg);border-radius:14px;box-shadow:0 4px 20px var(--card-shadow);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.upload-notification-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light)}.upload-notification-header .upload-notification-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.upload-header-right{display:flex;gap:2px;align-items:center}.upload-header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-tertiary);transition:color .15s,background .15s}.upload-header-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.upload-notification-content{padding:0;max-height:300px;overflow-y:auto;scrollbar-width:thin;text-align:left}.upload-notification-content::-webkit-scrollbar{width:5px}.upload-notification-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.upload-card{display:block;padding:12px 16px;border-bottom:1px solid var(--border-light);width:100%;box-sizing:border-box}.upload-card:last-child{border-bottom:none}.upload-card.upload-card-success .upload-progress-fill{background:var(--success)}.upload-card.upload-card-success .upload-status{color:var(--success)}.upload-card.upload-card-progress .upload-progress-fill{background:var(--success)}.upload-card.upload-card-progress .upload-status{color:var(--text-tertiary)}.upload-card-main{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto;gap:12px;align-items:start;width:100%;margin-bottom:10px;box-sizing:border-box}.upload-file-preview{grid-column:1;width:44px;height:44px}.upload-thumbnail{width:44px;height:44px;-o-object-fit:cover;object-fit:cover;border-radius:8px;background:var(--bg-tertiary);display:block}.upload-thumbnail-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--primary);border-radius:8px}.upload-card-info{grid-column:2;min-width:0;text-align:left}.upload-filename{font-size:13px;font-weight:500;color:var(--text-primary);margin:0 0 1px;line-height:1.35}.upload-status{font-size:11px;font-weight:500;margin:0}.upload-filesize{font-size:10px;font-weight:500;color:var(--text-tertiary);margin:2px 0 0}.upload-progress-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;width:100%;box-sizing:border-box}.upload-progress-bar{grid-column:1;min-width:0;height:6px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;min-width:0;border-radius:2px;transition:width .2s ease-out}.upload-progress-meta{grid-column:2;display:flex;align-items:center;gap:6px;flex-shrink:0}.upload-percent{font-size:11px;font-weight:600;color:var(--text-secondary)}.upload-status-badge{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border-radius:50%}.upload-status-pending{border:2px solid var(--border-medium);background:transparent}.upload-status-complete{background:var(--success);color:#fff;border:none}.minimised-upload-content{display:none}@media only screen and (max-width: 600px){.upload-notification{bottom:16px;right:16px;left:16px;width:auto}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.media-player-large-modal-container{background:var(--modal-overlay);position:absolute;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.media-player-large-modal-container .media-large-modal-content-wrapper{background-color:#000;overflow:hidden;position:relative;border-radius:10px}.media-player-large-modal-container .media-large-modal-content-wrapper .large-modal-header{display:none;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid #e7ebf0}.media-player-large-modal-container .media-large-modal-content-wrapper .large-modal-content{border-radius:8px;height:100%;overflow:scroll;scrollbar-width:none}.media-player-large-modal-container .media-large-modal-content-wrapper .large-modal-footer{display:flex;justify-content:flex-end;align-items:flex-end;padding:16px 20px 16px 28px;border-top:1px solid var(--border-light);position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box;background-color:var(--modal-bg);z-index:99}.media-player-large-modal-container .media-large-modal-content-wrapper .media-info-edits{position:absolute;right:2%;top:3%;display:flex;flex-direction:column;gap:10px}.media-player-large-modal-container .media-large-modal-content-wrapper .media-info-button{width:32px;height:32px;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;z-index:1000;cursor:pointer;border:1px solid var(--border-light);transition:all .2s ease}.media-player-large-modal-container .media-large-modal-content-wrapper .media-info-button svg{width:18px;height:18px;color:#111!important;stroke:#111!important;flex-shrink:0}.media-player-large-modal-container .media-large-modal-content-wrapper .media-info-button:hover{background-color:var(--dropdown-hover);border-color:var(--border-medium)}.media-player-large-modal-container .content-navigation-container{height:5vh;margin:0}.media-player-large-modal-container .content-navigation-container ul,.media-player-large-modal-container .content-navigation-container li{list-style-type:none;display:flex;margin:0;height:100%;align-items:center}.media-player-large-modal-container .content-navigation-container li{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:15px;margin-right:40px;padding:0 2px;border-bottom:3px solid transparent;cursor:pointer}.media-player-large-modal-container .content-navigation-container li p{margin:0}.media-player-large-modal-container .content-navigation-container .active-link{border-bottom:3px solid #EE6055}.media-player-large-modal-container .content-navigation-container .active-link p{color:#ee6055;margin:0;font-weight:500}.media-player-large-modal-container .content-navigation-container a{text-decoration:none;color:#363636}.content-container{height:65vh;width:850px;overflow:scroll}@media only screen and (max-width: 600px){.content-navigation-container{margin-bottom:3%!important}.content-navigation-container p{font-size:14px!important}.content-container{width:93%;padding:0% 3.5% 30%;scrollbar-width:none;margin-top:0}}@media only screen and (max-width: 600px){.medium-modal-content-wrapper{bottom:7%;width:88%!important}}.module-intro-modal-container{background:var(--modal-overlay);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;font-family:Roboto,sans-serif}.module-intro-modal-container .module-intro-modal-wrapper{width:100%;max-width:560px;max-height:85vh;background-color:var(--modal-bg);border-radius:8px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.module-intro-modal-container .module-intro-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light);flex-shrink:0}.module-intro-modal-container .module-intro-modal-header .title-large{white-space:normal;line-height:1.3;margin:0}.module-intro-modal-container .module-intro-modal-header .module-intro-modal-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;border-radius:6px;padding:0;flex-shrink:0}.module-intro-modal-container .module-intro-modal-header .module-intro-modal-close-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.module-intro-modal-container .module-intro-modal-content{padding:20px 28px 24px;overflow-y:auto;box-sizing:border-box}.module-intro-modal-container .module-intro-modal-content .module-intro-description{font-size:14px;line-height:1.55;color:var(--text-primary);margin:0 0 16px;font-weight:500}.module-intro-modal-container .module-intro-modal-content .module-intro-paragraph{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0 0 14px}.module-intro-modal-container .module-intro-modal-content .module-intro-block{margin-bottom:16px}.module-intro-modal-container .module-intro-modal-content .module-intro-block:last-child{margin-bottom:0}.module-intro-modal-container .module-intro-modal-content .module-intro-heading{font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.module-intro-modal-container .module-intro-modal-content .module-intro-list{margin:0;padding-left:20px;font-size:14px;line-height:1.55;color:var(--text-secondary)}.module-intro-modal-container .module-intro-modal-content .module-intro-list li{margin-bottom:8px}.module-intro-modal-container .module-intro-modal-content .module-intro-list li:last-child{margin-bottom:0}.module-intro-modal-container .module-intro-modal-content .module-intro-highlight{color:#ee6055;font-weight:600}.module-intro-modal-container .module-intro-modal-content .module-intro-tip{margin-top:16px;padding:12px 14px;border-radius:6px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-light)}.module-intro-modal-container .module-intro-modal-content .module-intro-tip .module-intro-paragraph{margin-bottom:0}@media only screen and (max-width: 600px){.module-intro-modal-container{padding:16px}.module-intro-modal-container .module-intro-modal-wrapper{max-width:100%;max-height:90vh}.module-intro-modal-container .module-intro-modal-header{padding:16px 20px}.module-intro-modal-container .module-intro-modal-content{padding:16px 20px 20px}.module-intro-modal-container .module-intro-modal-content .module-intro-description,.module-intro-modal-container .module-intro-modal-content .module-intro-paragraph,.module-intro-modal-container .module-intro-modal-content .module-intro-list{font-size:13px}}.site-header-container{width:100vw;background-color:var(--bg-primary)}.site-header-container-mobile{display:none}.site-header-wrapper{height:8vh;width:100%;margin:0;border-bottom:1px solid var(--border-light);display:flex;justify-content:flex-start;align-items:center;padding:0 24px}@media only screen and (max-width: 600px){.site-header-container-mobile{display:flex;justify-content:space-between;border:1px solid #e7ebf0;height:60px;align-items:center;padding:0 20px}.site-header-container-mobile svg{width:auto;height:27px}.site-header-container-mobile .user-mobile{cursor:pointer}.site-header-container-mobile .user-mobile .sidebar-button{background-color:transparent;border:0;padding:0}.site-header-container-mobile .user-mobile svg{height:25px;width:auto}}.navigation-container{width:100vw;height:7vh;display:flex;justify-content:space-between;border-bottom:1px solid var(--border-light);margin-top:8px;padding:0 24px;box-sizing:border-box;background-color:var(--bg-primary);transition:background-color .3s ease,border-color .3s ease}.navigation-container .navigation-wrapper{margin:0;display:flex;align-items:center;gap:40px;height:7vh}.navigation-container .navigation-wrapper>div:first-child{display:flex;align-items:center}.navigation-container .navigation-wrapper ul,.navigation-container .navigation-wrapper li{list-style-type:none;display:flex;margin:0;height:98%;align-items:center}.navigation-container .navigation-wrapper li{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-style:normal;font-size:15px;margin-right:36px;padding:0 4px;border-bottom:3px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.navigation-container .navigation-wrapper li a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--nav-text);transition:all .2s cubic-bezier(.4,0,.2,1);padding:6px 0}.navigation-container .navigation-wrapper li svg{flex-shrink:0;color:var(--nav-text);stroke:var(--nav-text);strokeWidth:2.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.navigation-container .navigation-wrapper li .nav-new-badge{font-size:9px;font-weight:700;line-height:0;color:var(--primary, #ee6055);margin-left:2px;vertical-align:super;position:relative;top:-.15em}.navigation-container .navigation-wrapper li p{margin:0;line-height:1.4;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navigation-container .navigation-wrapper li:hover a{color:var(--primary)}.navigation-container .navigation-wrapper li:hover svg{color:var(--primary);stroke:var(--primary)}.navigation-container .navigation-wrapper .active-link{border-bottom:3px solid var(--nav-active)}.navigation-container .navigation-wrapper .active-link a{color:var(--nav-active)}.navigation-container .navigation-wrapper .active-link svg{color:var(--nav-active)!important;stroke:var(--nav-active)!important;strokeWidth:2.5}.navigation-container .navigation-wrapper .active-link p{color:var(--nav-active);margin:0;font-weight:600;font-size:15px}.navigation-container .navigation-wrapper .active-link .nav-new-badge{color:var(--nav-active)}.navigation-container .user-icon{height:7vh;display:flex;align-items:center;position:relative}.navigation-container .user-icon img{width:45px;height:45px;border-radius:50%;cursor:pointer;background-color:var(--bg-tertiary);border:2px solid var(--border-light);transition:border-color .3s ease}.navigation-container .user-icon img:hover{border-color:#ee6055}.navigation-container .user-icon svg{width:20px;height:20px;cursor:pointer;fill:#ee6055}.userPopup-wrapper{position:absolute;top:calc(100% + 12px);right:0;z-index:10000;animation:popupFadeIn .2s cubic-bezier(.4,0,.2,1)}.userPopup-wrapper:before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:var(--dropdown-bg);border-left:1px solid var(--border-light);border-top:1px solid var(--border-light);transform:rotate(45deg);z-index:1}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.userPopup-menu{background:var(--dropdown-bg);border:1px solid var(--border-light);box-shadow:0 8px 24px var(--card-shadow),0 4px 12px var(--card-shadow);width:240px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;padding:0;box-sizing:border-box;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .3s ease,border-color .3s ease}.userPopup-menu .userPopup-header{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:17px;padding:20px 20px 6px;text-align:left;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:color .3s ease}.userPopup-menu .subscription-status{font-size:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--primary);font-weight:500;padding:4px 20px 16px;text-align:left;letter-spacing:.02em;margin:0;line-height:1.5;border-bottom:1px solid rgba(229,231,235,.4);transition:color .3s ease,border-color .3s ease}[data-theme=dark] .userPopup-menu .subscription-status{border-bottom:1px solid rgba(51,51,51,.4)}.userPopup-menu .userPopup-item{border-radius:0;display:flex;align-items:center;justify-content:flex-start;gap:12px;transition:all .2s cubic-bezier(.4,0,.2,1);padding:14px 20px;background-color:transparent;color:var(--text-secondary);cursor:pointer;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:14px;box-sizing:border-box;width:100%;margin:0;text-align:left;border-bottom:1px solid var(--border-light);min-height:48px}.userPopup-menu .userPopup-item svg{height:16px;width:16px;margin:0;padding:0;background-color:transparent;color:var(--text-tertiary)!important;stroke:var(--text-tertiary)!important;fill:none!important;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;display:block}.userPopup-menu .userPopup-item span{flex:1;line-height:1.5;letter-spacing:.01em}.userPopup-menu .userPopup-item:hover{background-color:var(--dropdown-hover);color:var(--primary)}.userPopup-menu .userPopup-item:hover svg{color:var(--primary)!important;stroke:var(--primary)!important;fill:none!important;transform:translate(3px)}.userPopup-menu .userPopup-item:active{background-color:var(--bg-tertiary)}.userPopup-menu .userPopup-gmail{font-size:11px;color:var(--text-tertiary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;padding:10px 20px;text-align:center;border-top:1px solid var(--border-light);background-color:var(--bg-secondary);letter-spacing:.02em;line-height:1.5;margin:0;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.verification-container{background:var(--modal-overlay);position:fixed;width:100vw;height:100vh;z-index:10001;left:0;top:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.verification-container .verification-wrapper{width:420px;background-color:var(--modal-bg);border-radius:8px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;position:relative;padding-bottom:66px}.verification-container .verification-wrapper .verification-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px!important;border-bottom:1px solid var(--border-light)}.verification-container .verification-wrapper .verification-header h5{margin:0}.verification-container .verification-wrapper .verification-message{border-radius:8px;background-color:transparent;padding:20px 30px;display:flex;flex-direction:column;font-family:Roboto,sans-serif}.verification-container .verification-wrapper .verification-message p{margin-bottom:36px}.verification-container .verification-wrapper .verification-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px 16px 28px;border-top:1px solid var(--border-light);position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box}.verification-container .verification-wrapper .verification-footer .cancel-button{padding:14px 32px;font-size:16px;background-color:var(--modal-bg);border:1px solid #EE6055;color:#ee6055;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400;transition:background-color .3s}.verification-container .verification-wrapper .verification-footer .cancel-button:hover{background-color:#ee6055;color:#fff}.verification-container .verification-wrapper .verification-footer .logout-button-verification{background-color:#ee6055;color:#fff;transition:background-color .3s;margin-right:0;padding:14px 32px;font-size:16px;border-radius:6px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:400;opacity:.9}.verification-container .verification-wrapper .verification-footer .logout-button:hover{background-color:#cd2d09}.resolution-convert-modal{position:fixed!important}@media only screen and (max-width: 600px){.verification-wrapper{width:90%!important}}.theme-toggle-container{padding:0;border-bottom:1px solid var(--border-light)}.theme-toggle-button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.theme-toggle-button:hover{background-color:var(--dropdown-hover)}.theme-toggle-button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.theme-toggle-button:active{transform:scale(.98)}.theme-toggle-icon-wrapper{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background-color:var(--bg-tertiary);transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-icon{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-secondary)}.theme-icon.sun-icon{opacity:1;transform:rotate(0) scale(1)}.theme-icon.moon-icon{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-toggle-button.dark .theme-toggle-icon-wrapper{background-color:var(--primary-light)}.theme-toggle-button.dark .sun-icon{opacity:0;transform:rotate(90deg) scale(.5)}.theme-toggle-button.dark .moon-icon{opacity:1;transform:rotate(0) scale(1);color:var(--primary)}.theme-toggle-button.light .theme-toggle-icon-wrapper{background-color:var(--bg-tertiary)}.theme-toggle-button.light .sun-icon{opacity:1;transform:rotate(0) scale(1);color:var(--text-primary)}.theme-toggle-button.light .moon-icon{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-toggle-label{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.5;letter-spacing:.01em;flex:1;text-align:left;transition:color .2s ease}.mobile-sidebar{display:none}@media only screen and (max-width: 600px){.mobile-sidebar{position:absolute;bottom:0;grid-template-columns:repeat(1,0fr);justify-content:space-around;z-index:19999;height:100%;width:45%;background-color:#ee6055;right:0;top:0;align-items:center}.mobile-sidebar .account-image{position:absolute;left:50%;top:11%;transform:translate(-50%,-50%);border:1px solid #fff;height:70px;width:70px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;box-sizing:border-box;overflow:hidden;border:2px solid #e0e0e0}.mobile-sidebar .account-image svg{height:40px;width:50px;margin-left:0;fill:#ee6055}.mobile-sidebar .sidebar-list{list-style-type:none;display:grid;grid-template-columns:repeat(1,1fr);justify-content:center;margin:30px 0 0;height:auto;position:absolute;top:18%;width:100%;align-items:center;padding:0%;gap:30px}.mobile-sidebar .sidebar-list li{display:flex;align-items:center;justify-content:center;gap:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;font-style:normal;font-size:15px;padding:10px 20px;color:#fff;margin:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-sidebar .sidebar-list li svg{flex-shrink:0;color:#fff;stroke:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-sidebar .sidebar-list li .nav-new-badge{font-size:9px;font-weight:700;line-height:0;color:#fff;margin-left:2px;vertical-align:super;position:relative;top:-.15em;opacity:.95}.mobile-sidebar .sidebar-list li p{margin:0;cursor:pointer;line-height:1.5}.mobile-sidebar .sidebar-list .active-link{background-color:#fff;color:#ee6055;font-weight:500;font-size:15px;padding:10px 20px}.mobile-sidebar .sidebar-list .active-link svg{color:#ee6055!important;stroke:#ee6055!important}.mobile-sidebar .sidebar-list .active-link p{color:#ee6055}.mobile-sidebar .sidebar-list .active-link .nav-new-badge{color:#ee6055;opacity:1}.logout-button-wrapper{position:absolute;bottom:6%;left:48%;transform:translate(-50%,-50%)}.logout-button-wrapper .logout-button{display:flex;align-items:center;background-color:#ee6055;border:0;font-size:20px;font-family:Roboto,sans-serif;color:#fff}.logout-button-wrapper .logout-button svg{margin-right:10px}}.mobile-bottom-nav{display:none}@media only screen and (max-width: 600px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;padding-bottom:env(safe-area-inset-bottom,0);background-color:var(--nav-bg);border-top:1px solid var(--border-light);padding:8px 0;z-index:1000;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000000f;box-sizing:border-box}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;max-width:80px;padding:6px 12px;border:none;background:transparent;cursor:pointer;border-radius:12px;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--nav-text);opacity:.7}.nav-item:active{transform:scale(.96)}.nav-item.active{opacity:1;background-color:#ee60551a;color:var(--nav-active)}.nav-item.active .nav-icon{color:var(--nav-active)}.nav-item.active .nav-icon svg{color:var(--nav-active);stroke:var(--nav-active)}.nav-item.active .nav-label{color:var(--nav-active);font-weight:600}.nav-icon{display:flex;align-items:center;justify-content:center;color:var(--nav-text)}.nav-icon svg{color:var(--nav-text);stroke:var(--nav-text);flex-shrink:0}.nav-label{font-size:11px;font-weight:500;color:var(--nav-text);line-height:1.2}}[data-theme=dark] .mobile-bottom-nav{background-color:var(--nav-bg);border-top-color:var(--border-light);box-shadow:0 -2px 10px #0003}[data-theme=dark] .nav-item.active{background-color:#ff6b5e26}.screens-page{padding:0 24px 40px;box-sizing:border-box}.screens-list-wrapper{height:100%;padding:0 4px 30px;width:100%;overflow-y:scroll}.screens-list-wrapper::-webkit-scrollbar{display:none}.screens-list-container{display:flex;flex-direction:column;padding-bottom:200px}.screens-page-loading-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding-bottom:200px;gap:20px}.screens-page-loading-skeleton-list{display:flex;flex-direction:column;padding-bottom:200px}.screens-card-loading-skeleton{background-color:var(--skeleton-bg);height:87px;width:100%;border-radius:8px;box-sizing:border-box;cursor:pointer;padding:16px 20px;border:1px solid var(--border-light);display:flex}.screens-card-loading-skeleton-list{background-color:var(--skeleton-bg);height:53px;width:100%;border-radius:8px;box-sizing:border-box;cursor:pointer;border:1px solid var(--border-light);display:flex;margin-left:0;margin-bottom:14px}@media only screen and (max-width: 600px){.screens-list-wrapper{width:100%;height:100%;padding:0 0 200px;box-sizing:border-box;margin-top:55px}.screens-list-wrapper::-webkit-scrollbar{display:none}.screens-list-container{grid-template-columns:repeat(1,1fr)}.screens-page-loading-skeleton{grid-template-columns:repeat(1,1fr);gap:10px}.screens-card-loading-skeleton{margin-left:0;width:100%}}.screen-info-container{height:100%;padding:0;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0;position:relative;flex:1}.screen-info-container .screen-info-list-container{overflow-y:scroll;height:85%;scrollbar-width:none}.screen-info-container .screen-content-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;width:100%;box-sizing:border-box;flex-shrink:0;border-top:1px solid var(--border-light);margin-top:auto;position:sticky;bottom:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--card-bg);box-shadow:0 -2px 8px #0000000a}.screen-info-container .screen-content-counts{display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;color:var(--text-primary)}.screen-info-container .content-count-item{color:var(--text-primary);opacity:.9}.screen-info-container .content-count-separator{color:var(--text-secondary);opacity:.5;margin:0 4px;font-weight:400}.screen-info-container .screen-delete-all-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border-light);background-color:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;color:var(--text-primary);flex-shrink:0;min-height:36px}.screen-info-container .screen-delete-all-btn svg{width:15px;height:15px;color:var(--text-secondary);transition:color .2s ease;flex-shrink:0}.screen-info-container .screen-delete-all-btn span{transition:color .2s ease;white-space:nowrap}.screen-info-container .screen-delete-all-btn:hover{border-color:var(--error);color:var(--error);background-color:#ef444414;transform:translateY(-1px);box-shadow:0 2px 6px #ef444426}.screen-info-container .screen-delete-all-btn:hover svg{color:var(--error)}.screen-info-container .screen-delete-all-btn:active{transform:translateY(0);box-shadow:0 1px 3px #ef44441a}.screen-info-container .screen-content-footer-compact{display:flex;justify-content:space-between;align-items:center;padding:12px 0 18px;margin:auto 0 0;width:100%;box-sizing:border-box;flex-shrink:0;position:sticky;bottom:0;background-color:var(--card-bg);z-index:10}.screen-info-container .screen-content-footer-compact .screen-content-counts-compact{display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:400;color:var(--text-primary);line-height:1.4}.screen-info-container .screen-content-footer-compact .content-count-item-compact{color:var(--text-primary);opacity:.75;transition:opacity .2s ease}.screen-info-container .screen-content-footer-compact .content-count-separator-compact{color:var(--text-secondary);opacity:.5;margin:0 4px;font-weight:300}.screen-info-container .screen-content-footer-compact .screen-delete-all-link{border:none;background:transparent;padding:4px 8px;margin:-4px -8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s ease;text-decoration:none;flex-shrink:0;border-radius:4px;position:relative}.screen-info-container .screen-content-footer-compact .screen-delete-all-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background-color:transparent;transition:background-color .2s ease}.screen-info-container .screen-content-footer-compact .screen-delete-all-link:hover{color:var(--error)}.screen-info-container .screen-content-footer-compact .screen-delete-all-link:hover:before{background-color:#ef44440f}.screen-info-container .screen-content-footer-compact .screen-delete-all-link:active{color:var(--error);opacity:.9}.screen-info-container .screen-content-footer-compact .screen-delete-all-link:active:before{background-color:#ef44441a}.screen-info-container .screen-data-container{flex:1;display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;min-height:0;overflow:hidden}.screen-info-container .screen-data-container .screen-data-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:100%;box-sizing:border-box}.screen-info-container .screen-data-container .screen-data-scroll{flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:0;width:100%;max-width:100%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;min-height:0;padding-top:20px;padding-bottom:0;align-items:stretch;justify-content:flex-start}.screen-info-container .screen-data-container .screen-data-scroll::-webkit-scrollbar{display:none}.screen-info-container .screen-data-container .screen-data-scroll:has(>.screen-empty-state:only-child),.screen-info-container .screen-data-container .screen-data-scroll:has(>.screen-content-add-section.screen-empty-state:only-child){justify-content:center;align-items:center;padding-top:0}.screen-info-container .screen-data-container .screen-data-list{height:100%;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px;box-sizing:border-box}.screen-info-container .screen-info-list .screen-info-item{display:flex;padding:6px;box-sizing:border-box}.screen-info-container .screen-info-list .screen-info-item .screen-item-title{width:34%}.screen-info-container .screen-info-list .screen-info-item .screen-item-content{width:66%}.screen-info-container .screen-diagram-list{padding:4px 12px 12px}.screen-info-container .screen-diagram-list .aspect-ratio{width:190px;height:80px;background-color:#a6cae6;border:16px solid #cee2f1;display:flex;justify-content:center;align-items:center;flex-direction:column}.screen-info-container .screen-diagram-list .total-storage{width:222px;height:10px;border-radius:20px;background-color:var(--bg-tertiary);display:flex;justify-content:flex-start}.screen-info-container .screen-diagram-list .storage-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-style:normal;font-size:18px;margin:0 0 10px;color:var(--primary)}.screen-info-container .screen-diagram-list .used-storage{height:10px;border-radius:20px;background-color:var(--primary)}.screen-content-add-section{display:flex;flex-direction:column;gap:12px;padding:0 0 20px;margin:0 auto;width:100%;max-width:100%;box-sizing:border-box;align-items:center}.screen-content-add-section:not(.screen-empty-state){padding:0 0 20px;margin:0 auto;align-items:center}.screen-content-add-section.screen-empty-state{padding:0;margin:0 auto;justify-content:center;align-items:center;width:100%;max-width:100%}.screen-content-add-section .screen-content-add-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.02em;text-align:center}.screen-content-add-section .screen-content-add-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:400;color:var(--text-tertiary);margin:0 0 12px;letter-spacing:-.01em;text-align:center}.screen-content-add-section .screen-content-add-buttons{display:flex;flex-direction:row;gap:12px;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;width:100%;box-sizing:border-box}.screen-content-add-section .screen-content-add-buttons .content-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;border:none;background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex:1 1 0;min-width:0;box-sizing:border-box}.screen-content-add-section .screen-content-add-buttons .content-type-btn:hover .content-type-icon{transform:scale(1.08);box-shadow:0 4px 12px #0000001a}.screen-content-add-section .screen-content-add-buttons .content-type-btn:hover .content-type-label{color:var(--text-primary)}.screen-content-add-section .screen-content-add-buttons .content-type-btn:active .content-type-icon{transform:scale(1.02)}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;margin-bottom:10px;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 6px #0000000f}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center;transition:color .2s ease;white-space:nowrap;line-height:1.4;letter-spacing:-.01em}.screen-content-header{display:none}.screen-content-header .delete-content-wrapper{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500;cursor:pointer;color:var(--text-secondary);padding:6px 10px;border-radius:6px;transition:all .2s ease}.screen-content-header .delete-content-wrapper svg{cursor:pointer;fill:none;stroke:var(--text-secondary);strokeWidth:2}.screen-content-header .delete-content-wrapper:hover{color:var(--error);background-color:#ee605514}.screen-content-header .delete-content-wrapper:hover svg{fill:none;stroke:var(--error);strokeWidth:2}.screen-control-block{display:flex}.screen-info-data-container .screen-info-list-container{overflow-y:scroll;height:85%;scrollbar-width:none}.screen-info-data-container .screen-info-data-list-container{overflow-y:scroll;height:85%;scrollbar-width:none;display:flex;justify-content:space-between}.screen-info-data-container .screen-info-data-list-container .screen-info-left{margin-right:40px}.screen-info-data-container .screen-info-section-content .screen-info-data-container .screen-info-data-list-container{overflow:visible;height:auto;gap:40px;padding:0;margin:0}.screen-info-data-container .screen-info-section-content .screen-info-data-container .screen-info-data-list-container .screen-info-left{margin-right:0;flex:1;min-width:0}.screen-info-data-container .screen-info-section-content .screen-info-data-container .screen-info-data-list-container .screen-info-right{flex:1;min-width:0}.screen-info-data-container .screen-info-title{padding:34px 0 28px;display:flex}.screen-info-data-container .screen-data-container{overflow-y:scroll;height:85%;scrollbar-width:none}.screen-info-data-container .screen-info-list .screen-info-item{display:flex;padding:15px;box-sizing:border-box;gap:10px}.screen-info-data-container .screen-info-list .screen-info-item .screen-item-title{width:39%}.screen-info-data-container .screen-info-list .screen-info-item .screen-item-content{width:66%}.screen-info-data-container .screen-diagram-list{padding:4px 12px 12px}.screen-info-data-container .screen-diagram-list .aspect-ratio{width:190px;height:80px;background-color:#a6cae6;border:16px solid #cee2f1;display:flex;justify-content:center;align-items:center;flex-direction:column}.screen-info-data-container .screen-diagram-list .total-storage{width:222px;height:10px;border-radius:20px;background-color:var(--bg-tertiary);display:flex;justify-content:flex-start}.screen-info-data-container .screen-diagram-list .storage-title{font-family:Roboto,sans-serif;font-weight:500;font-style:normal;font-size:20px;margin:0 0 10px;color:#ee6055}.screen-info-data-container .screen-diagram-list .used-storage{height:10px;border-radius:20px;background-color:#ee6055}.screen-card-left{position:relative}.screen-card{box-sizing:border-box;cursor:pointer;background-color:var(--card-bg);padding:16px 0 16px 20px;border:1px solid #e7ebf0;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease;border-radius:6px;margin-bottom:14px}.screen-card .icon-dummy{width:30px;display:flex;justify-content:center}.screen-card .screen-card-left{display:flex;align-items:center}.screen-card .screen-card-right{display:flex;align-items:center;position:relative;overflow:visible}.screen-card .screen-card-title-top{width:210px}.screen-card .screen-card-title{width:160px;margin-left:20px}.screen-card .screen-card-content-wrapper{display:flex;flex-direction:column;gap:6px;flex:1;margin-left:20px}.screen-card .screen-card-row-first{display:flex;justify-content:space-between;align-items:center;width:100%}.screen-card .screen-name{color:var(--text-primary);margin:0}.screen-card .screen-card-row-second{display:flex;align-items:center;gap:6px}.screen-card .screen-card-content{min-width:100px;margin-left:20px}.screen-card .screen-ui{width:30px;display:flex;justify-content:center}.screen-card .screen-card-device{width:160px;margin-left:20px}.screen-card .screen-card-date{width:180px;margin-left:20px}.screen-card .screen-card-menu{display:flex;margin-right:20px;align-items:center;gap:6px}.screen-card:hover{box-shadow:#00000014 0 4px 12px}.scn-header:hover{background-color:var(--card-bg);cursor:default}.device-ui{width:18px;height:10px;border:2px solid;border-bottom:4px solid;border-radius:1px}.device-ui-portrait{height:14px;width:8px;border:2px solid;border-bottom:4px solid;border-radius:1px}.screen-card-grid{background-color:var(--card-bg);box-sizing:border-box;border-radius:10px;border:1px solid var(--border-light);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:visible;cursor:pointer;padding:16px 18px;display:flex;flex-direction:column;gap:12px;position:relative}.screen-card-grid:hover{border-color:var(--border-medium);box-shadow:0 4px 12px var(--card-hover-shadow),0 2px 6px var(--card-shadow);transform:translateY(-2px)}.screen-card-grid .screen-card-actions-overlay{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:8px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:2}.screen-card-grid:hover .screen-card-actions-overlay{opacity:1;visibility:visible}.screen-card-grid .screen-action-button{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-light);background-color:var(--card-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.screen-card-grid .screen-action-button:hover{border-color:var(--border-medium);background-color:var(--dropdown-hover)}.screen-card-grid .screen-action-button:hover svg{color:var(--text-primary)!important}.screen-card-grid .screen-action-button:active{background-color:var(--bg-tertiary)}.screen-card-grid .screen-card-row-first{display:flex;justify-content:flex-start;align-items:center;width:100%;padding-right:100px}.screen-card-grid .screen-name{color:var(--text-primary);margin:0;font-weight:600;font-size:15px;line-height:1.4}.screen-card-grid .screen-card-row-second{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.screen-card-grid .online-status-inline,.screen-card-grid .offline-status-inline{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;padding:3px 10px;border-radius:12px;margin:0;white-space:nowrap;letter-spacing:.2px}.screen-card-grid .online-status-inline{color:#fff;background-color:var(--success);border:1px solid var(--success)}.screen-card-grid .offline-status-inline{color:var(--error);background-color:transparent;border:1px solid var(--error)}.screen-card-grid .status-dot{color:var(--text-tertiary);font-size:10px}.screen-card-grid .title-small{color:var(--text-secondary);font-size:13px}.screen-card-grid .gray-dark{color:var(--text-secondary)}.screen-card-grid .title-wrapper{display:flex;align-items:center}.screen-card-grid .title-wrapper p{color:var(--text-primary)}.screen-card-grid .screen-card-title{width:50px;margin-left:20px}.screen-card-grid .screen-card-title p{color:var(--text-primary)}.screen-card-grid .status-wrapper{margin-top:12px;display:flex;align-items:center;gap:6px}.screen-card-grid .separator{width:4px;height:4px;border-radius:1px;background-color:var(--text-tertiary);margin-right:10px;margin-left:10px}.screen-card-grid:hover{box-shadow:#00000014 0 4px 12px}.screen-card-status{width:76px}.screen-card-left-grid{display:none}.scn-card-right-list{margin-right:50px}.screen-data-empty{text-align:center;margin-top:50px;margin-bottom:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-tertiary)}.screen-data-empty p{font-size:13px;margin-bottom:8px}.screen-data-empty button{border:none;background-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-style:normal;font-size:12px;margin-top:4px;color:var(--primary);padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid var(--primary)}.screen-data-empty button:hover{background-color:var(--primary);color:#fff}.screen-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;width:100%;max-width:600px;text-align:center;box-sizing:border-box;margin:0 auto}.screen-empty-state .screen-empty-header{margin-bottom:32px}.screen-empty-state .screen-empty-header .screen-empty-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.02em}.screen-empty-state .screen-empty-header .screen-empty-description{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;color:var(--text-tertiary);margin:0;line-height:1.5;max-width:400px}.screen-empty-state .screen-empty-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:480px}.screen-empty-state .screen-empty-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 20px;border:1px solid var(--border-light);border-radius:16px;cursor:pointer;transition:all .25s ease;background-color:var(--card-bg);aspect-ratio:1}.screen-empty-state .screen-empty-btn:hover{border-color:var(--border-medium);background-color:var(--bg-secondary);transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.screen-empty-state .screen-empty-btn:hover .screen-empty-btn-icon{transform:scale(1.12)}.screen-empty-state .screen-empty-btn:hover .screen-empty-btn-label{color:var(--text-primary)}.screen-empty-state .screen-empty-btn:active{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.screen-empty-state .screen-empty-btn .screen-empty-btn-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;margin-bottom:12px;transition:transform .25s ease}.screen-empty-state .screen-empty-btn .screen-empty-btn-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;transition:color .2s ease}.screen-empty-state .screen-empty-btn .screen-empty-btn-hint{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:400;color:var(--text-tertiary);opacity:.8;line-height:1.3}.screen-data-item{margin:0 0 10px;display:flex;flex-wrap:nowrap;padding:14px 18px;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;width:100%;max-width:100%;align-items:stretch;min-height:116px;overflow:visible;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;gap:14px;position:relative;flex-shrink:0}.screen-data-item:hover{border-color:var(--border-medium);background-color:var(--card-bg);box-shadow:0 4px 12px var(--card-hover-shadow),0 1px 3px var(--card-shadow)}.screen-data-item:hover .screen-data-item-right-controls,.screen-data-item:hover .screen-data-item-right-controls .custom-duration-select,.screen-data-item:hover .screen-data-item-right-controls .custom-view-select,.screen-data-item:hover .screen-data-item-right-controls .screen-content-delete{opacity:1}.screen-data-item:hover .screen-detail-text{opacity:.85}.screen-data-item:hover .screen-detail-dot{opacity:.6}.screen-data-item .screen-data-item-order{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0;width:20px;opacity:.4;transition:opacity .2s ease}.screen-data-item .screen-data-item-order .screen-order-number{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:600;color:var(--text-secondary);line-height:1}.screen-data-item .screen-data-item-order .screen-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:grab;transition:opacity .2s ease,color .2s ease}.screen-data-item .screen-data-item-order .screen-drag-handle:active{cursor:grabbing}.screen-data-item .screen-data-item-order .screen-drag-handle svg{width:14px;height:14px}.screen-data-item:hover .screen-data-item-order{opacity:1}.screen-data-item:hover .screen-data-item-order .screen-drag-handle{color:var(--text-primary)}.screen-data-item .screen-data-image{margin-right:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background-color:var(--bg-tertiary);flex-shrink:0;border:1px solid var(--border-light);transition:all .2s ease}.screen-data-item .screen-data-image.landscape{width:154px;height:86px}.screen-data-item .screen-data-image.portrait{width:50px;height:86px}.screen-data-item .screen-data-image.view-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.screen-data-item .screen-data-image.view-contain{background-color:#000}.screen-data-item .screen-data-image.view-contain img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.screen-data-item .screen-data-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.screen-data-item .screen-data-image.playlist-thumb{background-color:#fff5f3;border-color:#ee605533;box-shadow:none}.screen-data-item .screen-data-image.playlist-thumb svg{width:22px;height:22px;color:var(--primary);stroke:var(--primary)}.screen-data-item .screen-data-image.scheduler-thumb{background-color:#3b82f61f;border-color:#3b82f640;box-shadow:none}.screen-data-item .screen-data-image.scheduler-thumb svg{width:24px;height:24px}.screen-data-item.screen-data-item--scheduler .screen-data-item-order .screen-order-number,.screen-data-item.screen-data-item--scheduler .screen-data-item-order .screen-drag-handle{visibility:hidden}.screen-data-item .screen-data-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:space-between}.screen-data-item .screen-data-item-info{width:100%;min-width:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;align-items:flex-start;gap:6px;overflow:hidden}.screen-data-item .screen-data-item-title{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:0}.screen-data-item .screen-data-item-title p{font-weight:500;font-size:14px;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;letter-spacing:-.01em;opacity:.9}.screen-data-item .screen-content-delete-title{margin-left:12px}.screen-data-item .screen-data-item-details{display:flex;align-items:center;padding-top:4px;gap:8px}.screen-data-item .screen-data-item-details .item-icon{margin-right:8px;color:var(--text-tertiary)}.screen-data-item .screen-data-item-details p{margin-right:10px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.screen-data-item .screen-data-item-details .screen-media-type-badge{opacity:1!important}.screen-media-type-badge{display:flex;align-items:center;gap:4px;background-color:transparent;color:var(--text-secondary);padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;text-transform:capitalize;opacity:.85}.screen-media-type-badge svg{color:var(--text-secondary);opacity:.8;width:12px;height:12px}.screen-media-type-badge--scheduler{color:#3b82f6}.screen-media-type-badge--scheduler svg{color:#3b82f6;opacity:1}.screen-media-type-badge--playlist{color:#ec4899}.screen-media-type-badge--playlist svg{color:#ec4899;opacity:1}.screen-media-type-badge--image{color:#8b5cf6}.screen-media-type-badge--image svg{color:#8b5cf6;opacity:1}.screen-media-type-badge--video{color:#22c55e}.screen-media-type-badge--video svg{color:#22c55e;opacity:1}.screen-media-type-badge--web{color:#14b8a6}.screen-media-type-badge--web svg{color:#14b8a6;opacity:1}.screen-media-type-badge--ticker{color:#f59e0b}.screen-media-type-badge--ticker svg{color:#f59e0b;opacity:1}.screen-data-item-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.scheduler-status-chip{display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-weight:500;font-size:8px;letter-spacing:.3px;padding:2px 6px;border-radius:8px;flex-shrink:0}.scheduler-status-chip.scheduler-status-chip--active{color:var(--success);background-color:#34a8531f;border:1px solid rgba(52,168,83,.3)}.scheduler-status-chip.scheduler-status-chip--inactive{color:var(--text-tertiary);background-color:var(--bg-tertiary);border:1px solid var(--border-light)}.screen-scheduler-playlist-row{display:flex;align-items:center;gap:8px;margin-top:2px;color:var(--text-secondary)}.screen-scheduler-playlist-row svg{flex-shrink:0;color:inherit}.screen-scheduler-playlist-row .screen-detail-text{color:var(--text-secondary);font-size:13px;transition:color .2s ease}.screen-scheduler-playlist-row.screen-scheduler-playlist-row--clickable{cursor:pointer;margin:2px -4px 0;padding:4px;border-radius:6px;transition:color .2s ease}.screen-scheduler-playlist-row.screen-scheduler-playlist-row--clickable:hover,.screen-scheduler-playlist-row.screen-scheduler-playlist-row--clickable:hover .screen-detail-text,.screen-scheduler-playlist-row.screen-scheduler-playlist-row--clickable:hover .screen-scheduler-chevron{color:var(--primary)}.screen-scheduler-chevron{margin-left:4px;display:flex;align-items:center;color:var(--text-tertiary);flex-shrink:0;transition:color .2s ease}.screen-schedules-container{margin-bottom:16px}.screen-playlist-card{margin-bottom:10px;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;overflow:hidden;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.screen-playlist-card:last-child{margin-bottom:0}.screen-playlist-card:hover{border-color:var(--border-medium);box-shadow:0 4px 12px var(--card-hover-shadow),0 1px 3px var(--card-shadow)}.screen-playlist-card .screen-playlist-card-header.screen-data-item{margin:0;padding:0;background:transparent;border:none;border-radius:0;min-height:auto;box-shadow:none;flex-shrink:0}.screen-playlist-card .screen-playlist-card-header.screen-data-item:hover{border:none;box-shadow:none}.screen-playlist-card .screen-playlist-card-header.screen-data-item .screen-data-item-body{justify-content:flex-start}.screen-playlist-card .screen-playlist-card-header.screen-data-item .screen-data-item-order{display:flex}.screen-playlist-card-inner{padding:14px 18px;display:flex;flex-direction:column;gap:0}.screen-playlist-card-header{display:flex;flex-wrap:nowrap;gap:14px;align-items:center;min-height:auto}.screen-playlist-card-body{cursor:pointer;flex:1;min-width:0}.screen-playlist-media{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px}.screen-scheduler-card{margin-bottom:10px;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;overflow:hidden;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.screen-scheduler-card:last-child{margin-bottom:0}.screen-scheduler-card:hover{border-color:var(--border-medium);box-shadow:0 4px 12px var(--card-hover-shadow),0 1px 3px var(--card-shadow)}.screen-scheduler-card .screen-scheduler-card-header.screen-data-item{margin:0;padding:0;background:transparent;border:none;border-radius:0;min-height:auto;box-shadow:none;flex-shrink:0}.screen-scheduler-card .screen-scheduler-card-header.screen-data-item:hover{border:none;box-shadow:none}.screen-scheduler-card .screen-scheduler-card-header.screen-data-item .screen-data-item-body{justify-content:flex-start}.screen-scheduler-card .screen-scheduler-card-header.screen-data-item .screen-data-item-order{display:none}.screen-scheduler-card-inner{padding:14px 18px;display:flex;flex-direction:column;gap:0}.screen-scheduler-card-header{display:flex;flex-wrap:nowrap;gap:14px;align-items:flex-start;min-height:auto}.screen-scheduler-playlist-media{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px}.screen-scheduler-playlist-media .screen-data-item--scheduler-media{margin:0}.screen-scheduler-playlist-media .screen-data-item--scheduler-media .screen-drag-handle{display:none}.screen-scheduler-playlist-media .screen-data-item--scheduler-media:last-child{margin-bottom:0}.screen-data-item-right-controls--readonly{gap:12px}.screen-data-item-right-controls--readonly .screen-detail-text{font-size:12px;opacity:.8}.screen-scheduler-empty-playlist{font-size:13px;color:var(--text-tertiary);margin:12px 0 0;padding:0}.screen-detail-dot{color:var(--text-tertiary);font-size:11px;margin:0 2px;opacity:.35;transition:opacity .2s ease}.screen-detail-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;color:var(--text-secondary);opacity:.7;transition:opacity .2s ease}.screen-data-item-right-controls{display:flex;align-items:center;gap:6px;flex-shrink:0;opacity:1;pointer-events:auto;width:100%;position:relative;overflow:visible;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.screen-data-item-right-controls .custom-duration-select,.screen-data-item-right-controls .custom-view-select,.screen-data-item-right-controls .screen-content-delete{opacity:.5;transition:opacity .2s ease}.custom-duration-dropdown-menu,.custom-view-dropdown-menu{pointer-events:auto!important}.screen-data-item:hover .screen-data-item-right-controls .custom-duration-select,.screen-data-item:hover .screen-data-item-right-controls .custom-view-select,.screen-data-item:hover .screen-data-item-right-controls .screen-content-delete,.screen-data-item:hover .screen-data-item-right-controls .custom-duration-select .duration-icon-inside,.screen-data-item:hover .screen-data-item-right-controls .custom-duration-select .view-icon-inside,.screen-data-item:hover .screen-data-item-right-controls .custom-duration-select .dropdown-icon,.screen-data-item:hover .screen-data-item-right-controls .custom-view-select .duration-icon-inside,.screen-data-item:hover .screen-data-item-right-controls .custom-view-select .view-icon-inside,.screen-data-item:hover .screen-data-item-right-controls .custom-view-select .dropdown-icon,.screen-data-item:hover .screen-data-item-right-controls .screen-content-delete .duration-icon-inside,.screen-data-item:hover .screen-data-item-right-controls .screen-content-delete .view-icon-inside,.screen-data-item:hover .screen-data-item-right-controls .screen-content-delete .dropdown-icon{opacity:1}.screen-data-item-right-controls .custom-duration-dropdown,.screen-data-item-right-controls .custom-view-dropdown{pointer-events:auto}.screen-data-item-right-controls .custom-duration-dropdown button,.screen-data-item-right-controls .custom-view-dropdown button{pointer-events:auto;cursor:pointer}.screen-data-item-inline-controls{display:none}.inline-control-group{display:flex;align-items:center;gap:6px}.inline-control-group.duration-group{gap:5px}.inline-control-group .inline-control-label{display:none}.inline-duration-dropdown{position:relative;display:flex;align-items:center}.inline-duration-dropdown .duration-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--card-bg);border:none;border-radius:5px;padding:6px 22px 6px 9px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--text-primary);opacity:.85;cursor:pointer;transition:all .15s ease;min-width:64px}.inline-duration-dropdown .duration-select:hover:not(:disabled){border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);opacity:1}.inline-duration-dropdown .duration-select:focus{outline:none;border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);opacity:1}.inline-duration-dropdown .duration-select:disabled{opacity:1;cursor:not-allowed;background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-light)}.inline-duration-dropdown .duration-select:disabled .duration-icon-inside,.inline-duration-dropdown .duration-select:disabled .dropdown-icon{color:var(--text-secondary);opacity:.9}.inline-duration-dropdown .duration-select option{background-color:var(--card-bg);color:var(--text-primary);padding:8px 12px;font-size:12px}.inline-duration-dropdown .duration-select option:checked,.inline-duration-dropdown .duration-select option:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.inline-duration-dropdown .dropdown-icon{position:absolute;right:5px;pointer-events:none;color:var(--text-tertiary);opacity:.6;width:12px;height:12px}.inline-view-btn{display:none}.custom-view-dropdown{position:relative;display:flex;align-items:center}.custom-view-dropdown .custom-view-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--card-bg);border:none;border-radius:5px;padding:6px 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--text-primary);opacity:.7;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease;min-width:64px;display:flex;align-items:center;gap:5px;border:1px solid var(--border-light)}.custom-view-dropdown .custom-view-select:hover:not(:disabled){border-color:var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);opacity:1}.custom-view-dropdown .custom-view-select:disabled{opacity:1;cursor:not-allowed;background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-light)}.custom-view-dropdown .custom-view-select:disabled .view-icon-inside,.custom-view-dropdown .custom-view-select:disabled .dropdown-icon{color:var(--text-secondary);opacity:.9}.custom-view-dropdown .custom-view-select .view-icon-inside{color:var(--text-primary);opacity:.5;flex-shrink:0;transition:opacity .2s ease}.custom-view-dropdown .custom-view-select .dropdown-icon{margin-left:auto;color:var(--text-primary);opacity:.5;flex-shrink:0;transition:opacity .2s ease}.custom-view-dropdown .custom-view-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:100%;width:-moz-max-content;width:max-content;max-width:200px;overflow:hidden;padding:4px;pointer-events:auto}.custom-view-dropdown .custom-view-dropdown-menu .custom-view-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background-color:transparent;border:none;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:left}.custom-view-dropdown .custom-view-dropdown-menu .custom-view-option svg{color:var(--text-primary);opacity:.85;flex-shrink:0}.custom-view-dropdown .custom-view-dropdown-menu .custom-view-option .checkmark{margin-left:auto;color:var(--primary);font-weight:600}.custom-view-dropdown .custom-view-dropdown-menu .custom-view-option:hover,.custom-view-dropdown .custom-view-dropdown-menu .custom-view-option.selected{background-color:var(--bg-secondary)}.custom-view-dropdown .custom-view-dropdown-menu .custom-view-option.selected svg{color:var(--text-primary);opacity:1}.custom-duration-dropdown{position:relative;display:flex;align-items:center}.custom-duration-dropdown .custom-duration-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--card-bg);border:none;border-radius:5px;padding:6px 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--text-primary);opacity:.7;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease;min-width:64px;display:flex;align-items:center;gap:5px;border:1px solid var(--border-light)}.custom-duration-dropdown .custom-duration-select:hover:not(:disabled){border-color:var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);opacity:1}.custom-duration-dropdown .custom-duration-select:disabled{opacity:1;cursor:not-allowed;background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-light)}.custom-duration-dropdown .custom-duration-select:disabled .duration-icon-inside,.custom-duration-dropdown .custom-duration-select:disabled .dropdown-icon{color:var(--text-secondary);opacity:.9}.custom-duration-dropdown .custom-duration-select .duration-icon-inside{color:var(--text-primary);opacity:.5;flex-shrink:0;transition:opacity .2s ease}.custom-duration-dropdown .custom-duration-select .dropdown-icon{margin-left:auto;color:var(--text-primary);opacity:.5;flex-shrink:0;transition:opacity .2s ease}.custom-duration-dropdown .custom-duration-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:100%;width:-moz-max-content;width:max-content;pointer-events:auto;max-width:200px;overflow:hidden;padding:4px}.custom-duration-dropdown .custom-duration-dropdown-menu .custom-duration-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;background-color:transparent;border:none;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:left}.custom-duration-dropdown .custom-duration-dropdown-menu .custom-duration-option .checkmark{margin-left:auto;color:var(--primary);font-weight:600}.custom-duration-dropdown .custom-duration-dropdown-menu .custom-duration-option:hover,.custom-duration-dropdown .custom-duration-dropdown-menu .custom-duration-option.selected{background-color:var(--bg-secondary)}.inline-view-dropdown{position:relative;display:flex;align-items:center}.control-separator{color:var(--text-tertiary);opacity:.4;font-size:10px;margin:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.view-toggle{display:none}.screen-data-item-right-controls .screen-content-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;cursor:pointer;color:var(--text-tertiary);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;opacity:.5}.screen-data-item-right-controls .screen-content-delete:hover{background-color:#ee60551a;color:var(--error);opacity:1;transform:scale(1.05)}.screen-data-item-right-controls .screen-content-delete svg{width:13px;height:13px}.screen-view-label{text-transform:capitalize}.grid-dotmenu{width:50px}.grid-dotmenu svg{margin-left:0}.screen-data-item-controls{display:none}.screen-content-delete,.screen-data-item-control{cursor:pointer}.scn-header{display:fixed}.screen-tabs-container{display:flex;align-items:flex-end;justify-content:flex-start;gap:32px;padding:0;margin-bottom:16px;border-bottom:1px solid var(--border-light)}.screen-tab{flex:0 0 auto;padding:8px 0;border:none;background:transparent;color:var(--text-tertiary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;cursor:pointer;position:relative;white-space:nowrap;text-align:left;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.screen-tab:hover:not(.active){color:var(--text-secondary)}.screen-tab.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.icon-wrapper-hidden{display:none}.create-screen-content{padding:10px 18px;background-color:var(--primary);color:#fff;border-radius:8px;cursor:pointer;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:13px;margin-right:0;box-sizing:border-box;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 6px #ee605540}.create-screen-content:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ee60554d}.create-screen-content:hover svg{transform:scale(1.1)}.create-screen-content:active{transform:translateY(0);box-shadow:0 2px 6px #ee605540}.toggle-button{width:60px;height:30px;background-color:#ccc;border-radius:15px;position:relative;cursor:pointer;transition:background-color .3s}.toggle-button-slider{width:26px;height:26px;background-color:var(--card-bg);border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s}.toggle-button.toggled{background-color:#4caf50}.toggle-button-slider.toggled{left:32px}@media only screen and (max-width: 1400px) and (min-width: 1100px){.screen-info-container{width:100%;padding:0 16px}.screen-content-add-section .screen-content-add-buttons{gap:16px}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-icon{width:52px;height:52px;margin-bottom:8px}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-label{font-size:11px}}@media only screen and (max-width: 1366px){.screen-info-container{padding:0 12px}.screen-content-add-section .screen-content-add-buttons{gap:14px}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-icon{width:48px;height:48px;margin-bottom:8px}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-label{font-size:11px}}@media only screen and (max-width: 1280px){.screen-info-container{padding:0 10px}.screen-content-add-section .screen-content-add-buttons{gap:12px}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-icon{width:44px;height:44px;margin-bottom:7px}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-label{font-size:10px}}@media only screen and (max-width: 1100px) and (min-width: 600px){.screen-info-container{width:100%;max-width:100%;padding:0 16px}.screen-content-add-section .screen-content-add-buttons{gap:14px}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-icon{width:48px;height:48px;margin-bottom:8px}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-label{font-size:11px}}@media only screen and (max-width: 600px){.screen-info-container{width:100%;height:96%;padding:0 12px}.screen-content-add-section .screen-content-add-title{font-size:13px}.screen-content-add-section .screen-content-add-buttons{gap:16px;flex-wrap:wrap}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-icon{width:48px;height:48px;margin-bottom:8px}.screen-content-add-section .screen-content-add-buttons .content-type-btn .content-type-label{font-size:11px}.site-header-container{display:none}.screen-card{margin-left:0;margin-bottom:16px;width:100%}.screen-card-date,.screen-card-content,.screen-card-device,.scn-header{display:none}.screen-card-menu{margin-right:0!important}.dotMenu-wrapper{justify-content:center;width:50px}.dotMenu-wrapper svg{margin:0}.screen-data-item-controls{opacity:1}.screen-info-data-list-container{flex-direction:column}.screen-data-item{min-height:100px;padding:12px 14px;gap:12px;align-items:center;overflow:hidden;min-width:0}.screen-data-item-body,.screen-data-item-info{min-width:0}.screen-data-item-title p{font-size:13px}.screen-data-item-details{flex-wrap:nowrap;gap:6px}.screen-data-item-right-controls{flex-wrap:nowrap;gap:8px;min-width:0}.screen-data-item-right-controls .custom-duration-dropdown .custom-duration-select,.screen-data-item-right-controls .custom-view-dropdown .custom-view-select{min-width:52px;padding:6px 8px;font-size:11px}.screen-data-item-right-controls .screen-content-delete{width:28px;height:28px}.screen-data-item .screen-data-image{flex-shrink:0;border-radius:4px}.screen-data-item .screen-data-image.landscape{width:48px;height:27px}.screen-data-item .screen-data-image.portrait{width:34px;height:60px}.screen-data-item .screen-data-image img{-o-object-fit:cover;object-fit:cover}}.screen-info-app-version{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;white-space:normal}.screen-info-app-version.screen-info-compact-value{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;color:var(--text-primary)}.screen-info-app-version .screen-info-app-version-value{white-space:nowrap;flex-shrink:0}.screen-info-app-version .screen-info-app-version-note{font-size:11px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.screen-info-app-version--outdated .screen-info-app-version-badge{font-size:11px;font-weight:600;color:#c62828;line-height:1.3;white-space:nowrap;flex-shrink:0}.screen-info-app-version-full{font-family:Roboto,sans-serif;font-size:15px;font-weight:700;color:var(--text-primary)}.screen-info-app-version-item .screen-info-app-version--outdated .screen-info-app-version-value{color:var(--text-primary)}.medium-modal-container .medium-modal-content-wrapper .medium-modal-footer{display:flex;justify-content:flex-end;align-items:flex-end;padding:16px 20px 16px 28px;border-top:1px solid var(--border-light);position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box}.screen-code-otp{display:flex;gap:12px;margin-top:6px}.screen-code-digit{width:56px;height:56px;border-radius:12px;border:1px solid var(--border-light);background-color:var(--input-bg);color:var(--text-primary);font-size:22px;font-weight:500;text-align:center;text-transform:uppercase;box-shadow:0 0 0 1px transparent;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .1s ease}.screen-code-digit:focus{outline:none;border-color:var(--primary);background-color:var(--card-bg);box-shadow:0 0 0 3px #ee60552e;transform:translateY(-1px)}@media only screen and (max-width: 600px){.screen-code-otp{gap:8px}.screen-code-digit{width:48px;height:48px;font-size:20px}.medium-modal-content-wrapper{bottom:7%;width:88%!important}}.screen-manage-page{height:93vh;max-height:93vh;overflow:hidden;display:flex;flex-direction:column}.screen-manage-layout{height:100%;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;position:relative}.screen-manage-header-common{width:100%;height:80px;min-height:80px;max-height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box;background-color:var(--bg-secondary);flex-shrink:0;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-light)}.screen-manage-header-common .screen-header-left-content{display:flex;align-items:center;gap:12px;flex:1}.screen-manage-header-common .screen-header-left-content .screen-back-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.screen-manage-header-common .screen-header-left-content .screen-back-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.screen-manage-header-common .screen-header-left-content .screen-header-name{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.screen-manage-header-common .screen-header-left-content .screen-status-badge{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.screen-manage-header-common .screen-header-left-content .screen-status-badge.online{background-color:#22c55e1a;color:#22c55e}.screen-manage-header-common .screen-header-left-content .screen-status-badge.offline{background-color:#ef44441a;color:#ef4444}.screen-manage-header-common .screen-header-left-content .screen-last-active{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.screen-manage-header-common .screen-header-right-content{display:flex;flex-direction:row;align-items:center;gap:12px;flex:1;justify-content:flex-end;flex-wrap:nowrap}.screen-manage-header-common .screen-header-right-content .screen-utility-button{display:flex;align-items:center;gap:5px;padding:6px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;position:relative;flex-shrink:0}.screen-manage-header-common .screen-header-right-content .screen-utility-button svg{flex-shrink:0;width:14px;height:14px;color:var(--text-secondary);stroke:var(--text-secondary);stroke-width:2.5;transition:all .2s ease}.screen-manage-header-common .screen-header-right-content .screen-utility-button span{transition:color .2s ease;letter-spacing:-.01em}.screen-manage-header-common .screen-header-right-content .screen-utility-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.screen-manage-header-common .screen-header-right-content .screen-utility-button:hover svg{color:var(--text-primary);stroke:var(--text-primary)}.screen-manage-header-common .screen-header-right-content .screen-utility-button:active{transform:scale(.98)}.screen-manage-header-common .screen-header-right-content .header-divider{color:var(--text-tertiary);font-size:14px;font-weight:300;opacity:.4;margin:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.screen-manage-header-common .screen-header-right-content .screen-publish-status{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;white-space:nowrap;flex-shrink:0}.screen-manage-header-common .screen-header-right-content .screen-publish-status.unpublished{color:#f59e0b;font-weight:500}.screen-manage-header-common .screen-header-right-content .screen-publish-status.published{color:var(--text-tertiary)}.screen-manage-header-common .screen-header-right-content .screen-publish-button{padding:10px 20px;height:auto;min-height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;box-sizing:border-box;white-space:nowrap;flex-shrink:0;background-color:#10b981;color:#fff;font-family:Roboto,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b98133;position:relative;overflow:hidden}.screen-manage-header-common .screen-header-right-content .screen-publish-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.screen-manage-header-common .screen-header-right-content .screen-publish-button:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 16px #10b98159,0 2px 8px #10b98133;transform:translateY(-2px)}.screen-manage-header-common .screen-header-right-content .screen-publish-button:hover:not(:disabled):before{left:100%}.screen-manage-header-common .screen-header-right-content .screen-publish-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #10b98140;transition:all .1s ease}.screen-manage-header-common .screen-header-right-content .screen-publish-button:disabled,.screen-manage-header-common .screen-header-right-content .screen-publish-button.disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;opacity:.6;border:1px solid var(--border-light)}.screen-manage-header-common .screen-header-right-content .screen-publish-button:disabled:before,.screen-manage-header-common .screen-header-right-content .screen-publish-button.disabled:before{display:none}.screen-manage-header-common .screen-header-right-content .screen-publish-button:disabled svg,.screen-manage-header-common .screen-header-right-content .screen-publish-button.disabled svg{opacity:.5}.screen-manage-header-common .screen-header-right-content .screen-publish-button svg{flex-shrink:0;width:18px;height:18px}.screen-manage-header-common .screen-header-right-content .screen-header-actions{display:flex;align-items:center;flex-shrink:0}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu{position:relative;display:flex;align-items:center}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-trigger:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-trigger:active{transform:scale(.95)}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-trigger svg{width:16px;height:16px}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown .screen-options-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;color:var(--text-primary);transition:background-color .2s ease}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown .screen-options-item:hover{background-color:#0000000a}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown .screen-options-item:active{background-color:#0000000f}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown .screen-options-item svg{flex-shrink:0;color:var(--text-secondary)}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown .screen-options-item span{flex:1}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown .screen-options-item.screen-options-item-danger{color:var(--error)}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown .screen-options-item.screen-options-item-danger:hover{background-color:#ee605514}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown .screen-options-item.screen-options-item-danger svg{color:var(--error)}.screen-manage-header-common .screen-header-right-content .screen-header-actions .screen-options-menu .screen-options-dropdown .screen-options-item.screen-options-item-mobile-only,.screen-manage-header-common .screen-control-mobile-menu{display:none}.screen-manage-sections-wrapper{display:flex;flex:1;min-height:0;width:100%;overflow:hidden}.screen-manage-footer,.screen-manage-mobile-footer,.screen-manage-mobile-tabs,.screen-manage-layout-section{display:none}.screen-manage-left-section{width:58%;display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;background-color:var(--bg-primary);position:relative}.screen-manage-left-section:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--border-light) 10%,var(--border-light) 90%,transparent 100%);z-index:1;pointer-events:none}.screen-manage-left-section .screen-media-player{background-color:var(--bg-primary);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;overflow:hidden;min-height:0;position:relative;z-index:1}.screen-manage-left-section .screen-media-player>*{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.screen-manage-left-section .screen-media-player .screen-control-contianer{background:linear-gradient(145deg,#1a1a1a,#242424,#1a1a1a);height:-moz-fit-content;height:fit-content;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;padding:8px 8px 14px;box-shadow:0 25px 50px -12px #0000004d,0 12px 24px -8px #0003,0 4px 8px -2px #0000001a,inset 0 2px 4px #ffffff08;width:100%;max-width:600px;border-radius:20px;transition:all .3s ease;overflow:hidden}.screen-manage-left-section .screen-media-player .screen-control-contianer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none;z-index:1}.screen-manage-left-section .screen-media-player .screen-control-contianer.screen-control-landscape{max-width:600px}.screen-manage-left-section .screen-media-player .screen-control-contianer.screen-control-portrait{max-width:320px}.screen-manage-left-section .screen-media-player .screen-control-contianer:hover{box-shadow:0 35px 70px -15px #00000059,0 15px 30px -10px #0003,0 6px 12px -4px #0000001a;transform:translateY(-2px)}.screen-manage-left-section .screen-media-player .screen-control-contianer>.player-landscape,.screen-manage-left-section .screen-media-player .screen-control-contianer>.player-portrait{position:relative;z-index:2}.screen-manage-left-section .screen-media-player .screen-control-contianer .screen-preview-mode-indicator{position:absolute;top:20px;left:20px;z-index:10;pointer-events:none}.screen-manage-left-section .screen-media-player .screen-control-contianer .screen-preview-mode-indicator .preview-mode-label{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:400;background-color:#00000073;color:#ffffffeb;border:none}.screen-manage-left-section .screen-media-player .screen-control-contianer .power-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%) translateY(-50%);width:6px;height:6px;border-radius:50%;animation:powerPulse 2s ease-in-out infinite;z-index:10}.screen-manage-left-section .screen-media-player .screen-control-contianer .power-indicator.offline{background-color:#ef4444;box-shadow:0 0 8px #ef444499,0 0 3px #ef4444cc}.screen-manage-left-section .screen-media-player .screen-control-contianer .power-indicator.online{background-color:#22c55e;box-shadow:0 0 8px #22c55e99,0 0 3px #22c55ecc}.screen-manage-left-section .screen-media-player .screen-player-controls{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:12px;justify-content:flex-start;width:100%}.screen-manage-left-section .screen-media-player .screen-player-controls.landscape{max-width:600px}.screen-manage-left-section .screen-media-player .screen-player-controls.portrait{max-width:320px}.screen-manage-left-section .screen-media-player .player-control-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;background:transparent;color:var(--text-tertiary)}.screen-manage-left-section .screen-media-player .player-control-btn svg{flex-shrink:0;opacity:.7}.screen-manage-left-section .screen-media-player .player-control-btn:hover{background-color:transparent;border-color:var(--border-light)}.screen-manage-left-section .screen-media-player .player-control-btn:hover svg{opacity:1}.screen-manage-left-section .screen-media-player .player-control-btn:active{opacity:.8}.screen-manage-left-section .screen-media-player .player-control-btn.play:hover{color:var(--success);border-color:var(--success)}.screen-manage-left-section .screen-media-player .player-control-btn.play:hover svg{color:var(--success);opacity:1}.screen-manage-left-section .screen-media-player .player-control-btn.stop:hover{color:var(--primary);border-color:var(--primary)}.screen-manage-left-section .screen-media-player .player-control-btn.stop:hover svg{color:var(--primary);opacity:1}.screen-manage-left-section .screen-media-player .player-control-btn.resync:hover{color:var(--text-secondary);border-color:var(--border-light)}.screen-manage-left-section .screen-media-player .player-control-btn.resync:hover svg{color:var(--text-secondary);opacity:1}.screen-manage-right-section{width:42%;display:flex;flex-direction:column;align-items:stretch;flex:1;background-color:var(--bg-primary);box-sizing:border-box;position:relative}.screen-manage-right-section .screen-manage-header-right{display:none}.screen-manage-right-section .screen-manage-header-right .screen-tabs-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.screen-manage-right-section .screen-manage-header-right .screen-options-menu{position:relative;display:flex;align-items:center}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-trigger:hover{background-color:#0000000a;color:var(--text-primary)}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-trigger:active{transform:scale(.95)}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-dropdown .screen-options-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;color:var(--text-primary);transition:background-color .2s ease}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-dropdown .screen-options-item:hover{background-color:#0000000a}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-dropdown .screen-options-item:active{background-color:#0000000f}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-dropdown .screen-options-item svg{flex-shrink:0;color:var(--text-secondary)}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-dropdown .screen-options-item span{flex:1}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-dropdown .screen-options-item.screen-options-item-danger{color:var(--error)}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-dropdown .screen-options-item.screen-options-item-danger:hover{background-color:#ee605514}.screen-manage-right-section .screen-manage-header-right .screen-options-menu .screen-options-dropdown .screen-options-item.screen-options-item-danger svg{color:var(--error)}.screen-manage-right-section .screen-management-section,.screen-manage-right-section .screen-info-wrapper{flex:1;width:100%!important;max-width:100%!important;background-color:var(--bg-primary);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;min-height:0}.screen-manage-right-section .screen-management-section .screen-management-content,.screen-manage-right-section .screen-info-wrapper .screen-management-content{flex:1;width:100%!important;max-width:100%!important;overflow:hidden;padding:24px 24px 0;box-sizing:border-box;min-height:0;display:flex;flex-direction:column;align-items:stretch}.screen-manage-right-section .screen-management-section .screen-management-content>*,.screen-manage-right-section .screen-info-wrapper .screen-management-content>*{width:100%;max-width:100%;box-sizing:border-box}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes powerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.screen-control-info-wrapper{height:84%;width:24%;border:1px solid var(--border-light);background-color:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);overflow:hidden}.screen-list-container{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:200px;gap:0}.screen-management-section,.screen-info-wrapper{flex:1;width:100%;max-width:100%;background-color:var(--bg-primary);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;min-height:0}.screen-management-section .screen-management-content,.screen-info-wrapper .screen-management-content{flex:1;width:100%;max-width:100%;overflow:hidden;padding:24px 24px 0;box-sizing:border-box;min-height:0;display:flex;flex-direction:column;align-items:stretch}.screen-management-section .screen-management-content>*,.screen-info-wrapper .screen-management-content>*{width:100%;max-width:100%;box-sizing:border-box}.screen-management-content{width:100%!important;max-width:100%!important}.screen-management-content .screen-tabs-content{flex:1;overflow:hidden;width:100%;max-width:100%;position:relative;display:flex;flex-direction:column;min-height:0}.screen-management-content .screen-tabs-content>div{height:100%;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.screen-management-content .screen-tab-panel{padding:0;width:100%;box-sizing:border-box;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;min-height:0}.screen-management-content .screen-tab-panel>div{width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.screen-management-content .screen-tab-panel.screen-info-combined{overflow-y:auto;overflow-x:hidden;padding:0;gap:0;background-color:var(--card-bg)}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section{width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;background-color:var(--card-bg)}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-title,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;color:var(--text-primary);margin:0;padding:20px 24px;border-bottom:1px solid var(--border-light);background-color:var(--card-bg);position:sticky;top:0;z-index:10}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content{flex:1;width:100%;padding:0;box-sizing:border-box;background-color:var(--card-bg);min-height:0;overflow:visible}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-info-data-container,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-info-data-container{padding:0;width:100%}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-info-data-container .screen-info-data-list-container,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-info-data-container .screen-info-data-list-container{overflow:visible;height:auto;display:flex;justify-content:space-between;gap:40px;padding:24px;box-sizing:border-box}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-info-data-container .screen-info-data-list-container .screen-info-left,.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-info-data-container .screen-info-data-list-container .screen-info-right,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-info-data-container .screen-info-data-list-container .screen-info-left,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-info-data-container .screen-info-data-list-container .screen-info-right{flex:1;min-width:0}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-analytics-container.tab-mode,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-analytics-container.tab-mode{width:100%;height:auto;min-height:0}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode{width:100%;padding:0;box-sizing:border-box}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode>div,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode>div{padding:24px!important;box-sizing:border-box}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode .screen-analytics-message-header,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode .screen-analytics-message-header{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--border-light)}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode .screen-analytics-message,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode .screen-analytics-message{margin-bottom:24px;padding:0}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode .screen-analytics-message:last-child,.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section .screen-info-section-content .screen-analytics-container.tab-mode .screen-analytics-wrapper.tab-mode .screen-analytics-message:last-child{margin-bottom:0}.screen-management-content .screen-tab-panel.screen-info-combined .screen-info-section{border-bottom:1px solid var(--border-light)}.screen-management-content .screen-tab-panel.screen-info-combined .screen-usage-section{flex:1;min-height:0}.screen-info-skeleton{height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center}.screen-control-footer{display:flex;width:100%;max-width:600px;background-color:var(--card-bg);border-radius:12px;height:60px;align-items:center;justify-content:center;padding:0 16px;box-sizing:border-box;margin-top:16px;border:1px solid var(--border-light);box-shadow:0 2px 8px var(--card-shadow)}.screen-control-footer button{background-color:var(--card-bg);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;border-radius:10px;padding:10px;cursor:pointer;transition:all .2s ease}.screen-control-footer button:hover{background-color:var(--dropdown-hover);border-color:var(--border-medium);transform:scale(1.02)}.screen-control-footer button:active{transform:scale(.98)}.screen-control-footer .screen-control-footer-center{display:flex;align-items:center;justify-content:center;height:100%}.screen-control-footer .screen-control-footer-left{display:flex;align-items:center;width:30%;height:100%}.screen-control-footer .screen-control-footer-right{display:flex;align-items:center;width:70%;justify-content:flex-end;gap:12px}.screen-control-footer .screen-control-footer-right div{margin-left:0}.screen-header-left-content{display:flex;align-items:center;gap:16px;flex:1}.screen-back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background-color:transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;color:var(--text-tertiary)}.screen-back-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.screen-back-button:active{transform:scale(.95)}.screen-header-info{display:flex;flex-direction:column;gap:2px}.screen-header-top{display:flex;align-items:center;gap:12px}.screen-header-name{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:18px;color:var(--text-primary);margin:0;letter-spacing:-.01em}.screen-status-badge{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;padding:4px 10px;border-radius:12px;letter-spacing:.02em}.screen-status-badge.online{color:#fff;background-color:var(--success)}.screen-status-badge.offline{color:var(--error);background-color:transparent;border:1px solid var(--error)}.screen-last-active{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;color:var(--text-tertiary);margin:0 0 0 8px;white-space:nowrap}.screen-resync-button{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-light);background-color:transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);margin-left:8px}.screen-resync-button svg{color:var(--text-tertiary);transition:all .3s ease}.screen-resync-button:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.screen-resync-button:hover svg{color:var(--primary);transform:rotate(180deg)}.screen-resync-button:active{transform:scale(.97)}.screen-tabs-nav{display:flex;align-items:center;gap:0;flex:0 0 auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;height:100%;margin:0;padding:0}.screen-tabs-nav::-webkit-scrollbar{display:none}.screen-tab{display:flex;align-items:center;justify-content:flex-start;padding:6px 0;margin-right:36px;border:none;background:transparent;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:500;color:var(--nav-text);white-space:nowrap;position:relative;flex-shrink:0;height:100%;gap:10px}.screen-tab svg{flex-shrink:0;color:var(--nav-text);stroke:var(--nav-text);strokeWidth:2.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.screen-tab span{transition:color .2s cubic-bezier(.4,0,.2,1);line-height:1.4;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.screen-tab:hover:not(.active){color:var(--primary)}.screen-tab:hover:not(.active) svg{color:var(--primary);stroke:var(--primary)}.screen-tab.active{border-bottom:3px solid var(--nav-active);color:var(--nav-active)}.screen-tab.active svg{color:var(--nav-active)!important;stroke:var(--nav-active)!important;strokeWidth:2.5}.screen-tab.active span{color:var(--nav-active);font-weight:600;font-size:15px}.screen-tab:active{transform:scale(.98)}.screen-action-bar{display:flex;align-items:center;gap:6px}.screen-action-item{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid transparent;background-color:transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.screen-action-item.screen-action-delete:hover{border-color:var(--error);color:var(--error);background-color:#ef44440d}.screen-action-item.screen-action-delete:hover svg{color:var(--error)}.screen-action-item svg{color:var(--text-secondary);opacity:.85;transition:all .15s ease}.screen-action-item:hover{border-color:var(--border-light);background-color:transparent;color:var(--text-primary)}.screen-action-item:hover svg{color:var(--text-primary);opacity:1}.screen-action-item:active{opacity:.8}.screen-action-delete:hover{border-color:var(--primary);background-color:transparent;color:var(--error)}.screen-action-delete:hover svg{color:var(--error);opacity:1}.screen-control-mobile-menu,.screen-control-mobile{display:none}.refresh-icon{background-color:transparent;display:flex;justify-content:center;align-items:center;gap:6px;padding:6px 12px;color:var(--text-secondary);font-size:13px;border-radius:8px;border:1px solid var(--border-light);transition:all .2s ease;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.refresh-icon svg{fill:none;stroke:var(--text-secondary);strokeWidth:2}.refresh-icon:hover{cursor:pointer;color:var(--primary);border-color:var(--primary);background-color:var(--primary-light)}.refresh-icon:hover svg{fill:none;stroke:var(--primary);strokeWidth:2;transform:rotate(180deg);transition:transform .4s ease-in-out}@media only screen and (max-width: 600px){.screen-manage-header-common .screen-header-right-content .screen-utility-button,.screen-manage-header-common .screen-header-right-content .header-divider,.screen-manage-header-common .screen-header-right-content .screen-publish-status,.screen-manage-header-common .screen-header-right-content .screen-publish-button,.screen-manage-header-common .screen-control-mobile-menu{display:none!important}.screen-options-item-mobile-only{display:flex!important}.screen-manage-page{padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}.screen-manage-mobile-tabs{display:flex;flex-shrink:0;gap:0;padding:0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.screen-manage-mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.screen-manage-mobile-tab:active{transform:scale(.98)}.screen-manage-mobile-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.screen-manage-mobile-tab svg{flex-shrink:0}.screen-manage-sections-wrapper{flex-direction:column;overflow:hidden}.screen-manage-mobile-tab-panel.mobile-tab-inactive{display:none!important}.screen-manage-mobile-tab-panel.mobile-tab-active{display:flex!important}.screen-manage-left-section{width:100%!important;max-width:100%!important;flex:1;min-height:0;flex-direction:column}.screen-manage-left-section:after{display:none}.screen-manage-right-section{width:100%!important;max-width:100%!important;flex:1;min-height:0;overflow-y:auto}.screen-manage-layout-section{width:100%!important;max-width:100%!important;flex:1;min-height:0;overflow-y:auto;flex-direction:column;background-color:var(--bg-primary)}.screen-manage-layout-tab-content{flex:1;overflow-y:auto;padding:16px 16px 24px;box-sizing:border-box;display:flex;flex-direction:column}.screen-manage-layout-tab-content .layout-change-container.tab-mode{min-height:auto;flex:1;display:flex;flex-direction:column}.screen-manage-layout-tab-content .layout-change-wrapper.tab-mode{max-width:100%;flex:1;display:flex;flex-direction:column}.screen-manage-layout-tab-content .layout-change-content.tab-mode{flex:1}.screen-manage-layout-tab-content .layout-change-content.tab-mode .layout-container{gap:12px;flex-wrap:wrap}.screen-manage-layout-tab-content .layout-change-content.tab-mode .layout-container .layout-item .layout-button{min-width:70px;min-height:50px}.screen-manage-layout-tab-content .layout-change-content.tab-mode .layout-container .layout-item .layout-label{font-size:12px}.screen-manage-layout-tab-content .layout-change-content.tab-mode .layout-container.portrait-container .layout-item .layout-button{min-width:50px;min-height:70px}.screen-manage-layout-tab-content .layout-change-content.tab-mode .layout-section{margin-bottom:24px}.screen-manage-layout-tab-content .layout-change-content.tab-mode .layout-section-title{font-size:14px;margin-bottom:12px}.screen-manage-layout-tab-content .layout-change-footer.tab-mode{flex-shrink:0;margin-top:24px;padding:20px 0 0;border-top:1px solid var(--border-light)}.screen-manage-layout-tab-content .layout-change-footer.tab-mode .confirm-button{width:100%;padding:14px 24px;font-size:15px;font-weight:600;border-radius:10px;min-height:48px}.screen-manage-wrapper{display:flex;height:86%;width:100%;box-sizing:border-box;padding:0%;flex-direction:column;justify-content:space-around;margin-top:10px}.screen-media-player{width:100%!important;max-width:100%!important;min-width:auto!important;margin-bottom:16px;height:-moz-fit-content;height:fit-content}.screen-management-section,.screen-info-wrapper{display:flex;width:100%!important;min-width:auto!important;max-width:100%!important;height:auto;min-height:50vh;flex:1;border-left:none}.screen-manage-header{margin-top:0;height:6%}.screen-manage-controls{left:50%;top:83%;transform:translate(-50%,-50%)}.layout-select{position:absolute;bottom:16%;left:47%;transform:translate(-50%,-50%)}.screen-control-contianer{width:100%!important;display:block!important}.screen-control-contianer.screen-control-landscape,.screen-control-contianer.screen-control-portrait{height:auto!important}.screen-edit-button{width:50px!important}.screen-edit-button p{display:none}.screen-control-landscape{width:100%!important;max-width:100%!important;max-height:350px!important;height:auto!important;aspect-ratio:16/9}.tv-stand-landscape{width:100%!important;max-width:100%!important}.tv-stand-portrait{width:100%!important;max-width:280px!important;height:15px!important}.screen-control-portrait{width:100%!important;max-width:280px!important;aspect-ratio:9/16}.screen-control-contianer.screen-control-landscape{max-width:100%!important;max-height:350px!important}.screen-control-contianer.screen-control-portrait{max-width:280px!important}.screen-control-contianer .player-landscape,.screen-control-contianer .player-portrait{width:100%!important;max-width:100%!important;height:100%!important;top:auto!important;left:auto!important}.screen-control-contianer .player-landscape{aspect-ratio:16/9;min-height:0}.screen-control-contianer .player-portrait{aspect-ratio:9/16;min-height:0}.screen-player-controls{width:100%!important;max-width:100%!important}.screen-player-controls.landscape{max-width:100%!important}.screen-player-controls.portrait{max-width:280px!important}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.screen-control-mobile{display:flex;flex-direction:column;width:100%;background-color:var(--modal-bg);position:absolute;bottom:0;left:0;padding:15px 15px 15px 30px;align-items:flex-start;z-index:9999;font-family:Roboto,sans-serif;font-weight:500;color:var(--text-primary);transform:translateY(100%);opacity:0}.screen-control-mobile-wrapper{background:var(--modal-overlay);position:absolute;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.screen-control-mobile.slide-up{animation:slideUp .3s ease-out forwards}.screen-control-mobile.slide-down{animation:slideDown .3s ease-out forwards}.screen-control-mobile-menu{padding:0 13px;display:block}.screen-control-mobile-menu svg{fill:var(--text-secondary)}.screen-manage-mobile-footer{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0));background-color:var(--nav-bg);border-top:1px solid var(--border-light);z-index:1000;justify-content:flex-end;align-items:center;box-shadow:0 -2px 10px #0000000f;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.screen-manage-mobile-footer .screen-manage-mobile-footer-right{display:flex;align-items:center;gap:12px;justify-content:flex-end;min-width:0}.screen-manage-mobile-footer .screen-manage-mobile-footer-status{font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.screen-manage-mobile-footer .screen-manage-mobile-footer-status.unpublished{color:#f59e0b;font-weight:500}.screen-manage-mobile-footer .screen-manage-mobile-footer-status.published{color:var(--text-tertiary)}.screen-manage-mobile-footer .screen-manage-mobile-footer-publish{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;background-color:#10b981;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #10b98133}.screen-manage-mobile-footer .screen-manage-mobile-footer-publish:active:not(:disabled){transform:scale(.96)}.screen-manage-mobile-footer .screen-manage-mobile-footer-publish:disabled,.screen-manage-mobile-footer .screen-manage-mobile-footer-publish.disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);opacity:.6;cursor:not-allowed;box-shadow:none;border:1px solid var(--border-light)}.screen-manage-mobile-footer .screen-manage-mobile-footer-publish svg{flex-shrink:0}.screen-control-footer{width:100%!important;height:60px;padding:0 10px;box-sizing:border-box;margin-top:10px;justify-content:center}}@media only screen and (min-width: 1440px){.screen-manage-layout .screen-manage-left-section{width:58%}.screen-manage-layout .screen-manage-right-section{width:42%}.screen-manage-layout .screen-manage-right-section .screen-management-section,.screen-manage-layout .screen-manage-right-section .screen-info-wrapper{width:100%;max-width:100%}}@media only screen and (min-width: 1280px) and (max-width: 1439px){.screen-manage-layout .screen-manage-left-section{width:58%}.screen-manage-layout .screen-manage-right-section{width:42%}.screen-manage-layout .screen-manage-right-section .screen-management-section,.screen-manage-layout .screen-manage-right-section .screen-info-wrapper{width:100%;max-width:100%}}@media only screen and (max-width: 1400px) and (min-width: 1024px){.screen-manage-wrapper{gap:0}.screen-action-bar{gap:4px}.screen-action-item{padding:7px 10px;font-size:12px;gap:5px}.screen-action-item svg{width:15px;height:15px}}@media only screen and (max-width: 1023px){.screen-manage-wrapper{flex-direction:column;align-items:center;gap:16px;height:auto;min-height:70%}.screen-manage-wrapper .screen-media-player{width:100%;max-width:600px;min-width:auto}.screen-manage-wrapper .screen-control-landscape{max-width:100%;max-height:400px}.screen-manage-wrapper .screen-control-portrait{max-width:320px}.screen-manage-wrapper .screen-control-contianer{width:100%;max-width:100%}.screen-manage-wrapper .screen-control-contianer.screen-control-landscape{max-width:100%;max-height:400px}.screen-manage-wrapper .screen-control-contianer.screen-control-portrait{max-width:320px}.screen-manage-wrapper .tv-stand-landscape{max-width:100%}.screen-manage-wrapper .screen-player-controls{width:100%;max-width:100%}.screen-manage-wrapper .screen-player-controls.landscape{max-width:100%}.screen-management-section,.screen-info-wrapper{width:100%;min-width:auto;max-width:100%;border-left:none}.screen-action-bar{gap:4px}.screen-action-item{padding:8px 10px}.screen-action-item span{display:none}}@media only screen and (max-width: 600px){.screen-manage-wrapper{padding-top:10px;gap:10px}.screen-manage-wrapper .screen-media-player>*{max-width:100%}.screen-manage-wrapper .screen-control-contianer{max-width:100%}.screen-manage-wrapper .screen-control-contianer.screen-control-landscape{max-height:350px}}.large-modal-container{background:var(--modal-overlay);position:fixed;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.large-modal-container .large-modal-content-wrapper{width:950px;max-width:95vw;max-height:90vh;height:-moz-fit-content;height:fit-content;min-height:400px;background-color:var(--modal-bg);border-radius:10px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.large-modal-container .large-modal-content-wrapper .large-modal-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light)}.large-modal-container .large-modal-content-wrapper .large-modal-header svg{fill:var(--text-secondary);cursor:pointer}.large-modal-container .large-modal-content-wrapper .large-modal-header svg:hover{fill:var(--primary)}.large-modal-container .large-modal-content-wrapper .large-modal-content{border-radius:10px;background-color:transparent;position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.large-modal-container .large-modal-content-wrapper .large-modal-content-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.large-modal-container .large-modal-content-wrapper .large-modal-footer{display:flex;justify-content:flex-end;align-items:flex-end;padding:16px 20px 16px 28px;border-top:1px solid var(--border-light);position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box;background-color:var(--modal-bg);z-index:99}.content-navigation-container{height:auto;margin:12px 0 0;padding:0 0 6px 24px;flex-shrink:0}.content-navigation-container ul,.content-navigation-container li{list-style-type:none;display:flex;margin:0;align-items:center}.content-navigation-container li{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:15px;margin-right:32px;padding:4px 2px 10px;border-bottom:3px solid transparent;cursor:pointer}.content-navigation-container li p{margin:0}.content-navigation-container .active-link{border-bottom:3px solid #EE6055}.content-navigation-container .active-link p{color:#ee6055;margin:0;font-weight:500}.content-navigation-container a{text-decoration:none;color:#363636}.content-container{padding:8px 26px 30px 22px;flex:0 1 auto;min-height:0;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;box-sizing:border-box}.large-modal-content-wrapper .playlist-list-container,.large-modal-content-wrapper .scheduler-list-container{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;align-items:start;gap:18px;padding:12px 0 24px;width:100%;min-width:0;box-sizing:border-box}.large-modal-content-wrapper .playlist-list-container .playlist-card-grid,.large-modal-content-wrapper .scheduler-list-container .playlist-card-grid,.large-modal-content-wrapper .playlist-list-container .scheduler-card-variant,.large-modal-content-wrapper .scheduler-list-container .scheduler-card-variant{min-width:0;align-self:start}.large-modal-content-wrapper .playlist-list-container .content-card-skeleton,.large-modal-content-wrapper .scheduler-list-container .content-card-skeleton{cursor:default;pointer-events:none}.large-modal-content-wrapper .playlist-list-container .content-card-skeleton:hover,.large-modal-content-wrapper .scheduler-list-container .content-card-skeleton:hover{transform:none;box-shadow:none}@media screen and (max-width: 1400px){.large-modal-content-wrapper .playlist-list-container,.large-modal-content-wrapper .scheduler-list-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 800px){.large-modal-content-wrapper .playlist-list-container,.large-modal-content-wrapper .scheduler-list-container{grid-template-columns:repeat(1,1fr)}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:20px}.media-item{padding:10px;border:1px solid #ccc;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.media-item.selected{background-color:#b3d9ff}.media-item:hover{background-color:#f0f0f0}.content-sort-container{position:sticky;top:0;width:100%;z-index:10;min-height:40px;background-color:var(--modal-bg);padding:4px 0 12px;margin-bottom:4px;display:flex;align-items:center;flex-shrink:0;grid-column:1/-1}.content-sort-contents{display:flex;align-items:center;gap:8px}@media only screen and (max-width: 600px){.large-modal-content-wrapper{width:90%!important;height:85%!important;border-radius:12px!important;bottom:0%;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.large-modal-header{padding-top:30px!important}.content-navigation-container{margin-bottom:3%!important;margin-top:2%!important}.content-navigation-container li{margin:0}.content-navigation-container ul{padding-left:18px;gap:30px}.content-container{width:93%;padding:0% 3.5% 10%;scrollbar-width:none}.large-modal-footer{justify-content:flex-end!important}.large-modal-content{overflow:hidden}.content-container .content-sort-container{padding:8px 0 6px;margin-bottom:0;min-height:36px}.content-sort-container{width:100%;min-height:44px;padding:12px 0 16px;margin-left:0}.content-sort-contents{display:flex;align-items:center;gap:6px}.content-container .content-sort-contents{gap:6px}.content-container .content-sort-contents .sort-button{font-size:12px;height:32px;padding:0 12px;margin-left:0;border-radius:6px;box-shadow:0 1px 2px #0000000a}}.playlist-list-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 0 200px}.playlist-list-container>.empty-message-container{grid-column:1/-1;justify-self:center}@media screen and (min-width: 1920px){.playlist-list-container{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 1400px) and (max-width: 1919px){.playlist-list-container{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 900px) and (max-width: 1399px){.playlist-list-container{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 600px) and (max-width: 899px){.playlist-list-container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 600px){.playlist-list-container{grid-template-columns:repeat(1,1fr);gap:10px;padding:0 0 200px}}.playlist-card-grid{position:relative;background-color:var(--card-bg);box-sizing:border-box;border-radius:10px;border:1px solid var(--border-light);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:visible;cursor:pointer;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.playlist-card-grid:hover{border-color:var(--border-medium);box-shadow:0 4px 12px var(--card-hover-shadow),0 2px 6px var(--card-shadow);transform:translateY(-2px)}.playlist-card-grid .playlist-card-overlay{position:absolute;width:100%;height:100%;background-color:#ee605514;display:flex;justify-content:center;align-items:center;box-sizing:border-box;left:0;top:0;border-radius:10px;z-index:1;pointer-events:none}.playlist-card-grid .playlist-card-actions-overlay{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:8px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:2}.playlist-card-grid:hover .playlist-card-actions-overlay{opacity:1;visibility:visible}.playlist-card-grid .playlist-action-button{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-light);background-color:var(--card-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.playlist-card-grid .playlist-action-button:hover{border-color:var(--border-medium);background-color:var(--dropdown-hover)}.playlist-card-grid .playlist-action-button:hover svg{color:var(--text-primary)!important}.playlist-card-grid .playlist-action-button:active{background-color:var(--bg-tertiary)}.playlist-card-grid .playlist-card-row-first{display:flex;justify-content:flex-start;align-items:center;width:100%;padding-right:100px;min-height:28px;gap:10px}.playlist-card-grid .playlist-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-card-grid .playlist-name{color:var(--text-primary);margin:0;font-weight:600;font-size:15px;line-height:1.4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.playlist-card-grid .playlist-card-row-second{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary)}.playlist-card-grid .playlist-info-text{color:var(--text-secondary);font-size:13px;font-weight:400;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.playlist-card-grid .status-dot{color:var(--text-tertiary);font-size:10px;margin:0}.playlist-header:hover{background-color:var(--card-bg);cursor:default}.playlist-list-container-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.playlist-grid{width:92%}.playlist-info-container{height:90vh;padding:20px 26px}.playlist-info-container .playlist-info-title{font-family:Roboto,sans-serif;font-weight:500;font-size:16px;margin-bottom:30px;color:var(--text-secondary)}.playlist-info-container .playlist-info-player{margin-bottom:30px;width:349px;height:196px;background-color:#363636;display:flex;align-items:center;border-radius:12px;justify-content:center}.playlist-info-container .playlist-info-player video{border-radius:12px;width:100%;max-height:200px}.playlist-info-container .playlist-info-player img{border-radius:12px;width:100%;-o-object-fit:contain;object-fit:contain}.playlist-info-container .playlist-info-list .playlist-info-item{display:flex;padding:12px;box-sizing:border-box}.playlist-info-container .playlist-info-list .playlist-info-item .playlist-item-title{width:34%}.playlist-info-container .playlist-info-list .playlist-info-item .playlist-item-content{width:66%}.playlist-data-item{margin:0 0 16px;display:flex;padding:14px 10px;background-color:var(--card-bg);border-radius:8px;width:100%;align-items:center;overflow:hidden;box-sizing:border-box;justify-content:space-between;border:1px solid #e7ebf0}.playlist-data-item .playlist-data-image{width:96px;height:64px;margin-right:15px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.playlist-data-item img{-o-object-fit:cover;object-fit:cover;border-radius:4px}.playlist-data-item .playlist-data-item-info{width:100%;height:80%;display:flex;box-sizing:border-box;padding:0 10px}.playlist-data-item .playlist-data-item-title{display:flex;align-items:center;width:100%;font-weight:400;font-family:Roboto,sans-serif;font-size:16 px;color:var(--text-secondary)}.playlist-data-item .playlist-data-item-title p{margin:0}.playlist-data-item .playlist-data-item-title .title{width:340px}.playlist-data-item .playlist-data-item-details{display:flex;margin-left:20px;font-size:16px;align-items:center;font-family:Roboto,sans-serif;color:var(--text-secondary);font-weight:400}.playlist-data-item .playlist-data-item-details p{margin:0 140px 0 10px}.playlist-card{box-sizing:border-box;cursor:pointer;background-color:var(--card-bg);padding:16px 0 16px 20px;border:1px solid #e7ebf0;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease;border-radius:6px;margin-bottom:14px;position:relative}.playlist-card .playlist-name-wrapper{display:flex;align-items:center;height:100%;width:220px}.playlist-card .playlist-name-wrapper .playlist-name-left{display:flex;align-items:center;height:100%}.playlist-card .playlist-mediaCount,.playlist-card .playlist-duration{width:200px}.playlist-card .playlist-createdAt{width:120px}.playlist-card .playlist-card-overlay{position:absolute;width:100%;height:100%;background-color:#e7ebf080;display:flex;justify-content:end;align-items:center;box-sizing:border-box;left:0;top:0;padding:0 10px;z-index:999}.playlist-card .playlist-card-left-grid{display:none}.playlist-card:hover{box-shadow:#00000014 0 4px 12px}.playlist-media-wrapper{height:70vh;width:22vw;border:1px solid;border-color:#e7ebf0;background-color:#f8f9fb;border-radius:14px;box-sizing:border-box}.media-list-card .playlist-image-container{width:130px;height:80px;border-top-left-radius:8px;border-bottom-left-radius:8px;background-color:#e7ebf0}.media-list-card .playlist-image-container img{border-top-left-radius:8px;border-bottom-left-radius:8px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-list-card .info-wrapper .playlist-info-items,.media-list-card .playlist-info-items{display:flex;margin-top:10px}.playlist-media-control{display:flex;align-items:center;justify-content:center;gap:5px;transition:opacity .4s ease;cursor:pointer}.playlist-media-control .screen-content-delete{cursor:pointer}.playlist-media-control svg{transition:transform .3s ease;fill:var(--text-secondary)}.playlist-media-control svg:hover{transform:scale(1.1);fill:#ca453a}.playlist-controls{display:flex;align-items:center}.playlist-media-counter{display:flex;font-size:30px;font-family:Roboto,sans-serif;color:var(--text-secondary);margin-right:20px;margin-left:10px;font-weight:700;align-items:center;justify-content:center}.playlist-goto-button{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer;padding:8px;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.playlist-goto-button svg{fill:none;stroke:#6b7280;strokeWidth:2;transition:all .25s cubic-bezier(.4,0,.2,1)}.playlist-goto-button:hover{background-color:#f9fafb}.playlist-goto-button:hover svg{fill:none;stroke:#374151;strokeWidth:2;transform:scale(1.1)}.playlist-goto-button:active{background-color:#f3f4f6}@media only screen and (max-width: 600px){.playlist-list-container{padding:0 0 200px;gap:10px}.playlist-card-grid{padding:14px 16px;min-height:100px}.playlist-card-grid .playlist-card-row-first{padding-right:60px}.playlist-card-grid .playlist-card-actions-overlay{top:14px;right:16px;gap:6px}.playlist-card-grid .playlist-action-button{width:26px;height:26px}.playlist-card{width:100%;margin:0 0 16px}.playlist-header,.playlist-mediaCount,.playlist-duration,.playlist-createdAt{display:none}.media-list-card{width:100%}.playlist-media-wrapper{justify-content:center}.playlist-goto-button{margin-left:0}.playlist-data-item{padding:14px 10px;width:100%;box-sizing:border-box}.playlist-media-counter{margin-right:10px}}.empty-tab-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;width:100%;padding:24px;box-sizing:border-box;text-align:center}.empty-tab-message{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.empty-tab-link{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;color:var(--primary);background:none;border:none;padding:8px 16px;cursor:pointer;text-decoration:none;border-radius:6px;transition:color .2s ease,background-color .2s ease}.empty-tab-link:hover{color:var(--primary-hover);background-color:var(--primary-light)}.scheduler-list-container{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:40px;width:100%;min-width:0;box-sizing:border-box}.scheduler-card-variant{background-color:var(--card-bg);min-width:0;height:auto}.scheduler-card-variant.selected{border:2px solid var(--primary);box-shadow:0 0 0 3px var(--primary-light),0 4px 12px var(--card-hover-shadow);background-color:#ee605514}.scheduler-card-variant .scheduler-selection-badge{position:absolute;top:14px;right:16px;width:28px;height:28px;background-color:#ee6055;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #ee60554d;z-index:2;pointer-events:none}.scheduler-card-variant .scheduler-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.scheduler-card-variant .playlist-name{color:var(--text-primary)}.scheduler-card-variant .playlist-card-row-second,.scheduler-card-variant .scheduler-playlist-row{color:var(--text-secondary)}.scheduler-card-variant .scheduler-playlist-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.scheduler-card-variant .scheduler-playlist-row .playlist-info-text{color:var(--text-secondary)}.container-grid{height:auto;display:grid;grid-template-columns:repeat(4,1fr)}@media only screen and (max-width: 600px){.scheduler-header,.scheduler-mediaCount,.scheduler-duration,.scheduler-createdAt{display:none}.media-list-card{width:100%}.scheduler-media-wrapper{justify-content:center}}.scheduler-list-container{display:flex;flex-direction:column;justify-content:flex-start;gap:0;height:60vh;overflow:scroll;scrollbar-width:none;padding-bottom:100px;width:90%}.scheduler-card{margin-bottom:10px;margin-left:20px;height:50px;width:85%;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:2px 0 2px 20px;border:1px solid #e7ebf0;transition:background-color .3s ease;position:relative}.scheduler-card .scheduler-name-wrapper{display:flex;align-items:center;height:100%;width:220px}.scheduler-card .scheduler-name-wrapper .scheduler-name-left{display:flex;align-items:center;height:100%}.scheduler-card .scheduler-mediaCount,.scheduler-card .scheduler-duration{width:200px}.scheduler-card .scheduler-createdAt{width:120px}.scheduler-card .scheduler-card-overlay{position:absolute;width:100%;height:100%;background-color:#e7ebf080;display:flex;justify-content:end;align-items:center;box-sizing:border-box;left:0;top:0;padding:0 10px;z-index:999}.scheduler-card .scheduler-card-left-grid{display:none}.scheduler-card:hover{background-color:#e7ebf0}.scheduler-header:hover{background-color:var(--card-bg);cursor:default}.scheduler-list-container-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:200px;gap:0}.scheduler-list{width:98%}.scheduler-grid{width:92%}.scheduler-info-container{height:90vh;padding:20px 26px}.scheduler-info-container .scheduler-info-title{font-family:Roboto,sans-serif;font-weight:500;font-size:16px;margin-bottom:30px;color:var(--text-secondary)}.scheduler-info-container .scheduler-info-player{margin-bottom:30px;width:349px;height:196px;background-color:#363636;display:flex;align-items:center;border-radius:12px;justify-content:center}.scheduler-info-container .scheduler-info-player video{border-radius:12px;width:100%;max-height:200px}.scheduler-info-container .scheduler-info-player img{border-radius:12px;width:100%;-o-object-fit:contain;object-fit:contain}.scheduler-info-container .scheduler-info-list .scheduler-info-item{display:flex;padding:12px;box-sizing:border-box}.scheduler-info-container .scheduler-info-list .scheduler-info-item .scheduler-item-title{width:34%}.scheduler-info-container .scheduler-info-list .scheduler-info-item .scheduler-item-content{width:66%}.scheduler-data-item{margin:0 0 16px;display:flex;padding:10px;background-color:var(--card-bg);border-radius:6px;width:92%;align-items:center;overflow:hidden}.scheduler-data-item .scheduler-data-image{width:60px;height:40px;margin-right:10px;box-sizing:border-box}.scheduler-data-item img{-o-object-fit:cover;object-fit:cover;border-radius:4px}.scheduler-data-item .scheduler-data-item-info{width:100%;height:80%}.scheduler-data-item .scheduler-data-item-title{display:flex;justify-content:space-between;width:100%}.scheduler-data-item .scheduler-data-item-details{display:flex;padding-top:6px}.scheduler-data-item .scheduler-data-item-details p{margin-left:10px}.screens-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media screen and (min-width: 1920px){.screens-grid-container{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 1400px) and (max-width: 1919px){.screens-grid-container{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 900px) and (max-width: 1399px){.screens-grid-container{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 600px) and (max-width: 899px){.screens-grid-container{grid-template-columns:repeat(2,1fr)}}.scheduler-media-wrapper{height:70vh;width:22vw;border:1px solid;border-color:#e7ebf0;background-color:#f8f9fb;border-radius:14px;box-sizing:border-box}.media-list-card{width:520px;height:80px;border-radius:8px;display:flex;align-items:center;margin-bottom:22px;padding-top:12px;padding-bottom:12px;border:1px solid #e7ebf0;background-color:#f8f9fb;box-sizing:border-box}.media-list-card .scheduler-image-container{width:130px;height:80px;border-top-left-radius:8px;border-bottom-left-radius:8px;background-color:#e7ebf0}.media-list-card .scheduler-image-container img{border-top-left-radius:8px;border-bottom-left-radius:8px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-list-card .info-wrapper{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:10px 20px;width:100%;box-sizing:border-box}.media-list-card .info-wrapper .title-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.media-list-card .info-wrapper .scheduler-info-items,.media-list-card .scheduler-info-items{display:flex;margin-top:10px}@media only screen and (max-width: 600px){.scheduler-card{width:100%;margin:0 0 16px}.scheduler-header,.scheduler-mediaCount,.scheduler-duration,.scheduler-createdAt{display:none}.media-list-card{width:100%}.scheduler-media-wrapper{justify-content:center}.screens-grid-container{grid-template-columns:repeat(1,1fr);gap:10px}}.ticker-wrapper{background-color:var(--modal-bg);border-radius:8px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box}.ticker-wrapper .ticker-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 12px;border-bottom:1px solid var(--border-light)}.ticker-wrapper .ticker-top .ticker-close-btn{border:1px solid var(--border-light);background:transparent;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.ticker-wrapper .ticker-top .ticker-close-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.ticker-wrapper .ticker-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light)}.ticker-wrapper .ticker-header svg{fill:var(--text-secondary);cursor:pointer}.ticker-wrapper .ticker-header svg:hover{fill:#ee6055}.ticker-wrapper .ticker-message{border-radius:8px;background-color:transparent;padding:18px 24px 20px;display:flex;flex-direction:column;white-space:wrap;width:100%;box-sizing:border-box;color:var(--text-primary);font-weight:400;gap:2px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.ticker-wrapper .ticker-message ul{list-style:none;padding:0%;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;font-size:14px;width:100%;margin:20px auto auto;border-radius:2px;box-sizing:border-box}.ticker-wrapper .ticker-message ul::-webkit-scrollbar{width:6px}.ticker-wrapper .ticker-message ul::-webkit-scrollbar-track{background:transparent;border-radius:3px}.ticker-wrapper .ticker-message ul::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.ticker-wrapper .ticker-message ul::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ticker-wrapper .ticker-message ul li{padding:2px 6px;display:flex;align-items:center;box-sizing:border-box;justify-content:center;font-size:12px}.ticker-wrapper .ticker-message ul li svg{fill:var(--text-secondary)}.ticker-wrapper .ticker-message .banner-activate-wrapper{display:flex;align-items:center;gap:20px}.ticker-wrapper .ticker-message .banner-activate-wrapper .banner-activate-button{width:50px;height:25px;background-color:#cbbcb9;border-radius:25px;position:relative;cursor:pointer;transition:background-color .3s ease}.ticker-wrapper .ticker-message .banner-activate-wrapper .banner-active{background-color:#ee6055}.ticker-wrapper .ticker-message .banner-activate-wrapper .ticker-button{width:20px;height:20px;background-color:var(--card-bg);border-radius:50%;position:absolute;top:2.5px;left:2.5px;transition:left .3s ease}.ticker-wrapper .ticker-message .banner-activate-wrapper .ticker-active{left:27.5px}.ticker-wrapper .ticker-message .ticker-preview-top{margin-top:0;margin-bottom:16px}.ticker-wrapper .ticker-message .ticker-appearance-section{margin-bottom:16px}.ticker-wrapper .ticker-message .ticker-add-row{position:relative;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.ticker-wrapper .ticker-message .ticker-delete-all-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;font-family:Roboto,sans-serif;color:var(--text-secondary);background:transparent;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s ease}.ticker-wrapper .ticker-message .ticker-delete-all-button:hover{border-color:var(--error);color:var(--error)}.ticker-wrapper .ticker-message .add-ticker-button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;font-family:Roboto,sans-serif;color:#fff;background-color:#ee6055;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.ticker-wrapper .ticker-message .add-ticker-button:hover{background-color:#e93527}.ticker-wrapper .ticker-message .ticker-add-popup{margin-top:12px;padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px}.ticker-wrapper .ticker-message .ticker-add-textarea{width:100%;padding:12px 14px;font-size:13px;font-family:Roboto,sans-serif;border:1px solid var(--border-light);border-radius:6px;background-color:var(--input-bg);color:var(--text-primary);resize:vertical;min-height:80px;box-sizing:border-box}.ticker-wrapper .ticker-message .ticker-add-textarea:focus{outline:none;border-color:var(--primary)}.ticker-wrapper .ticker-message .ticker-add-textarea::-moz-placeholder{color:var(--text-tertiary)}.ticker-wrapper .ticker-message .ticker-add-textarea::placeholder{color:var(--text-tertiary)}.ticker-wrapper .ticker-message .ticker-add-popup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.ticker-wrapper .ticker-message .ticker-add-popup-cancel{padding:8px 16px;font-size:13px;font-family:Roboto,sans-serif;background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);border-radius:6px;cursor:pointer}.ticker-wrapper .ticker-message .ticker-add-popup-cancel:hover{border-color:var(--border-medium);color:var(--text-primary)}.ticker-wrapper .ticker-message .ticker-add-popup-add{padding:8px 18px;font-size:13px;font-family:Roboto,sans-serif;background-color:#ee6055;border:none;color:#fff;border-radius:6px;cursor:pointer}.ticker-wrapper .ticker-message .ticker-add-popup-add:hover:not(:disabled){background-color:#e93527}.ticker-wrapper .ticker-message .ticker-add-popup-add:disabled{opacity:.5;cursor:not-allowed}.ticker-wrapper .ticker-message .ticker-data{padding:0;margin-bottom:8px;border-radius:8px;font-family:Roboto,sans-serif;font-size:14px;transition:all .3s ease;min-height:200px;flex:1;display:flex;flex-direction:column}.ticker-wrapper .ticker-message .ticker-data:hover p{color:var(--text-secondary)}.ticker-wrapper .ticker-message .ticker-data .ticker-empty{font-size:12px;text-align:center;margin-top:80px}.ticker-wrapper .ticker-message .ticker-data ul{list-style:none;margin:8px 0 0;padding:0}.ticker-wrapper .ticker-message .ticker-data li{padding:2px 6px;border:1px solid var(--border-light);border-radius:6px;background-color:var(--card-bg);margin-bottom:6px}.ticker-wrapper .ticker-message .ticker-appearance-inline{display:inline-flex;align-items:center;gap:10px;border-radius:999px}.ticker-wrapper .ticker-message .appearance-inline-control{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-secondary)}.ticker-wrapper .ticker-message .appearance-inline-control select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--card-bg);border-radius:5px;padding:6px 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--text-primary);opacity:.7;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease;min-width:82px;height:32px;border:1px solid var(--border-light)}.ticker-wrapper .ticker-message .appearance-inline-control select:hover:not(:disabled){border-color:var(--border-medium);background-color:var(--bg-secondary);color:var(--text-primary);opacity:1}.ticker-wrapper .ticker-message .appearance-inline-control select:focus{outline:none;border-color:var(--primary)}.ticker-wrapper .ticker-message .appearance-inline-control select:disabled{opacity:.3;cursor:not-allowed;background-color:var(--bg-tertiary);color:var(--text-tertiary)}.ticker-wrapper .ticker-message .appearance-inline-control input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:1px solid var(--border-light);width:80px;height:33px;cursor:pointer;border-radius:4px}.ticker-wrapper .ticker-message .appearance-inline-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ticker-wrapper .ticker-message .appearance-inline-control input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.ticker-wrapper .ticker-message .ticker-manage{display:flex;align-items:center;justify-content:space-between;width:95%;box-sizing:border-box}.ticker-wrapper .ticker-message .ticker-manage .ticker-item-index{font-size:11px;font-weight:500;color:var(--text-tertiary);min-width:18px}.ticker-wrapper .ticker-message .ticker-manage .ticker-item-text{flex:1;padding:6px 0;font-size:13px;font-family:inherit;color:var(--text-primary);text-align:left;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.ticker-wrapper .ticker-message .ticker-manage .ticker-delete{display:flex;align-items:center;cursor:pointer}.ticker-wrapper .ticker-message .ticker-manage .ticker-delete:hover svg{fill:#ee6055;transform:scale(1.3);transition:all .3s ease-in-out}.ticker-wrapper .ticker-status{display:flex;align-items:center;gap:10px;padding:6px 0 2px}.ticker-wrapper .ticker-status .status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.ticker-wrapper .ticker-status .status-dot.active{background:var(--success, #34c759)}.ticker-wrapper .ticker-status .status-dot.inactive{background:var(--border-light)}.ticker-wrapper .ticker-appearance{margin-top:16px;border-radius:10px;padding:12px 16px;background:var(--bg-secondary)}.ticker-wrapper .ticker-appearance .appearance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ticker-wrapper .ticker-appearance .appearance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ticker-wrapper .ticker-appearance .appearance-control{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-secondary)}.ticker-wrapper .ticker-appearance .appearance-control input[type=color],.ticker-wrapper .ticker-appearance .appearance-control select{height:36px;border:1px solid var(--border-light);border-radius:6px;background:var(--input-bg);color:var(--text-primary);padding:6px 8px;font-family:inherit;font-size:13px}.ticker-wrapper .ticker-appearance .appearance-control input[type=color]:focus,.ticker-wrapper .ticker-appearance .appearance-control select:focus{outline:none;border-color:var(--primary)}.ticker-wrapper .ticker-preview{margin-top:16px;margin-bottom:16px;overflow:hidden}.ticker-wrapper .ticker-preview .ticker-preview-strip{margin:0;text-align:left;display:flex;align-items:center;white-space:nowrap;animation:ticker-scroll 15s linear infinite}.ticker-wrapper .ticker-preview .ticker-preview-strip.ticker-size-small{padding:12px 16px;min-height:42px}.ticker-wrapper .ticker-preview .ticker-preview-strip.ticker-size-medium{padding:18px 20px;min-height:66px}.ticker-wrapper .ticker-preview .ticker-preview-strip.ticker-size-large{padding:24px;min-height:88px}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-wrapper textarea{resize:none;padding:10px;color:var(--text-tertiary)}.ticker-wrapper .ticker-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px 16px 28px;border-top:1px solid var(--border-light);position:relative;width:100%;box-sizing:border-box;background-color:var(--modal-bg);z-index:10}.ticker-wrapper .ticker-footer .ticker-footer-publish-group{display:flex;align-items:center;gap:12px}.ticker-wrapper .ticker-footer .ticker-publish-status{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;white-space:nowrap;flex-shrink:0}.ticker-wrapper .ticker-footer .ticker-publish-status.unpublished{color:#f59e0b;font-weight:500}.ticker-wrapper .ticker-footer .ticker-publish-status.published{color:var(--text-tertiary)}.ticker-wrapper .ticker-footer .ticker-footer-actions{display:flex;align-items:center;gap:12px}.ticker-wrapper .ticker-footer .ticker-publish-button{padding:10px 20px;min-height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;box-sizing:border-box;white-space:nowrap;background-color:#10b981;color:#fff;font-family:Roboto,Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b98133;position:relative;overflow:hidden}.ticker-wrapper .ticker-footer .ticker-publish-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.ticker-wrapper .ticker-footer .ticker-publish-button:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 16px #10b98159;transform:translateY(-2px)}.ticker-wrapper .ticker-footer .ticker-publish-button:hover:not(:disabled):before{left:100%}.ticker-wrapper .ticker-footer .ticker-publish-button:disabled,.ticker-wrapper .ticker-footer .ticker-publish-button.disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;opacity:.6;border:1px solid var(--border-light)}.ticker-wrapper .ticker-footer .ticker-publish-button:disabled:before,.ticker-wrapper .ticker-footer .ticker-publish-button.disabled:before{display:none}.ticker-wrapper .ticker-footer .ticker-publish-button:disabled svg,.ticker-wrapper .ticker-footer .ticker-publish-button.disabled svg{opacity:.5}.ticker-wrapper .ticker-footer .ticker-publish-button svg{flex-shrink:0;width:18px;height:18px}.ticker-wrapper .ticker-footer .ticker-remove-button{padding:12px 20px;font-size:14px;background-color:transparent;border:1px solid var(--text-tertiary);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;transition:all .2s ease}.ticker-wrapper .ticker-footer .ticker-remove-button:hover{border-color:var(--error);color:var(--error)}.ticker-wrapper .ticker-footer .cancel-button{padding:14px 32px;font-size:16px;background-color:var(--modal-bg);border:1px solid #EE6055;color:#ee6055;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400;transition:background-color .3s}.ticker-wrapper .ticker-footer .cancel-button.mr-12{margin-right:12px}.ticker-wrapper .ticker-footer .cancel-button:hover{background-color:#ee6055;color:#fff}.ticker-wrapper .ticker-footer .update-button{background-color:#ee6055;color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);padding:15px 32px;font-size:16px;border-radius:6px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:400;opacity:.9;box-shadow:0 2px 8px #ee605533;position:relative;overflow:hidden}.ticker-wrapper .ticker-footer .update-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.ticker-wrapper .ticker-footer .update-button:hover{opacity:1;background-color:#e8554a;box-shadow:0 4px 16px #ee605559,0 2px 8px #ee605533;transform:translateY(-2px)}.ticker-wrapper .ticker-footer .update-button:hover:before{left:100%}.ticker-wrapper .ticker-footer .update-button:active{transform:translateY(0);box-shadow:0 2px 8px #ee605540;transition:all .1s ease}.ticker-container{background:var(--modal-overlay);position:fixed;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.ticker-container .ticker-wrapper{width:70vw;max-width:900px;min-width:600px;height:70vh;max-height:70vh}.ticker-section-mode{width:100%;max-width:none;min-width:auto;height:auto;max-height:none;background-color:var(--modal-bg);border-radius:8px;box-shadow:none;border:1px solid var(--border-light);padding:16px 18px 18px;overflow:visible;position:relative}.ticker-section-mode .ticker-message{padding:0;gap:14px;overflow:visible}.ticker-section-mode .ticker-create{margin-bottom:12px}.ticker-section-mode .ticker-data{height:auto;min-height:160px;max-height:none;flex:none}.ticker-section-mode .ticker-data ul{max-height:320px;overflow-y:auto}@media only screen and (max-width: 768px){.ticker-wrapper{width:95%!important;min-width:auto;max-height:95vh}}.title-x-large{font-family:Roboto,sans-serif;font-weight:500;font-style:normal;font-size:20px;margin:0;white-space:nowrap}.title-large{font-family:Roboto,sans-serif;font-weight:500;font-style:normal;font-size:16px;margin:0;white-space:nowrap}.title-x-medium{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:17px;margin:0;white-space:nowrap}.title-medium{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:15px;margin:0;white-space:nowrap}.title-small{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:14px;margin:0;white-space:nowrap}.title-x-small{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:12px;margin:0;white-space:nowrap}.title-xx-small{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:10px;margin:0;white-space:nowrap}.title-playlist{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:12px;margin:0;white-space:nowrap}.title-bold{font-weight:500}@media only screen and (max-width: 600px){.title-large{font-size:19px}.title-small{font-size:16px}.title-playlist{font-size:15px}}.player-landscape{background-color:#f8f9fb;width:100%;max-width:100%;aspect-ratio:16/9;background-color:#000;display:flex;overflow:hidden;justify-content:center;align-items:center;border-radius:12px;position:relative}.player-landscape:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);pointer-events:none;border-radius:12px 12px 0 0;z-index:1}.player-landscape .primary-landscape,.player-landscape .secondary-landscape{background-color:#2a2a2a;position:relative}.player-landscape .primary-landscape:hover .player-overlay,.player-landscape .secondary-landscape:hover .player-overlay{display:flex}.player-landscape .player-landing-container{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#f8fbff,#eef5fc,#e8f2fa);z-index:8888!important;left:0;top:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;border:none}.player-landscape .player-landing-container .player-landing-header{height:15%;width:100%;display:flex;align-items:center;padding-left:30px;box-sizing:border-box}.player-landscape .player-landing-container .player-landing-body{height:70%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 20px;box-sizing:border-box}.player-landscape .player-landing-container .player-landing-footer{height:15%;width:100%;display:flex;align-items:center;justify-content:space-between;padding-left:30px;padding-right:30px;box-sizing:border-box}.player-landscape .player-landing-container .player-title{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-style:normal;font-size:22px;margin:0 0 10px;letter-spacing:-.02em}.player-landscape .player-landing-container .player-description{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-style:normal;font-size:15px;margin:0;letter-spacing:.01em;line-height:1.5}.player-landscape .player-landing-container .player-overlay{position:absolute;width:100%;height:100%;background-color:transparent;background-attachment:fixed;background-size:cover;align-items:flex-end;justify-content:flex-end;z-index:9999!important;left:0;top:0;display:none;cursor:pointer;padding:3%;box-sizing:border-box}.player-landscape .player-landing-container:hover .player-overlay{display:flex}.player-landscape .player-offline-wrapper{background-color:#000;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:10px}.player-landscape .player-offline-wrapper .player-title{color:var(--text-tertiary);font-family:Roboto,sans-serif;font-weight:600;font-style:normal;font-size:36px;margin:0 0 6px}.player-landscape .player-offline-wrapper .player-description{color:var(--text-tertiary);font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:16px;margin:0;letter-spacing:1.2px}.player-portrait{background-color:#f8f9fb;width:100%;max-width:100%;aspect-ratio:9/16;background-color:#000;display:flex;overflow:hidden;flex-direction:column;border-radius:12px;position:relative}.player-portrait:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);pointer-events:none;border-radius:12px 12px 0 0;z-index:1}.player-portrait .primary-portrait,.player-portrait .secondary-portrait{background-color:#2a2a2a}.player-portrait .player-landing-container{width:100%;height:100%;background:linear-gradient(135deg,#f8fbff,#eef5fc,#e8f2fa);z-index:8888!important;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;border:none;overflow:hidden}.player-portrait .player-landing-container .player-landing-header{height:15%;width:100%;display:flex;align-items:center;padding-left:30px;box-sizing:border-box;margin-top:15px}.player-portrait .player-landing-container .player-landing-body{height:70%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 15px;box-sizing:border-box}.player-portrait .player-landing-container .player-landing-footer{height:15%;width:100%;display:flex;align-items:center;justify-content:space-between;padding-left:30px;padding-right:30px;box-sizing:border-box}.player-portrait .player-landing-container .player-title{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-style:normal;font-size:22px;margin:0 0 8px;text-align:center;letter-spacing:-.01em}.player-portrait .player-landing-container .player-description{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-style:normal;font-size:12px;margin:0;letter-spacing:.01em;text-align:center;line-height:1.5}.player-portrait .player-offline-wrapper{background-color:#000;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:10px}.player-portrait .player-offline-wrapper .player-title{color:var(--text-tertiary);font-family:Roboto,sans-serif;font-weight:600;font-style:normal;font-size:36px;margin:0 0 6px}.player-portrait .player-offline-wrapper .player-description{color:var(--text-tertiary);font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:16px;margin:0;letter-spacing:1.2px}.player-banner{position:absolute;height:40px;width:100%;background-color:#ffffff80;z-index:99;bottom:0;display:flex;align-items:center;font-size:20px;font-family:Roboto,sans-serif;font-weight:400}.player-banner .marquee-segment{display:inline-flex;align-items:center;line-height:1}.player-banner .marquee-item{line-height:1}.player-banner .banner-devider{width:6px;height:6px;min-width:6px;min-height:6px;margin:0 10px;border-radius:50%;flex-shrink:0;align-self:center}.player-overlay{position:absolute;width:100%;height:100%;background-color:transparent;background-attachment:fixed;background-size:cover;align-items:flex-end;justify-content:flex-end;z-index:9999!important;left:0;top:0;display:none;cursor:pointer;padding:3%;box-sizing:border-box}.player-loading-wrapper{background-color:#000;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:10px}.player-loader{width:50px;aspect-ratio:1;display:grid;border-radius:50%;background:linear-gradient(0deg,#f0f0f080 30%,#0000 0,#0000 70%,#f0f0f0 0) 50%/8% 100%,linear-gradient(90deg,#f0f0f040 30%,#0000 0,#0000 70%,#f0f0f0bf 0) 50%/100% 8%;background-repeat:no-repeat;animation:l23 1s infinite steps(12)}.player-loader:before,.player-loader:after{content:"";grid-area:1/1;border-radius:50%;background:inherit;opacity:.915;transform:rotate(30deg)}.player-loader:after{opacity:.83;transform:rotate(60deg)}@keyframes l23{to{transform:rotate(1turn)}}@media only screen and (max-width: 400px){.player-landscape{width:332.8px;height:187.2px;top:32%;left:50%}.player-portrait{height:300px;width:168.75px;top:32%;left:50%}}@media only screen and (max-width: 600px) and (min-width: 400px){.player-landscape{width:375px;height:210.9375px;top:32%;left:50%}.player-portrait{height:300px;width:168.75px;top:32%;left:50%}}@media only screen and (max-width: 600px){.player-landing-container{overflow:hidden}.player-portrait{border-radius:10px 10px 0 0}.player-landscape{border-radius:10px 10px 0 0;max-width:326px!important;height:182.25px!important}.player-landing-header{margin-top:10px;padding-left:10px!important}.player-landing-header svg{width:30px!important}.player-title{font-size:18px!important}.player-description{font-size:10px!important}}@media only screen and (max-width: 1400px) and (min-width: 600px){.player-portrait{max-width:100%;aspect-ratio:9/16}.player-landscape{max-width:100%;aspect-ratio:16/9}}.media-container{width:100%;height:100%;animation:fadeIn .5s ease-in;overflow:hidden}.media-container .media{width:100%;height:100%}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-content{position:absolute;z-index:1000;padding:6px 10px;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap;pointer-events:none;animation:tooltipFadeIn .15s ease;box-shadow:0 2px 8px #0000001f;background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-light)}.tooltip-arrow{position:absolute;width:6px;height:6px;background-color:var(--card-bg);border:1px solid var(--border-light);transform:rotate(45deg)}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-arrow{top:-4px;left:50%;margin-left:-3px;border-right:none;border-bottom:none}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;margin-left:-3px;border-left:none;border-top:none}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{right:-4px;top:50%;margin-top:-3px;border-left:none;border-bottom:none}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-arrow{left:-4px;top:50%;margin-top:-3px;border-right:none;border-top:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mediaControl-container{background:#00000080;position:absolute;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.mediaControl-container .mediaControl-wrapper{width:26vw;background-color:var(--card-bg);border-radius:8px;box-shadow:#0000003d 0 3px 8px;overflow:hidden;position:relative;padding-bottom:66px}.mediaControl-container .mediaControl-wrapper .mediaControl-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light)}.mediaControl-container .mediaControl-wrapper .mediaControl-message{border-radius:8px;background-color:transparent;padding:20px 30px 40px;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.mediaControl-container .mediaControl-wrapper .duration-container{display:flex;flex-direction:column;margin-bottom:20px;width:100%;justify-content:center;box-sizing:border-box}.mediaControl-container .mediaControl-wrapper .duration-container p{font-size:13px;color:var(--text-secondary);font-weight:500;font-family:Roboto,sans-serif;margin-bottom:8px}.mediaControl-container .mediaControl-wrapper .duration-container input[type=number]{padding:8px;border:1px solid var(--border-light);border-radius:4px;font-size:13px;color:var(--text-primary);font-family:Roboto,sans-serif;text-align:center}.mediaControl-container .mediaControl-wrapper .duration-container input[type=number]:focus{border:1px solid #EE6055!important;outline:none}.mediaControl-container .mediaControl-wrapper .toggle-container{display:flex;flex-direction:column}.mediaControl-container .mediaControl-wrapper .toggle-container p{font-size:13px;color:var(--text-secondary);font-weight:500;font-family:Roboto,sans-serif;margin-bottom:8px}.mediaControl-container .mediaControl-wrapper .toggle-switch{display:flex;align-items:center;background-color:var(--bg-tertiary);border-radius:20px;padding:5px;position:relative;cursor:pointer;width:170px}.mediaControl-container .mediaControl-wrapper .toggle-switch input{display:none}.mediaControl-container .mediaControl-wrapper .slider{display:flex;justify-content:space-between;width:100%;align-items:center;justify-content:center}.mediaControl-container .mediaControl-wrapper .option{flex:1;text-align:center;padding:5px 0;border-radius:15px;color:#fff;transition:background-color .3s;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.mediaControl-container .mediaControl-wrapper .option.active{background-color:#ee6055;color:#fff}.mediaControl-container .mediaControl-wrapper .option:not(.active){background-color:transparent;color:var(--text-secondary)}.mediaControl-container .mediaControl-wrapper .mediaControl-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px 16px 28px;border-top:1px solid var(--border-light);position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box}.mediaControl-container .mediaControl-wrapper .mediaControl-footer .cancel-button{padding:14px 32px;font-size:16px;background-color:var(--card-bg);border:1px solid #EE6055;color:#ee6055;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400;transition:background-color .3s}.mediaControl-container .mediaControl-wrapper .mediaControl-footer .cancel-button:hover{background-color:#ee6055;color:#fff}.mediaControl-container .mediaControl-wrapper .mediaControl-footer .confirmation-button{background-color:#ee6055;color:#fff;transition:background-color .3s;margin-right:0;padding:14px 32px;font-size:16px;border-radius:6px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:400;opacity:.9}.mediaControl-container .mediaControl-wrapper .mediaControl-footer .confirmation-button:hover{background-color:#e93527}.mediaControl-container .media-view-menu{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 12px;font-size:16px;font-family:Roboto,sans-serif;color:var(--text-primary);background-color:var(--bg-secondary);border:.1px solid var(--border-light);border-radius:4px;width:100%;cursor:pointer;outline:none;transition:border-color .3s ease,background-color .3s ease;display:flex;align-items:center;justify-content:center}.mediaControl-container .media-view-menu:hover{border-color:#ee6055}.mediaControl-container .media-view-menu:focus{border-color:#ee6055;background-color:var(--bg-tertiary)}.mediaControl-container option{color:var(--text-primary);background:var(--bg-secondary);padding:8px 10px;font-size:14px}.mediaControl-container .delete-item-span{color:#ee6055;word-wrap:break-word}@media only screen and (max-width: 600px){.mediaControl-wrapper{width:90%!important}}h5,label{font-family:Roboto,sans-serif}button{cursor:pointer}button:focus{outline:none}.display-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(to bottom,#4c51bf,#3b82f6,#2563eb);padding:1rem}.token-app-container{width:100%;max-width:28rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem}.app-title{color:#fff;font-weight:700;font-size:1.125rem}.header-buttons{display:flex;gap:.5rem}.icon-button{color:#fff;background:none;border:none;padding:.25rem}.icon-button svg{height:1.5rem;width:1.5rem}.token-card{background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.status-header{background-color:#10b981;color:#fff;text-align:center;padding:.5rem 0;font-weight:500}.token-content{background-color:#fff;padding:2rem;display:flex;flex-direction:column;align-items:center}.token-title{color:#6b7280;font-size:1.5rem;margin-bottom:1.5rem}.token-number{color:#1f2937;font-size:6rem;font-weight:700;margin-bottom:1rem}.token-name{color:#4b5563;font-size:1.5rem}.navigation{display:flex;justify-content:space-between}.nav-button{padding:.5rem 1rem;border:none;background:none;border-radius:.25rem;transition:background-color .2s;border:1px solid #2563eb}.nav-button:hover:not(:disabled){background-color:#f9fafb}.nav-button:disabled{color:#9ca3af;cursor:not-allowed;border:1px solid #9ca3af}.nav-button:not(:disabled){color:#2563eb}.footer{margin-top:1rem;text-align:center;color:#fff}.footer-brand{font-family:monospace;font-weight:700}.control-container{background-color:#f3f4f6}.control-content{max-width:28rem;margin:0 auto}.control-card{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.5rem}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.control-title{font-size:1.25rem;font-weight:700;color:#1f2937}.back-button{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:.375rem;border:none;transition:background-color .2s}.back-button:hover{background-color:#2563eb}.back-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}.section{margin-bottom:1.5rem;background-color:#f9fafb;padding:1rem;border-radius:.5rem}.section-title{font-weight:700;font-size:1.125rem;margin-bottom:.75rem;color:#4b5563;margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.25rem}.form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;transition:box-shadow .2s,border-color .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.input-group{display:flex}.input-group .form-input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.input-group .action-button{border-top-left-radius:0;border-bottom-left-radius:0}.action-button{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:.375rem;border:none;transition:background-color .2s}.action-button:hover{background-color:#2563eb}.action-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}.form-help{font-size:.75rem;color:#6b7280;margin-top:.25rem}.tokens-list{max-height:15rem;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff}.token-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #f3f4f6}.token-item:last-child{border-bottom:none}.token-item:hover{background-color:#f9fafb}.remove-button{color:#ef4444;font-size:.875rem;background:none;border:none;padding:.25rem .5rem}.remove-button:hover{color:#dc2626}.restaurant-app{display:flex;flex-direction:column;min-height:100vh;background:#f8fafc}.app-content{display:flex;flex:1}.management-panel{flex:1;max-width:500px;background:#fff;border-right:2px solid #e2e8f0;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.menu-display{flex:2;display:flex;justify-content:center;align-items:center;padding:20px}.menu-preview-wrapper{width:100%;height:100vh;margin:0 auto;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-preview{width:100%;height:100%;overflow:hidden;padding:25px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.theme-selector{margin-bottom:30px;padding:20px;background:#f1f5f9;border-radius:15px;border:1px solid #e2e8f0}.theme-selector label{display:block;margin-bottom:10px;font-weight:600;font-size:16px;color:#334155}.theme-select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;background:#fff;color:#334155;cursor:pointer;transition:all .3s ease}.theme-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.manage-header{margin-bottom:30px}.manage-header h2{font-size:28px;margin-bottom:15px;font-weight:700;color:#1e293b}.manage-header p{margin-bottom:30px;line-height:1.6;color:#64748b}.form-section{margin-bottom:40px;padding:25px;background:#fff;border-radius:15px;border:1px solid #e2e8f0;display:flex;flex-direction:column}.form-section h3{font-size:20px;margin-bottom:20px;font-weight:600;color:#363636;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.clear-all-btn{padding:8px 16px;background:#ee6055;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-all-btn:hover{background:#ca453a}.form-group-resto{margin-bottom:25px}.form-group-resto label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.5px}.form-input-resto,.form-textarea{width:100%;padding:15px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#fff;color:#374151;transition:all .3s ease;box-sizing:border-box}.form-input-resto:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-group small{display:block;margin-top:8px;font-size:12px;color:#6b7280;font-style:italic}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#374151;padding:15px 20px;border-radius:12px;background:#f9fafb;border:2px solid #e5e7eb;transition:all .3s ease}.checkbox-label:hover{background:#f3f4f6;border-color:#d1d5db}.checkbox-label input[type=checkbox]{margin-right:12px;transform:scale(1.3);accent-color:#3b82f6}.button-group{display:flex;gap:10px;margin-top:20px;width:100%;justify-content:flex-end}.resto-btn{margin-right:0}.remove-btn{flex:1;padding:15px 25px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#ef4444;color:#fff}.remove-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.menu-preview-list{max-height:400px;overflow-y:auto}.category-group{margin-bottom:25px}.category-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:15px;padding:10px 15px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.menu-item-preview{background:transparent;border:1px solid #e2e8f0;border-radius:10px;padding:15px;margin-bottom:10px;transition:all .3s ease}.menu-item-preview:hover{box-shadow:0 4px 12px #0000001a}.item-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-name{font-weight:600;color:#1e293b;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.item-price{font-weight:600;color:#059669;font-size:16px}.item-description{color:#64748b;font-size:14px;line-height:1.4;margin-bottom:10px}.remove-item-btn{padding:6px 12px;background:#ee6055;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.remove-item-btn:hover{background:#ca453a}.empty-message{text-align:center;color:#64748b;font-style:italic;padding:40px 20px}.url-section{text-align:center}.toggle-url-btn{padding:12px 24px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.toggle-url-btn:hover{background:#7c3aed;transform:translateY(-1px)}.url-display{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.url-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#f8fafc;color:#374151;font-family:monospace}.url-buttons{display:flex;gap:10px}.copy-btn,.preview-btn{flex:1;padding:12px 20px;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-btn{background:#10b981}.copy-btn:hover{background:#059669;transform:translateY(-1px)}.preview-btn{background:#3b82f6}.preview-btn:hover{background:#2563eb;transform:translateY(-1px)}.url-note{color:#64748b;font-size:14px;line-height:1.5}.note{margin-top:30px;padding:20px;border-radius:12px;background:#fef3c7;border-left:4px solid #ffc107;color:#92400e}.menu-preview{position:relative}.menu-header{position:relative;text-align:center;margin-bottom:15px;color:#2c2c2c;margin-top:10px;flex-shrink:0}.menu-header h1{font-size:18px;letter-spacing:2.5px;margin-bottom:4px;font-weight:800;line-height:1.1}.menu-header p{font-style:italic;font-size:16px;margin-bottom:0}.menu-divider{display:flex;align-items:center;justify-content:center;margin:6px 0}.divider-line{flex:1;height:1.5px;max-width:120px;background-color:currentColor}.divider-icon{margin:0 15px;font-size:1.2rem}.menu-content{max-width:100vw}.menu-section{margin-bottom:10px;width:100%;max-width:100%}.section-title-resto{font-size:11px;text-align:center;padding:4px;margin-bottom:6px;letter-spacing:1.5px;font-weight:700;border-radius:6px;position:relative;overflow:hidden}.special-title{position:relative;color:#e0b100}.items-grid{display:flex;flex-direction:column;gap:6px;width:100%}.items-grid .item-name{font-size:12px;text-align:center;line-height:1.1}.menu-item{padding:0}.menu-item:hover{background:#ffffff1a}.menu-item .item-header{display:flex;justify-content:center;align-items:center;margin-bottom:0}.menu-item .item-header .item-name{font-weight:600;flex:1;margin-right:10px}.menu-item .item-header .item-price{font-weight:700;font-size:.75rem;color:#10b981;white-space:nowrap}.menu-item .item-description{font-size:.65rem;line-height:1.2;color:#6b7280;font-style:italic;margin:0}.special-item{position:relative}.menu-footer{text-align:center;margin-top:60px;padding-top:40px}.footer-divider{margin-bottom:25px}.menu-footer p{margin-bottom:8px}.footer-note{font-size:14px;font-style:italic}.menu-preview{font-family:Cinzel,serif;font-weight:700;letter-spacing:1px}.menu-preview.light{background-size:cover;background-repeat:no-repeat;background-position:center;color:#1f1f1f}.menu-preview.light .item-name{color:#1f1f1f}.menu-preview.light .item-price{color:#10b981}.menu-preview.light .item-description{color:#6b7280}.menu-preview.light .special-item,.menu-preview.light .special-item .item-name,.menu-preview.light .special-item .item-price{color:#e0b100}.menu-preview.light .special-item .item-description{color:#fbbf24}.menu-preview.dark{background-size:cover;background-repeat:no-repeat;background-position:center;color:#f0f0f0;font-family:Cinzel,serif;font-weight:700;letter-spacing:1px}.menu-preview.dark .menu-header,.menu-preview.dark .menu-divider{color:#f0f0f0}.menu-preview.dark .section-title{color:#fff}.menu-preview.dark .item-name{color:#f0f0f0}.menu-preview.dark .item-price{color:#10b981}.menu-preview.dark .item-description{color:#d1d5db}.menu-preview.dark .divider-line{background-color:#f0f0f0}.menu-preview.dark .divider-icon,.menu-preview.elegant h1,.menu-preview.elegant h2,.menu-preview.elegant h3{color:#f0f0f0}.menu-preview.elegant{background-size:cover;background-repeat:no-repeat;background-position:center;color:#f0f0f0}.menu-preview.elegant .divider-line,.menu-preview.elegant .divider-icon,.menu-preview.elegant .item-name{color:#f0f0f0}.menu-preview.elegant .item-price{color:#10b981}.menu-preview.elegant .item-description{color:#d1d5db}.menu-preview.elegant .special-item{color:#e0b100!important}.menu-preview.elegant .special-item .item-name,.menu-preview.elegant .special-item .item-price{color:#e0b100}.menu-preview.elegant .special-item .item-description{color:#fbbf24}.menu-preview.classic{background-size:cover;background-repeat:no-repeat;background-position:center;color:#3e3c3a}.menu-preview.classic .item-name{color:#3e3c3a}.menu-preview.classic .item-price{color:#10b981}.menu-preview.classic .item-description{color:#6b7280}.menu-preview.classic .special-item,.menu-preview.classic .special-item .item-name,.menu-preview.classic .special-item .item-price{color:#844116}.menu-preview.classic .special-item .item-description{color:#d97706}.menu-header .menu-divider{margin-top:0;display:flex;align-items:center;justify-content:center;gap:1rem}.menu-header .divider-line{height:1px;width:40px;background-color:currentColor}.menu-header .divider-icon{font-size:16px}.menu-content{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:100%;flex:1;overflow:hidden}.menu-section .section-title-resto{font-size:14px;margin-bottom:8px;font-weight:600;text-align:center;padding:6px}.menu-section .items-grid{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}@media (max-width: 600px){.menu-section .items-grid{grid-template-columns:1fr}}.menu-item{width:100%}.menu-item .item-header{display:flex;justify-content:center;align-items:center;margin-bottom:0%}.empty-menu{text-align:center;padding:2rem;font-style:italic;color:#999;font-size:1rem}.empty-menu p{margin-bottom:8px}.menu-footer{text-align:center;margin-top:3rem;font-size:.9rem;color:inherit}.menu-footer .footer-divider{margin-bottom:1rem}.menu-footer .footer-divider .divider-line{width:100%;height:1px;background-color:currentColor}.menu-footer .footer-note{font-size:.8rem;margin-top:.5rem;color:#888}@media (orientation: landscape) and (max-height: 600px){.menu-preview-wrapper{height:100vh;padding:5px}.menu-preview{padding:10px;flex-direction:row;align-items:flex-start;gap:20px}.menu-header{flex-shrink:0;width:200px;margin-bottom:0}.menu-header h1{font-size:16px;letter-spacing:2px;margin-bottom:4px}.menu-header p{font-size:14px}.menu-content{flex:1;grid-template-columns:repeat(2,1fr);gap:15px;overflow:hidden;max-height:100%}.menu-section{margin-bottom:8px}.section-title-resto{font-size:11px;margin-bottom:4px;padding:3px}.items-grid{gap:3px}.items-grid .item-name{font-size:9px}.divider-line{max-width:60px}.divider-icon{margin:0 8px;font-size:12px}}@media (max-width: 768px){.menu-preview-wrapper{height:100vh;aspect-ratio:auto;padding:10px}.menu-preview{padding:15px;width:100%}.menu-content{grid-template-columns:1fr;gap:15px}.menu-header h1{font-size:18px;letter-spacing:2px}.section-title-resto{font-size:14px;letter-spacing:1px;margin-bottom:8px}.menu-item .item-header{flex-direction:column;align-items:center;gap:5px}.items-grid .item-name{font-size:12px}.menu-item .item-header .item-price{font-size:14px}.menu-item .item-description{font-size:12px}.divider-line{max-width:80px}.divider-icon{margin:0 10px;font-size:14px}}@media (max-width: 480px){.menu-preview-wrapper{padding:5px}.menu-preview{padding:10px}.menu-content{gap:10px}.menu-header h1{font-size:16px;letter-spacing:1px}.section-title-resto{font-size:12px;letter-spacing:1px;margin-bottom:6px}.items-grid .item-name{font-size:11px}.menu-item .item-header .item-price{font-size:12px}.menu-item .item-description{font-size:10px}.divider-line{max-width:60px}.divider-icon{margin:0 8px;font-size:12px}}@media (max-width: 360px){.menu-preview{padding:8px}.menu-header h1{font-size:14px;letter-spacing:1px}.section-title-resto{font-size:10px;margin-bottom:4px}.items-grid .item-name{font-size:9px}.menu-content{gap:8px}}.layout-change-container{background:#00000080;position:absolute;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.layout-change-container.tab-mode{background:transparent;position:relative;width:100%;height:100%;z-index:1;left:auto;top:auto;display:block}.layout-change-container .layout-change-wrapper{width:70vw;background-color:var(--card-bg);border-radius:4px;box-shadow:#0000003d 0 3px 8px;overflow:hidden;position:relative;padding-bottom:66px}.layout-change-container .layout-change-wrapper.tab-mode{width:100%;background-color:transparent;border-radius:0;box-shadow:none;padding-bottom:0;position:relative}.layout-change-container .layout-change-wrapper .layout-change-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid #e7ebf0}.layout-change-container .layout-change-wrapper .layout-change-content{border-radius:8px;background-color:transparent;padding:0 0 15px;display:flex;white-space:no-wrap;justify-content:flex-start;box-sizing:border-box;flex-direction:column;margin-bottom:20px}.layout-change-container .layout-change-wrapper .layout-change-content.tab-mode{padding:0;margin-bottom:0}.layout-change-container .layout-change-wrapper .layout-change-content .layout-section{margin-bottom:32px}.layout-change-container .layout-change-wrapper .layout-change-content .layout-section:last-child{margin-bottom:0}.layout-change-container .layout-change-wrapper .layout-change-content .layout-section .layout-section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:15px;color:var(--text-primary);margin-bottom:16px;padding:0}.layout-change-container .layout-change-wrapper .layout-change-content .layout-container{display:flex;width:100%;justify-content:flex-start;gap:16px;height:auto;align-items:flex-start;flex-wrap:wrap}.layout-change-container .layout-change-wrapper .layout-change-content .layout-container.tab-mode{width:100%;max-width:100%}.layout-change-container .layout-change-wrapper .layout-change-content .layout-container .layout-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.layout-change-container .layout-change-wrapper .layout-change-content .layout-container .layout-item .layout-button{background-color:transparent;border:2px solid var(--border-light);border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:110px;min-height:70px}.layout-change-container .layout-change-wrapper .layout-change-content .layout-container .layout-item .layout-button:hover{border-color:var(--primary);background-color:#ee60550d}.layout-change-container .layout-change-wrapper .layout-change-content .layout-container .layout-item .previously-selected-layout{border-color:var(--primary);background-color:#ee605514}.layout-change-container .layout-change-wrapper .layout-change-content .layout-container .layout-item .selected-layout{border-color:var(--primary);background-color:#ee60550d}.layout-change-container .layout-change-wrapper .layout-change-content .layout-container .layout-item .layout-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:13px;color:var(--text-secondary);text-align:left;margin:0;padding:0}.layout-change-container .layout-change-wrapper .layout-change-content .layout-container.portrait-container .layout-item .layout-button{min-width:70px;min-height:110px}.layout-change-container .layout-change-wrapper .layout-change-content .rotate-container .banner-activate-wrapper{display:flex;align-items:center;gap:16px;padding:0}.layout-change-container .layout-change-wrapper .layout-change-content .rotate-container .banner-activate-wrapper .rotate-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:14px;color:var(--text-primary);margin:0;padding:0}.layout-change-container .layout-change-wrapper .layout-change-content .rotate-container .banner-activate-wrapper .banner-activate-button{width:48px;height:24px;background-color:var(--border-light);border-radius:24px;position:relative;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.layout-change-container .layout-change-wrapper .layout-change-content .rotate-container .banner-activate-wrapper .banner-active{background-color:var(--primary)}.layout-change-container .layout-change-wrapper .layout-change-content .rotate-container .banner-activate-wrapper .ticker-button{width:18px;height:18px;background-color:var(--card-bg);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001a;transition:left .3s ease}.layout-change-container .layout-change-wrapper .layout-change-content .rotate-container .banner-activate-wrapper .ticker-active{left:27px}.layout-change-container .layout-change-wrapper .layout-change-content .effect-container{padding:0}.layout-change-container .layout-change-wrapper .layout-change-content .effect-container .radio-group-container{display:flex;gap:24px;flex-wrap:wrap}.layout-change-container .layout-change-wrapper .layout-change-content .effect-container .radio-option{display:flex;align-items:center;cursor:pointer}.layout-change-container .layout-change-wrapper .layout-change-content .effect-container .radio-option label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:14px;margin-left:8px;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.layout-change-container .layout-change-wrapper .layout-change-content .effect-container .radio-option .active-label{color:var(--primary)}.layout-change-container .layout-change-wrapper .layout-change-content .effect-container .radio-option input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--border-medium);border-radius:50%;outline:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.layout-change-container .layout-change-wrapper .layout-change-content .effect-container .radio-option input[type=radio]:hover{border-color:var(--primary)}.layout-change-container .layout-change-wrapper .layout-change-content .effect-container .radio-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.layout-change-container .layout-change-wrapper .layout-change-content .effect-container .radio-option input[type=radio]:checked{border-color:var(--primary);background:var(--card-bg);box-shadow:inset 0 0 0 4px var(--primary)}.layout-change-container .layout-change-wrapper .layout-change-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px 16px 28px;border-top:1px solid #e7ebf0;position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box}.layout-change-container .layout-change-wrapper .layout-change-footer.tab-mode{position:relative;border-top:1px solid var(--border-light);margin-top:20px;padding:16px 0 0}.layout-change-container .layout-change-wrapper .layout-change-footer .cancel-button{padding:14px 32px;font-size:16px;background-color:var(--card-bg);border:1px solid #EE6055;color:#ee6055;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400;transition:background-color .3s}.layout-change-container .layout-change-wrapper .layout-change-footer .cancel-button:hover{background-color:#ee6055;color:#fff}.layout-change-container .layout-change-wrapper .layout-change-footer .confirm-button{background-color:#ee6055;color:#fff;transition:background-color .3s;margin-right:0;padding:14px 32px;font-size:16px;border-radius:6px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:400;opacity:.9}.layout-change-container .layout-change-wrapper .layout-change-footer .confirm-button:hover{background-color:#cd2d09}.layout-change-container .delete-item-span{color:#ee6055;word-wrap:break-word}@media only screen and (max-width: 768px){.layout-change-content .layout-container{gap:12px}.layout-change-content .layout-container .layout-item .layout-button{min-width:90px;min-height:60px}.layout-change-content .layout-container.portrait-container .layout-item .layout-button{min-width:60px;min-height:90px}}@media only screen and (max-width: 600px){.layout-change-content .layout-container{gap:10px}.layout-change-content .layout-container .layout-item .layout-button{min-width:80px;min-height:55px}.layout-change-content .layout-container .layout-item .layout-label{font-size:12px}.layout-change-content .layout-container.portrait-container .layout-item .layout-button{min-width:55px;min-height:80px}.layout-change-wrapper{width:90%!important;box-sizing:border-box}}.screen-info-modal-container{background:var(--modal-overlay);position:fixed;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.screen-info-modal-container .screen-info-modal-wrapper{width:92vw;max-width:1250px;min-width:750px;height:80vh;max-height:80vh;background-color:var(--modal-bg);border-radius:8px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light);flex-shrink:0}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-header p{font-family:Roboto,sans-serif;font-size:18px;font-weight:500;color:var(--text-primary);margin:0}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-header .screen-info-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;border-radius:6px;padding:0}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-header .screen-info-close-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 30px;box-sizing:border-box;min-height:0;max-height:100%;display:flex;flex-direction:column;gap:20px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content::-webkit-scrollbar{width:6px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-tab-content{width:100%;flex-shrink:0}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-compact-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border-light);border-radius:8px;overflow:hidden;background-color:var(--bg-primary)}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-compact-row{display:contents}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-compact-row>.screen-info-compact-cell{border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light)}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-compact-row>.screen-info-compact-cell:last-child{border-right:none}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-compact-row:last-child>.screen-info-compact-cell{border-bottom:none}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-compact-cell{min-width:0;display:flex;flex-direction:column;padding:10px 14px;gap:4px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-compact-label{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-compact-value{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;color:var(--text-primary)}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-storage-cell{grid-column:span 2}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-storage-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-storage-header .screen-info-compact-label{margin-bottom:0}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-storage-desc{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:var(--text-secondary);flex-shrink:0}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-storage-track{width:100%;height:6px;background-color:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-top:4px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-storage-fill{height:100%;background-color:var(--primary);border-radius:4px;transition:width .2s ease}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-month-controls{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-top:4px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-usage-title{font-family:Roboto,sans-serif;font-size:14px;font-weight:500;color:var(--text-primary)}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-month-nav{display:flex;align-items:center;gap:8px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-month-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;border-radius:6px;padding:0}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-month-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-month-button svg{width:16px;height:16px}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-info-month-text{min-width:120px;text-align:center;color:var(--text-primary);font-size:13px;font-weight:500;font-family:Roboto,sans-serif}.screen-info-modal-container .screen-info-modal-wrapper .screen-info-content .screen-analytics-container.tab-mode{width:100%;padding:0;flex:1;min-height:0}@media only screen and (max-width: 768px){.screen-info-modal-wrapper{width:95%!important;min-width:auto;max-height:95vh}}.screen-analytics-container{background:#00000080;position:absolute;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.screen-analytics-container.tab-mode{background:transparent;position:relative;width:100%;height:100%;z-index:1;left:auto;top:auto;display:block}.screen-analytics-container .screen-analytics-content-wrapper{display:flex;flex-direction:column;padding:0;box-sizing:border-box;width:100%}.screen-analytics-container .screen-analytics-content-wrapper.tab-mode-layout{flex-direction:column;gap:16px;min-height:0;flex:1}.screen-analytics-container .screen-analytics-tab-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.screen-analytics-container .analytics-today-horizontal{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--border-light);border-radius:8px;background-color:var(--bg-primary);flex-shrink:0}.screen-analytics-container .analytics-today-day-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-shrink:0}.screen-analytics-container .analytics-today-title{font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.screen-analytics-container .analytics-today-right-group{display:flex;align-items:center;gap:20px}.screen-analytics-container .analytics-today-day-nav-controls{display:flex;align-items:center;gap:8px}.screen-analytics-container .analytics-heatmap-legend-inline{display:flex;align-items:center;gap:16px;flex-shrink:0;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;color:var(--text-secondary)}.screen-analytics-container .analytics-heatmap-legend-item{display:flex;align-items:center;gap:6px}.screen-analytics-container .analytics-heatmap-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.screen-analytics-container .analytics-heatmap-legend-dot.active{background-color:var(--success, #34A853)}.screen-analytics-container .analytics-heatmap-legend-dot.inactive{background-color:#0000001f}.screen-analytics-container .analytics-today-nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s ease}.screen-analytics-container .analytics-today-nav-btn:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-secondary)}.screen-analytics-container .analytics-today-nav-btn:disabled{opacity:.4;cursor:not-allowed}.screen-analytics-container .analytics-today-day-label{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap}.screen-analytics-container .analytics-heatmap-bar-cell{flex:1;min-width:0}.screen-analytics-container .analytics-heatmap-track{display:flex;width:100%;height:12px;border-radius:4px;overflow:hidden;background-color:#0000000f;box-sizing:border-box}.screen-analytics-container .analytics-heatmap-segment{flex:1 1 0;min-width:0;height:100%;box-sizing:border-box;background-color:#00000014;transition:background-color .2s ease;border-right:1px solid rgba(0,0,0,.08)}.screen-analytics-container .analytics-heatmap-segment:last-child{border-right:none}.screen-analytics-container .analytics-heatmap-segment.active{background-color:var(--success, #34A853)!important;opacity:1;border-right-color:#0000001f}.screen-analytics-container .analytics-heatmap-labels{position:relative;width:100%;height:18px;margin-top:6px;margin-bottom:0}.screen-analytics-container .analytics-heatmap-label{position:absolute;font-family:Roboto,sans-serif;font-size:10px;font-weight:600;color:var(--text-primary);white-space:nowrap;transform:translate(-50%);pointer-events:none}.screen-analytics-container .analytics-heatmap-label:first-child{transform:translate(0)}.screen-analytics-container .analytics-heatmap-label:last-child{transform:translate(-100%)}.screen-analytics-container .screen-analytics-tab-row{display:flex;gap:20px;flex:1;min-height:0}.screen-analytics-container .screen-analytics-metrics-cards{display:flex;flex-direction:column;gap:12px;flex:1;min-width:160px;max-width:180px;min-height:0}.screen-analytics-container .analytics-metric-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--border-light);border-radius:8px;background-color:var(--bg-primary);flex:1;min-height:0;justify-content:center}.screen-analytics-container .analytics-metric-card-title{font-family:Roboto,sans-serif;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.screen-analytics-container .analytics-metric-card .analytics-metric-value{font-family:Roboto,sans-serif;font-size:16px;font-weight:600;color:var(--text-primary)}.screen-analytics-container .screen-analytics-tab-graphs{display:flex;gap:20px;flex:1;min-height:0}.screen-analytics-container .screen-analytics-tab-graphs .analytics-active-screenCount{flex:1;min-width:0;margin-right:0;border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.screen-analytics-container .screen-analytics-tab-graphs .analytics-active-screenCount .month-screen-wrapper{border:none;padding:16px 20px 4px 12px}.screen-analytics-container .screen-analytics-tab-graphs .analytics-active-screenCount .graph-title{margin-bottom:12px;font-size:14px;font-weight:600}.screen-analytics-container .screen-analytics-tab-graphs .analytics-active-screenCount .graph-wrapper{height:220px;display:flex}.screen-analytics-container .screen-analytics-tab-graphs .analytics-active-screens{flex-shrink:0;width:310px;min-width:310px;border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.screen-analytics-container .screen-analytics-tab-graphs .analytics-active-screens .activity-calendar{border:none}.screen-analytics-container .screen-analytics-wrapper{width:65vw;background-color:var(--card-bg);border-radius:8px;box-shadow:#0000003d 0 3px 8px;overflow:hidden;position:relative}.screen-analytics-container .screen-analytics-wrapper.tab-mode{width:100%;background-color:transparent;border-radius:0;box-shadow:none;position:relative;overflow:visible;padding:0;box-sizing:border-box}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid #e7ebf0}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-header svg{fill:var(--text-secondary)}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-header svg:hover{fill:#ee6055}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-header .close-analytics{display:flex;align-items:center}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-message{border-radius:8px;background-color:transparent;padding:0;margin-bottom:24px;display:flex;width:100%;box-sizing:border-box;justify-content:space-between;gap:20px}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-message:last-child{margin-bottom:0}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-message .analytics-active-screenCount{width:70%;border:1px solid #e7ebf0;border-radius:10px;margin-right:20px}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-message .analytics-active-screens{border:1px solid #e7ebf0;border-radius:10px}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-message .analytics-screen-card{border:1px solid #e7ebf0;border-radius:8px;width:32%;height:auto;padding:12px 15px 10px;box-sizing:border-box}.screen-analytics-container .screen-analytics-wrapper .screen-analytics-message .analytics-screen-card p{margin:0}.analytics-screen-name{display:flex;justify-content:space-between;align-items:center;justify-items:center;padding-right:30px}@media only screen and (max-width: 600px){.screen-analytics-message{flex-direction:column}.screen-analytics-wrapper{width:90%!important}.analytics-active-screenCount{width:100%!important}.screen-analytics-content-wrapper.tab-mode-layout,.screen-analytics-tab-row{flex-direction:column}.screen-analytics-metrics-cards{width:100%;max-width:none}.screen-analytics-tab-graphs{flex-direction:column}.screen-analytics-tab-graphs .analytics-active-screenCount{max-width:none}.screen-analytics-tab-graphs .analytics-active-screens{width:100%;min-width:0}}.active-media-container{height:100%;display:flex;flex-direction:column;margin-top:10px}@media only screen and (max-width: 600px){.active-media-container{height:auto;min-height:0}}.active-media-container .active-media-header{width:100%;display:flex;flex-direction:column;justify-items:flex-start;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-secondary);font-weight:500}.active-media-container .active-media-header p{margin:0}.active-media-container .active-media-header .active-media-number{font-size:42px;color:var(--text-primary);font-weight:600;display:flex;flex-direction:column;gap:4px;letter-spacing:-.02em}.active-media-container .active-media-header .active-media-number p{font-size:13px;margin:0;color:var(--text-tertiary);font-weight:500;letter-spacing:0}.active-media-container .active-media-header .status-bar-container{margin:12px 0;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:12px}.active-media-container .active-media-header .status-bar-container .status-bar{display:flex;height:6px;border-radius:6px;overflow:hidden;background-color:var(--bg-tertiary)}.active-media-container .active-media-header .status-bar-container .status{height:100%;transition:width 1s ease-out;flex-shrink:0}.active-media-container .active-media-header .status-bar-container .media-videos{background-color:var(--primary);border-radius:6px 0 0 6px;z-index:3;transition-delay:.2s}.active-media-container .active-media-header .status-bar-container .media-images{background-color:#ee60558c;margin-left:-2px;z-index:2;transition-delay:.3s}[data-theme=dark] .active-media-container .active-media-header .status-bar-container .media-images{background-color:#ff6b5e8c}.active-media-container .active-media-header .status-bar-container .idle{background-color:var(--bg-tertiary);margin-left:-2px;border-radius:0 6px 6px 0;z-index:1;transition-delay:.6s}.active-media-container .active-media-header .status-bar-container .status-labels{display:flex;margin-top:4px;flex-direction:column;align-items:flex-start;gap:10px}.active-media-container .active-media-header .status-bar-container .label-media-videos,.active-media-container .active-media-header .status-bar-container .label-media-images,.active-media-container .active-media-header .status-bar-container .label-media-others{display:flex;align-items:center;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:1}.active-media-container .active-media-header .status-bar-container .label-media-videos{color:var(--primary)}.active-media-container .active-media-header .status-bar-container .label-media-images{color:#ee6055bf}[data-theme=dark] .active-media-container .active-media-header .status-bar-container .label-media-images{color:#ff6b5ebf}.active-media-container .active-media-header .status-bar-container .label-media-others{color:var(--text-tertiary)}.active-media-container .active-media-header .status-bar-container .dot{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:50%;margin-right:12px;flex-shrink:0;flex:0 0 10px;align-self:center}.active-media-container .active-media-header .status-bar-container .dot.media-videos{background:var(--primary)}.active-media-container .active-media-header .status-bar-container .dot.media-images{background:#ee605580}[data-theme=dark] .active-media-container .active-media-header .status-bar-container .dot.media-images{background:#ff6b5e80}.active-media-container .active-media-header .status-bar-container .dot.media-others{background:var(--text-tertiary)}.active-media-container .active-media-content{font-size:12px;font-family:Inter,sans-serif;font-weight:500;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;overflow:scroll;scrollbar-width:none;margin-top:12px}.active-media-container .active-media-content .activemedia-card-header{display:flex;justify-content:space-between}.active-media-container .active-media-content .activemedia-card-header .activemedia-card-header-right{display:flex;gap:5px;font-size:11px}.active-media-container .active-media-content .active-media-name{display:flex;justify-content:space-between;width:95%;font-size:11px}.active-media-container .active-media-content .active-media-name .active-media-name-left{display:flex;align-items:center;gap:6px}.active-media-container .active-media-content .active-media-name .active-media-name-right{display:flex;align-items:center}.active-media-container .active-media-content .activemedia-card-container{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:none;height:100%}.active-media-container .active-media-content .activemedia-card-container .active-media-card{background-color:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;height:auto;margin-bottom:6px;font-size:12px;font-weight:500;border:1px solid var(--border-light);transition:all .2s ease}.active-media-container .active-media-content .activemedia-card-container .active-media-card:hover{background-color:var(--dropdown-hover);border-color:var(--border-medium)}.activity-calendar{background-color:var(--card-bg);width:100%;height:36vh;border-radius:14px;padding:20px 30px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;border:1px solid var(--border-light);transition:background-color .3s ease,border-color .3s ease;display:flex;flex-direction:column;overflow:hidden}.activity-calendar-title{font-weight:500;color:var(--text-secondary);font-size:13px;margin:0}.activity-calendar-container{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:12px}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;gap:10px;flex-shrink:0}.calendar-header .calendar-navigation{display:flex;align-items:center;justify-content:space-between;width:110px}.calendar-nav-button{padding:4px;background:none;border:none;cursor:pointer;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.calendar-nav-button:hover{background-color:var(--dropdown-hover)}.calendar-nav-button svg{width:16px;height:16px}.calendar-month{font-size:13px;font-weight:500;color:var(--text-primary);margin:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,32px);gap:4px;padding-bottom:8px;width:-moz-fit-content;width:fit-content}.calendar-weekday{font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center;padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,32px);gap:4px;width:-moz-fit-content;width:fit-content}.calendar-day-empty{aspect-ratio:1}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s}.calendar-day-active{background-color:var(--success);color:#fff}.calendar-day-inactive{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.calendar-legend{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:16px;border-top:1px solid var(--border-light)}.legend-item{display:flex;align-items:center;gap:8px}.legend-box{width:12px;height:12px;border-radius:3px}.legend-box-active{background-color:var(--success)}.legend-box-inactive{background-color:var(--bg-tertiary);border:1px solid var(--border-light)}.legend-text{font-size:14px;color:var(--text-secondary)}@media only screen and (max-width: 600px){.activity-calendar{min-height:280px;height:auto;padding:16px 20px;overflow:visible}.activity-calendar .activity-calendar-container{flex:0 1 auto;min-height:auto}.calendar-header{display:flex;justify-items:flex-start;gap:10px;font-family:Roboto,sans-serif;color:var(--text-secondary);font-weight:500;padding-bottom:12px}.calendar-header p{margin:0}}.screen-layout-modal-container{background:var(--modal-overlay);position:fixed;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.screen-layout-modal-container .screen-layout-modal-wrapper{width:70vw;max-width:900px;min-width:600px;height:70vh;max-height:70vh;background-color:var(--modal-bg);border-radius:8px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;position:relative;padding-bottom:66px;box-sizing:border-box;display:flex;flex-direction:column}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light);flex-shrink:0}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-header p{font-family:Roboto,sans-serif;font-size:18px;font-weight:500;color:var(--text-primary);margin:0}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 30px;box-sizing:border-box;min-height:0;max-height:calc(70vh - 140px)}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-content .layout-change-container.tab-mode{background:transparent;position:relative;width:100%;height:auto;min-height:auto;z-index:1;left:auto;top:auto;display:block}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-content .layout-change-container.tab-mode .layout-change-wrapper.tab-mode{width:100%;background-color:transparent;border-radius:0;box-shadow:none;padding-bottom:0;position:relative;height:auto;min-height:auto}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-content .layout-change-container.tab-mode .layout-change-wrapper.tab-mode .layout-change-content.tab-mode{padding:0;margin-bottom:0}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-content .layout-change-container.tab-mode .layout-change-wrapper.tab-mode .layout-change-footer{display:none!important}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px 16px 28px;border-top:1px solid var(--border-light);position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box;background-color:var(--modal-bg);z-index:10}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-footer .cancel-button{padding:14px 32px;font-size:16px;background-color:var(--modal-bg);border:1px solid #EE6055;color:#ee6055;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400;transition:background-color .3s}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-footer .cancel-button:hover{background-color:#ee6055;color:#fff}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-footer .cancel-button.mr-12{margin-right:12px}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-footer .confirm-button{background-color:#ee6055;color:#fff;transition:background-color .3s;padding:15px 32px;font-size:16px;border-radius:6px;cursor:pointer;border:none;font-family:Roboto,sans-serif;font-weight:400;opacity:.9}.screen-layout-modal-container .screen-layout-modal-wrapper .screen-layout-footer .confirm-button:hover{opacity:1;background-color:#cd2d09}@media only screen and (max-width: 768px){.screen-layout-modal-wrapper{width:95%!important;min-width:auto;max-height:95vh}}.screen-recovery-modal-container{background:var(--modal-overlay);position:fixed;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.screen-recovery-modal-wrapper{width:440px;max-width:95vw;background-color:var(--modal-bg);border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.screen-recovery-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.screen-recovery-modal-header .screen-recovery-modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0 4px;line-height:1}.screen-recovery-modal-header .screen-recovery-modal-close:hover{color:var(--text-primary)}.screen-recovery-modal-content{padding:24px}.screen-recovery-status{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;font-size:13px;font-weight:500;margin-bottom:16px}.screen-recovery-status.screen-recovery-status-sending{background:#ee605514;border:1px solid rgba(238,96,85,.2);color:var(--primary)}.screen-recovery-status.screen-recovery-status-success{background:#34a8531a;border:1px solid rgba(52,168,83,.25);color:var(--success, #34a853)}.screen-recovery-status.screen-recovery-status-success svg{flex-shrink:0}.screen-recovery-status.screen-recovery-status-error{background:#dc354514;border:1px solid rgba(220,53,69,.2);color:var(--error, #dc3545)}.screen-recovery-status-spinner{width:16px;height:16px;border:2px solid rgba(238,96,85,.3);border-top-color:var(--primary);border-radius:50%;animation:screen-recovery-spin .8s linear infinite}@keyframes screen-recovery-spin{to{transform:rotate(360deg)}}.screen-recovery-modal-intro{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 20px}.screen-recovery-options{display:flex;flex-direction:column;gap:12px}.screen-recovery-option{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;cursor:pointer;text-align:left;transition:all .2s ease;position:relative}.screen-recovery-option:hover:not(:disabled){border-color:var(--primary);background:#ee60550a}.screen-recovery-option:disabled{opacity:.7;cursor:not-allowed}.screen-recovery-option .screen-recovery-option-icon{width:40px;height:40px;border-radius:10px;background:#ee60551a;color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.screen-recovery-option .screen-recovery-option-icon-restart{background:#ee605526}.screen-recovery-option .screen-recovery-option-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.screen-recovery-option .screen-recovery-option-title{font-size:14px;font-weight:600;color:var(--text-primary)}.screen-recovery-option .screen-recovery-option-desc{font-size:12px;color:var(--text-secondary);line-height:1.45}.screen-recovery-option .screen-recovery-option-loading{font-size:12px;color:var(--primary);font-weight:500}.screen-recovery-modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}@media only screen and (max-width: 600px){.screen-recovery-modal-wrapper{width:92%}.screen-recovery-modal-content{padding:20px}.screen-recovery-option{padding:14px}}.app-version-warning-modal-container{background:var(--modal-overlay);position:fixed;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.app-version-warning-modal-container .app-version-warning-modal-wrapper{width:400px;max-width:92vw;background-color:var(--modal-bg);border-radius:8px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;box-sizing:border-box}.app-version-warning-modal-container .app-version-warning-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light)}.app-version-warning-modal-container .app-version-warning-modal-header .title-large{white-space:normal;line-height:1.3}.app-version-warning-modal-container .app-version-warning-modal-header .app-version-warning-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;border-radius:6px;padding:0;flex-shrink:0}.app-version-warning-modal-container .app-version-warning-modal-header .app-version-warning-close-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.app-version-warning-modal-container .app-version-warning-modal-content{padding:20px 28px 24px;box-sizing:border-box}.app-version-warning-modal-container .app-version-warning-modal-content .app-version-warning-message{font-size:14px;font-weight:400;line-height:1.55;color:var(--text-secondary);margin:0 0 14px}.app-version-warning-modal-container .app-version-warning-modal-content .app-version-warning-message:last-child{margin-bottom:0}.app-version-warning-modal-container .app-version-warning-modal-content .app-version-warning-message strong{font-weight:500;color:var(--text-primary)}@media only screen and (max-width: 600px){.app-version-warning-modal-container .app-version-warning-modal-wrapper{width:88%}.app-version-warning-modal-container .app-version-warning-modal-header{padding:16px 20px}.app-version-warning-modal-container .app-version-warning-modal-content{padding:16px 20px 20px}.app-version-warning-modal-container .app-version-warning-modal-content .app-version-warning-message{font-size:13px}}.playlist-page{padding:0 24px 40px;box-sizing:border-box}.playlist-list-wrapper{height:100%;width:100%;padding:0 4px 30px;box-sizing:border-box;overflow-y:scroll;-ms-overflow-style:none}.playlist-list-wrapper::-webkit-scrollbar{display:none}.playlist-page-container{margin-top:20px;margin-left:10px;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:200px;gap:20px}.playlist-list-container .playlist-loading-skeleton-wrapper,.playlist-loading-skeleton-wrapper{display:contents}@media screen and (max-width: 599px){.playlist-list-container .playlist-loading-skeleton-wrapper,.playlist-loading-skeleton-wrapper{display:contents}}.playlist-loading-skeleton{margin:0;height:110px;width:100%;border-radius:10px;box-sizing:border-box;background-color:var(--skeleton-bg);border:1px solid var(--border-light);overflow:hidden}.playlist-loading-skeleton .react-loading-skeleton{--base-color: var(--skeleton-bg) !important;--highlight-color: var(--skeleton-highlight) !important;background-color:var(--skeleton-bg)!important;background-image:linear-gradient(90deg,var(--skeleton-bg),var(--skeleton-highlight),var(--skeleton-bg))!important}.playlist-card-right{display:flex;justify-content:space-between;position:relative;align-items:center}.playlist-card-left{display:flex;align-items:center}.loading-indicator{margin-right:5px}.spinner{border:2px solid rgba(0,0,0,.1);border-left-color:#f8f9fb;border-radius:50%;width:10px;height:10px;animation:spin 1s linear infinite}@media only screen and (max-width: 600px){.playlist-list-wrapper{padding-top:0;height:100%;width:100%;padding-right:0;box-sizing:border-box;margin-top:55px}.playlist-page-container{grid-template-columns:repeat(1,1fr);-moz-column-gap:0px;column-gap:0px;row-gap:0px;margin-left:0;margin-top:0%}.playlist-loading-skeleton-wrapper{display:contents}.playlist-loading-skeleton{height:100px}}.medium-modal-container{background:var(--modal-overlay);position:absolute;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.medium-modal-container .medium-modal-content-wrapper{width:420px;background-color:var(--modal-bg);border-radius:8px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;position:relative;padding-bottom:66px}.medium-modal-container .medium-modal-content-wrapper .medium-modal-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid var(--border-light)}.medium-modal-container .medium-modal-content-wrapper .medium-modal-header svg{color:var(--text-primary);cursor:pointer}.medium-modal-container .medium-modal-content-wrapper .medium-modal-content{border-radius:8px;background-color:transparent;padding:20px 30px;display:flex;flex-direction:column}.medium-modal-container .medium-modal-content-wrapper .medium-modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px 16px 28px;border-top:1px solid var(--border-light);position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box}.playlist-preview-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000;overflow:hidden;position:relative;border-radius:12px}.playlist-preview-container:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);pointer-events:none;border-radius:12px 12px 0 0;z-index:1}.playlist-preview-container .playlist-preview-media{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;position:relative;z-index:0}.playlist-preview-container video.playlist-preview-media{-o-object-fit:cover;object-fit:cover}.playlist-preview-container iframe.playlist-preview-media{border-radius:12px;overflow:hidden}.playlist-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;position:relative;overflow:hidden}.playlist-preview-empty:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0%,transparent 70%);pointer-events:none;z-index:1}.playlist-preview-empty .playlist-preview-empty-content{text-align:center;padding:24px;position:relative;z-index:2}.playlist-preview-empty .playlist-preview-empty-content .playlist-preview-empty-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;color:#ffffffb3;margin:0 0 8px}.playlist-preview-empty .playlist-preview-empty-content .playlist-preview-empty-subtext{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:400;color:#ffffff80;margin:0}.push-to-screen-modal-container{background:var(--modal-overlay);position:fixed;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper{width:520px;height:520px;max-height:80vh;background-color:var(--modal-bg);border-radius:12px;box-shadow:var(--card-hover-shadow) 0 3px 8px;overflow:hidden;position:relative;display:flex;flex-direction:column}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-header{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:16px 24px 12px;border-bottom:1px solid var(--border-light);flex-shrink:0}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-header p{margin:0;color:var(--text-primary)}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-header .push-to-screen-search{width:100%;position:relative}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-header .push-to-screen-search input{width:100%;height:40px;border-radius:12px;border:1px solid var(--border-light);background-color:var(--input-bg);padding:8px 16px 8px 48px;font-family:Roboto,sans-serif;font-size:15px;color:var(--text-primary);outline:none;box-sizing:border-box;transition:all .2s ease}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-header .push-to-screen-search input::-moz-placeholder{color:var(--text-tertiary);font-family:Roboto,sans-serif}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-header .push-to-screen-search input::placeholder{color:var(--text-tertiary);font-family:Roboto,sans-serif}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-header .push-to-screen-search input:focus{border:1px solid rgba(238,96,85,.3);background-color:var(--card-bg);box-shadow:0 2px 8px #ee60551f}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-header .push-to-screen-search .search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-header .push-to-screen-search .search-icon svg{width:16px;height:16px;color:var(--primary)}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content{flex:1;overflow-y:auto;padding:12px 24px 16px}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-loading,.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-list{display:flex;flex-direction:column;gap:8px}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border-light);border-radius:8px;background-color:var(--bg-primary);cursor:pointer;transition:all .15s ease}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item:hover{background-color:var(--bg-secondary);border-color:var(--border-medium)}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item.selected{background-color:var(--bg-secondary);border-color:var(--primary);border-width:2px}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item .push-to-screen-item-content{flex:1;display:flex;align-items:center;gap:12px}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item .push-to-screen-item-content .push-to-screen-item-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item .push-to-screen-item-content .push-to-screen-item-info .push-to-screen-name{margin:0;color:var(--text-primary);font-weight:500}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item .push-to-screen-item-content .push-to-screen-item-info .push-to-screen-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item .push-to-screen-item-content .push-to-screen-item-info .push-to-screen-status.online{color:#fff;background-color:var(--success)}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item .push-to-screen-item-content .push-to-screen-item-info .push-to-screen-status.offline{color:var(--error);background-color:transparent;border:1px solid var(--error)}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item .push-to-screen-checkbox{margin-left:12px;flex-shrink:0}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-content .push-to-screen-item .push-to-screen-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--border-light);flex-shrink:0;background-color:var(--modal-bg)}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-footer .push-to-screen-cancel-button,.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-footer .push-to-screen-push-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:all .15s ease;border:none}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-footer .push-to-screen-cancel-button:disabled,.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-footer .push-to-screen-push-button:disabled{opacity:.5;cursor:not-allowed}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-footer .push-to-screen-cancel-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-footer .push-to-screen-cancel-button:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-footer .push-to-screen-push-button{background-color:var(--primary);color:#fff}.push-to-screen-modal-container .push-to-screen-modal-content-wrapper .push-to-screen-modal-footer .push-to-screen-push-button:hover:not(:disabled){background-color:var(--primary-hover)}@media only screen and (max-width: 600px){.push-to-screen-modal-content-wrapper{width:90%!important;max-height:90vh}}.home-padding{padding-top:30px;padding-left:24px;padding-right:24px;box-sizing:border-box}.home-layout{width:100%;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}::-webkit-scrollbar{scrollbar-width:none}.home-container{display:flex;width:100%;gap:24px;scrollbar-width:none;box-sizing:border-box}.home-container .medium-wrapper{flex:1 1 0;min-width:0;padding:20px;overflow:hidden;box-sizing:border-box}.home-container .x-large-wrapper{flex:0 0 50%;min-width:0;padding:20px;overflow:hidden;box-sizing:border-box}.home-container .large-wrapper{flex:0 0 26%;min-width:0;padding:20px;overflow:hidden;box-sizing:border-box}.home-container-bottom{gap:16px}.home-container-bottom .x-large-wrapper{flex:1 1 54%;min-width:340px}.home-container-bottom .medium-wrapper{flex:0 0 23%;min-width:200px}.home-container-bottom .large-wrapper{flex:0 0 23%;min-width:220px}.month-controls{width:110px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:var(--text-primary)}.month-controls .calendar-month-text{font-size:13px;font-weight:500;color:var(--text-primary)}.month-control-button{cursor:pointer;padding:4px;border-radius:4px;background:none;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.month-control-button:hover{background-color:var(--dropdown-hover)}.month-control-button svg{width:16px;height:16px}.screen-selector{display:flex;gap:6px;align-items:center;position:relative;font-family:Roboto,sans-serif;justify-content:center}.screen-selector select{display:flex;border:none;font-family:Roboto,sans-serif;font-weight:500;font-size:16px}.analytics-dropdown-placeholder{padding:8px;border:1px solid var(--border-medium);border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);cursor:pointer;max-width:170px;min-width:140px;overflow:hidden;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.analytics-dropdown-menu{position:absolute;top:100%;left:0;right:0;border:1px solid var(--border-medium);border-radius:4px;background-color:var(--dropdown-bg);z-index:10;box-shadow:0 4px 6px var(--card-shadow);min-width:60px}.analytics-dropdown-search-input{width:100%;box-sizing:border-box;padding:8px;border:none;border-bottom:1px solid var(--border-light);outline:none;font-family:Roboto,sans-serif;background-color:var(--input-bg);color:var(--text-primary)}.analytics-dropdown-options{list-style-type:none;margin:0;padding:0;max-height:200px;overflow-y:auto}.analytics-dropdown-option{padding:8px;cursor:pointer;color:var(--text-primary)}.analytics-dropdown-option:hover,.analytics-dropdown-option.selected{background-color:var(--dropdown-hover)}.analytics-dropdown-no-results{padding:8px;color:var(--text-tertiary)}.active-header-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-secondary);font-weight:500;font-size:13px;margin:0}.month-screen-wrapper{background-color:var(--card-bg);width:100%;height:36vh;border-radius:14px;padding:20px 30px;box-sizing:border-box;border:1px solid var(--border-light);transition:background-color .3s ease,border-color .3s ease}.month-screen-wrapper .graph-title{margin-bottom:20px;display:flex;justify-content:space-between;justify-items:flex-start;gap:10px;font-family:Roboto,sans-serif;color:var(--text-primary);font-weight:500;align-items:center;height:20px;box-sizing:border-box}.month-screen-wrapper .graph-title button{background-color:transparent;border:0}.month-screen-wrapper .graph-wrapper{width:100%;display:flex;justify-content:center;align-items:center;font-weight:500;font-family:Roboto,sans-serif;color:var(--text-primary);font-size:18px;margin-top:4vh}.active-screens-tooltip{background:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;padding:14px 16px;min-width:200px;max-width:280px;font-family:Roboto,sans-serif}.active-screens-tooltip .active-screens-tooltip-header{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--border-light);margin-bottom:10px}.active-screens-tooltip .active-screens-tooltip-date{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.active-screens-tooltip .active-screens-tooltip-count{font-size:11px;font-weight:500;color:var(--primary)}.active-screens-tooltip .active-screens-tooltip-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.active-screens-tooltip .active-screens-tooltip-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-secondary);line-height:1.4}.active-screens-tooltip .active-screens-tooltip-item .active-screens-tooltip-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0}.active-screen-wrapper{background-color:var(--card-bg);width:16vw;height:36vh;border-radius:14px;display:flex;flex-direction:column;gap:15px;box-sizing:border-box;position:relative;padding:30px 30px 5px;overflow:hidden;border:1px solid var(--border-light);transition:background-color .3s ease,border-color .3s ease}.admin-user-wrapper{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;height:100%}.admin-user-wrapper .admin-user-image{width:80px;height:80px;border-radius:50%;background-color:var(--bg-tertiary);display:flex;justify-content:center;align-items:center;border:2px solid var(--border-light);transition:border-color .2s ease}.admin-user-wrapper .admin-user-details{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.admin-user-wrapper .admin-user-details .admin-user-name{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:16px;text-align:center}.admin-user-wrapper .admin-user-details .admin-user-gmail{font-size:12px;color:var(--text-tertiary);font-family:Inter,sans-serif}.admin-user-wrapper .admin-user-details .admin-subscription-status{font-size:12px;font-family:Inter,sans-serif;color:var(--primary);font-weight:500}.userAdmin-users-button{background-color:var(--bg-tertiary);padding:4px 10px;display:flex;color:var(--text-secondary);border-radius:6px;font-family:Inter,sans-serif;font-size:12px;box-sizing:border-box;border:1px solid var(--border-light);transition:all .2s ease}.userAdmin-users-button:hover{background-color:var(--dropdown-hover);border-color:var(--border-medium)}.userAdmin-users-button p{margin:0}.skeleton-card{height:100%;display:flex;flex-direction:column;overflow:scroll}.skeleton-header{width:100%;display:flex;flex-direction:column;justify-items:flex-start;gap:10px;height:100%}.skeleton-history-header{width:100%;display:flex;flex-direction:column;justify-items:flex-start;gap:10px;height:100%;overflow:hidden}.skeleton-progress-bar{width:100%;height:5px;border-radius:10px}.skeleton-icon-text{display:flex;align-items:center;gap:18px;margin-top:10px}.skeleton-list{display:flex;flex-direction:column;gap:6px;height:100%;overflow:scroll;scrollbar-width:none}.skeleton-item{display:flex;align-items:center;width:100%;box-sizing:border-box}.skeleton-active-number{display:flex;flex-direction:column;gap:3px}.skeleton-active-content{display:flex;flex-direction:column;gap:10px;margin-top:15px}.skeleton-item-container{height:32px}.skeleton-active-content-header{display:flex;height:auto;align-items:center;overflow:hidden;width:100%;justify-content:space-between}.skeleton-storage-donut{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:300px;height:100%}.skeleton-chart-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.admin-user-skeleton{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;height:100%;width:100%}.user-details-skeleton{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px}.graph-title-skeleton{padding-left:40px;margin-bottom:20px;display:flex;flex-direction:column;justify-items:flex-start;gap:10px}.skeleton-chart-placeholder{width:100%;height:100%;background-color:var(--skeleton-bg);border-radius:8px;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 600px){.main-container{height:93%;background-color:var(--bg-primary);margin-bottom:1000px}.page-container.home-padding{min-height:93vh;height:auto}.home-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;overflow:visible}.home-container-bottom{display:flex;flex-direction:column;gap:16px;align-items:center}.home-layout{gap:16px;min-height:-moz-min-content;min-height:min-content}.home-container .medium-wrapper,.home-container-bottom .medium-wrapper,.home-container-bottom .large-wrapper{width:100%!important;max-width:100%;padding:16px!important;flex:0 0 auto!important;min-height:0;overflow:visible!important}.x-large-wrapper,.large-wrapper{width:100%!important;max-width:100%;padding:16px!important;min-height:0;flex-shrink:0;overflow:visible!important}.month-screen-wrapper{width:100%!important;min-height:280px;height:auto;overflow:visible}.active-screen-wrapper{width:100%!important;min-height:220px;height:auto;padding:16px 20px;overflow:visible;border-radius:14px;display:flex;flex-direction:column;gap:15px;box-sizing:border-box}.home-padding{padding:16px 16px 100px!important;overflow-x:hidden;overflow-y:visible;min-height:100%;height:auto;-webkit-overflow-scrolling:touch}.active-screen-wrapper:has(.admin-user-wrapper){justify-content:center}.admin-user-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px 0;min-height:auto;height:auto}.skeleton-card{overflow:visible;height:auto;min-height:0}.skeleton-header,.skeleton-history-header{height:auto;min-height:0;overflow:visible}.skeleton-list{overflow:visible;height:auto}.admin-user-skeleton,.skeleton-storage-donut,.skeleton-chart-wrapper{height:auto;min-height:0}}.admin-user-wrapper{display:flex;align-items:center;gap:16px;padding:16px}.admin-user-wrapper .admin-user-image-wrapper{position:relative;cursor:pointer}.admin-user-wrapper .admin-user-image-wrapper .admin-user-image{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:3px solid var(--border-light);transition:border-color .3s ease}.admin-user-wrapper .admin-user-image-wrapper .admin-user-image .user-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.admin-user-wrapper .admin-user-image-wrapper .admin-user-image .default-user-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.admin-user-wrapper .admin-user-image-wrapper .admin-user-image .uploading-spinner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:spin 1s linear infinite}.admin-user-wrapper .admin-user-image-wrapper .upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.admin-user-wrapper .admin-user-image-wrapper .upload-overlay .upload-icon-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;transition:transform .2s ease}.admin-user-wrapper .admin-user-image-wrapper .upload-overlay .upload-icon-btn:hover{transform:scale(1.1)}.admin-user-wrapper .admin-user-image-wrapper .upload-overlay .upload-icon-btn span{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-user-wrapper .admin-user-image-wrapper:hover .admin-user-image{border-color:#ee6055}.admin-user-wrapper .admin-user-details{display:flex;flex-direction:column;gap:4px}.admin-user-wrapper .admin-user-details .admin-user-name{font-size:18px;font-weight:600;color:var(--text-primary)}.admin-user-wrapper .admin-user-details .admin-subscription-status{font-size:12px;color:#ee6055;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.active-screen-container{height:100%;display:flex;flex-direction:column;margin-top:10px}@media only screen and (max-width: 600px){.active-screen-container{height:auto;min-height:0}}.active-screen-container .active-screen-header{display:flex;flex-direction:column;justify-items:flex-start;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-secondary);font-weight:500}.active-screen-container .active-screen-header p{margin:0}.active-screen-container .active-screen-header .active-screen-number{font-size:42px;color:var(--text-primary);font-weight:600;display:flex;flex-direction:column;gap:4px;letter-spacing:-.02em}.active-screen-container .active-screen-header .active-screen-number p{font-size:13px;margin:0;color:var(--text-tertiary);font-weight:500;letter-spacing:0}.active-screen-container .active-screen-header .status-bar-container{margin:12px 0;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:12px}.active-screen-container .active-screen-header .status-bar-container .status-bar{display:flex;height:6px;border-radius:6px;overflow:visible;background-color:var(--bg-tertiary)}.active-screen-container .active-screen-header .status-bar-container .status{height:100%;transition:width 1s ease-out}.active-screen-container .active-screen-header .status-bar-container .online{background-color:var(--success);border-radius:6px;z-index:3;transition-delay:.2s}.active-screen-container .active-screen-header .status-bar-container .offline{background-color:var(--bg-tertiary);margin-left:-4px;z-index:2;border-top-right-radius:6px;border-bottom-right-radius:6px;transition-delay:.3s}.active-screen-container .active-screen-header .status-bar-container .idle{background-color:var(--bg-tertiary);border-top-right-radius:6px;border-bottom-right-radius:6px;margin-left:-4px;z-index:1;transition-delay:.6s}.active-screen-container .active-screen-header .status-bar-container .status-labels{display:flex;margin-top:4px;flex-direction:column;align-items:flex-start;gap:10px}.active-screen-container .active-screen-header .status-bar-container .label-online,.active-screen-container .active-screen-header .status-bar-container .label-offline{display:flex;align-items:center;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:1}.active-screen-container .active-screen-header .status-bar-container .label-online{color:var(--success)}.active-screen-container .active-screen-header .status-bar-container .label-offline{color:var(--text-tertiary)}.active-screen-container .active-screen-header .status-bar-container .dot-online,.active-screen-container .active-screen-header .status-bar-container .dot-offline{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:50%;margin-right:12px;flex-shrink:0}.active-screen-container .active-screen-header .status-bar-container .dot-online{background:var(--success)}.active-screen-container .active-screen-header .status-bar-container .dot-offline{background:var(--text-tertiary)}.active-screen-container .active-screen-content{font-size:12px;font-family:Inter,sans-serif;font-weight:500;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;overflow:scroll;scrollbar-width:none;margin-top:12px}.active-screen-container .active-screen-content .activeScreen-card-container{display:flex;flex-direction:column;gap:6px;overflow-y:scroll;scrollbar-width:none;height:100%}.active-screen-container .active-screen-content .activeScreen-card-container .active-screen-card{background-color:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;height:auto;font-size:12px;font-weight:500;border:1px solid var(--border-light);transition:all .2s ease}.active-screen-container .active-screen-content .activeScreen-card-container .active-screen-card:hover{background-color:var(--dropdown-hover);border-color:var(--border-medium)}.no-active-screen{font-size:13px;font-family:Inter,sans-serif;font-weight:500;color:var(--text-tertiary)}.active-storage-container{display:flex;flex-direction:column;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:space-between;height:auto;margin-top:10px}.active-storage-container .active-storage-header{color:var(--text-secondary);font-weight:500;font-size:13px}.active-storage-container .active-storage-header p{margin:0}.active-storage-container .active-storage-data{font-size:18px;color:var(--text-primary);font-weight:600;display:flex;flex-direction:column;gap:4px;letter-spacing:-.02em}.active-storage-container .active-storage-data p{font-size:12px;margin:0;color:var(--text-tertiary);font-weight:500;letter-spacing:0}.active-storage-progressbar{width:100%;height:16vh;display:flex;align-items:center;justify-content:center}.progress-text-size{text-anchor:middle;font-size:16px;fill:var(--primary);font-weight:600}.progress-text-percentage{text-anchor:middle;font-size:10px;fill:var(--text-tertiary)}.pie-chart-wrapper{height:200px;width:100%}.status-labels{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:10px}.label-media-videos,.label-media-images{display:flex;align-items:center;font-size:12px;font-family:Inter,sans-serif;font-weight:500;line-height:1}.label-media-videos{color:var(--text-secondary)}.label-media-images{color:var(--text-tertiary)}.dot{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:50%;margin-right:8px;flex-shrink:0}.dot.media-videos{background:var(--primary)}.dot.media-images{background:var(--bg-tertiary)}.history-data-container{height:100%;display:flex;flex-direction:column;gap:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-top:10px}@media only screen and (max-width: 600px){.history-data-container{height:auto;min-height:0}}.history-data-container .history-data-header{color:var(--text-secondary);font-weight:500;font-size:13px}.history-data-container .history-data-header p{margin:0}.history-data-container .history-info-event{font-size:14px;color:var(--text-primary);font-weight:600;margin-bottom:4px}.history-data-container .history-info{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.history-data-container .history-info::-webkit-scrollbar{display:none}.history-data-container .history-info-item{border-bottom:1px solid var(--border-light);padding-bottom:12px}.history-data-container .history-info-item:last-child{border-bottom:none}.history-data-container .history-info-content{font-size:12px;color:var(--text-secondary)}.history-data-container .history-info-content a{color:var(--primary);text-decoration:none;font-weight:500}.history-data-container .history-info-content a:hover{text-decoration:underline}.history-data-container .history-info-row{display:flex;justify-content:flex-start;margin-top:4px;font-size:11px;color:var(--text-tertiary)}.active-hours-wrapper{background-color:var(--card-bg);height:36vh;border-radius:14px;display:flex;flex-direction:column;gap:15px;box-sizing:border-box;position:relative;padding:20px 30px 10px;overflow:hidden;border:1px solid var(--border-light);transition:background-color .3s ease,border-color .3s ease}.active-screen-number{font-size:20px;color:var(--text-primary);font-weight:600;display:flex;flex-direction:column;gap:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em}.active-screen-number p{font-size:12px;margin:0;color:var(--text-tertiary);font-weight:500;letter-spacing:0}.active-hours{display:flex;flex-direction:column;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-secondary);font-weight:500;gap:16px}.active-hours .active-hours-header{display:flex;align-items:center;justify-content:space-between}.active-hours .active-hours-header p{margin:0}.active-hours .calendar-navigation{display:flex;align-items:center;justify-content:space-between;width:110px}.active-hours .calendar-navigation .calendar-month{font-weight:500;color:var(--text-primary);font-size:13px}.active-hours .calendar-navigation .calendar-nav-button{background:none;border:none;cursor:pointer;transition:transform .2s ease-in-out;padding:4px;border-radius:4px}.active-hours .calendar-navigation .calendar-nav-button:hover{background-color:var(--dropdown-hover)}.active-hours .calendar-navigation .calendar-nav-button svg{width:16px;height:16px;color:var(--text-secondary)}.active-hours h3{margin:0;font-size:20px;color:var(--text-primary);font-weight:600;letter-spacing:-.02em}.active-hours .screen-hours-list{display:flex;flex-direction:column;gap:0;overflow-y:auto;scrollbar-width:none}.active-hours .screen-hours-list .screen-hour-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary);padding:10px 0;border-bottom:1px solid var(--border-light)}.active-hours .screen-hours-list .screen-hour-item:last-child{border-bottom:none}.active-hours .screen-hours-list .screen-hour-item .screen-id{font-weight:500;font-size:13px;color:var(--text-primary)}.active-hours .screen-hours-list .screen-hour-item .screen-hours{font-weight:400;font-size:12px;color:var(--text-tertiary)}.active-hours .screen-hours-list p{color:var(--text-secondary);font-size:12px;margin:5px 0}.active-hours::-webkit-scrollbar{display:none}.no-activity{font-size:12px;font-family:Roboto,sans-serif;font-weight:500;color:var(--text-secondary);margin-top:15px;text-align:center}@media only screen and (max-width: 600px){.active-hours-wrapper{width:100%;min-height:260px;height:auto;padding:16px 20px;overflow:visible}.active-hours-wrapper .active-hours{height:auto;min-height:0}.active-hours-wrapper .screen-hours-list{overflow:visible}}.scheduler-page{padding:0 24px 40px;box-sizing:border-box}.flex-container{display:flex}.schedule-container{display:flex;height:80vh;width:90vw;padding-left:8%;padding-top:5%;box-sizing:border-box}.days-calendar{margin-top:40px;flex-direction:column}.schedule{position:absolute;border-radius:4px;height:38px;width:160px;display:flex;font-size:10px;color:#060609;font-family:Roboto,sans-serif;font-weight:500;flex-direction:column;padding:10px;box-sizing:border-box;border:1px solid #EE6055;background-color:#fff}.calander-container{display:grid;grid-template-columns:repeat(7,1fr);width:990px;height:500px;position:relative}.item{background-color:#fefefe;border-radius:4px;height:38px;width:160px;display:flex;justify-content:center;align-items:center;margin-right:5px;font-size:10px}.item:hover{background-color:#ee6055;color:#fefefe;cursor:pointer}.days-container{display:grid;grid-template-columns:repeat(7,1fr);width:990px;height:32px}.days{background-color:#fefefe;border-radius:4px;height:26px;width:160px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#060609;font-family:Roboto,sans-serif;font-weight:500;margin-right:5px}.time-container{margin-top:70px;display:grid;grid-template-columns:repeat(1,1fr);width:70px;height:500px}.time{background-color:#fefefe;border-radius:4px;height:38px;width:60px;display:flex;justify-content:center;align-items:center;font-size:10px;color:#060609;font-family:Roboto,sans-serif;font-weight:500}.title-item{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#ee6055;font-size:14px;font-family:Roboto,sans-serif;font-weight:500;margin-bottom:4px}.subtitle-item{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#363636;font-size:12px;font-family:Open Sans,sans-serif;font-weight:400;margin-right:20px}.subtitle-popup{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#d12413;font-size:12px;font-family:Open Sans,sans-serif;font-weight:400;margin:0}.flex-popup{align-items:center;justify-content:center;margin-bottom:30px;gap:30px}.popup-button{margin:0;border-radius:6px;background-color:#ee6055;transition:background-color .3s;padding:14px 32px;font-family:Roboto,sans-serif;border:1px solid #EE6055}.popup-button:hover{background-color:#0d4d62}.cancel-btn{background-color:#fff;color:#ee6055;border:1px solid #EE6055}.cancel-btn:hover{background-color:#ee6055;color:#fff}.popup-modal-container{background:#00000080;position:absolute;width:100vw;height:100vh;z-index:9999;left:0;top:0;display:flex;align-items:center;justify-content:center}.popup-modal-container .popup-modal-content-wrapper{width:422px;background-color:#fff;border-radius:8px;box-shadow:#0000003d 0 3px 8px;overflow:hidden;position:relative;padding-bottom:66px}.popup-modal-container .popup-modal-content-wrapper .popup-modal-header{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0/8px 8px 0px 0px;padding:20px 26px 20px 28px;border-bottom:1px solid #e7ebf0}.popup-modal-container .popup-modal-content-wrapper .popup-modal-content{border-radius:8px;background-color:transparent;padding:20px 30px;display:flex;flex-direction:column}.popup-modal-container .popup-modal-content-wrapper .popup-modal-footer{display:flex;justify-content:flex-end;align-items:flex-end;padding:16px 20px 16px 28px;border-top:1px solid #e7ebf0;position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box;gap:15px}.popup-modal-container .input-box{width:95%;height:40px;border-radius:6px;border:1px solid #e7ebf0;margin-top:15px;padding-left:15px;background-color:#f5f5f5}.popup-modal-container .input-box:focus{border-color:#ee6055;outline:none}.popup-modal-container .select-popup{margin-top:20px;height:40px;padding:10px;margin-bottom:20px;width:100%}.popup-modal-container .label-popup,.popup-modal-container .label-input{color:#060609;font-size:12px;font-family:Roboto,sans-serif;font-weight:500;margin:20px 0 0}.popup-modal-container .titleOne-popup{color:#060609;font-size:22px;font-family:Roboto,sans-serif;font-weight:500;margin:0;align-self:center}@media only screen and (max-width: 600px){.popup-modal-content-wrapper{bottom:7%;width:88%!important}}.active-user-wrapper{display:flex;flex-direction:column;gap:10px;font-family:Roboto,sans-serif;margin-left:20px;padding-top:30px}.active-user-wrapper .active-user-header{color:var(--text-secondary);font-weight:500}.active-user-wrapper .active-user-header p{margin:0}.active-user-wrapper .active-users-info{display:flex;flex-direction:column}.active-user-wrapper .admin-card{width:50vw;height:50px;background-color:#ee6055;display:flex;align-items:center;gap:10px;font-size:16px;padding:5px 7px;border-radius:5px;color:#fff;box-sizing:border-box;margin-bottom:10px}.active-user-wrapper .admin-card .admin-info{display:flex;flex-direction:column;gap:2px;justify-content:flex-start}.active-user-wrapper .admin-card .admin-gmail{font-size:12px}.active-user-wrapper .active-user-card{width:50vw;height:30px;background-color:#f8cfcf;display:flex;align-items:center;gap:10px;font-size:10px;padding:5px 13px;border-radius:5px;color:#ee6055;box-sizing:border-box;margin-bottom:10px}.active-user-wrapper .active-user-card .active-user-info{display:flex;align-items:center;justify-content:space-between;width:96%}.active-user-wrapper .active-user-footer{position:absolute;bottom:0%;right:0%;display:flex;width:100%;padding:10px 30px 20px;box-sizing:border-box;justify-content:flex-end}.active-user-wrapper .active-user-footer .add-user-button{border:none;background-color:#ee6055;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:7px 8px;gap:5px;box-sizing:border-box;font-size:10px}@media only screen and (max-width: 600px){.active-user-wrapper{padding-top:10px;margin-left:0}.admin-card,.active-user-card{width:100%!important}.active-user-info{width:96%}}[data-easydesign]{--color-primary: #4F6EF7;--color-primary-hover: #3B5AE6;--color-primary-glow: rgba(79, 110, 247, .15);--color-text: #111827;--color-text-muted: #6B7280;--color-text-secondary: #6B7280;--color-text-disabled: #9CA3AF;--color-bg: #FFFFFF;--color-surface: #FFFFFF;--color-surface-hover: #F9FAFB;--color-border: #E5E7EB;--color-border-light: #F0F0F0;--color-border-medium: #D1D5DB;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #d97706;--color-info: #2563eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-primary: 0 2px 12px rgba(79, 110, 247, .25);--gradient-primary: linear-gradient(135deg, #4F6EF7 0%, #6B8AFF 100%);--canvas-bg: #e2e8f0;--canvas-pattern-1: #cbd5e1;--canvas-pattern-2: #e2e8f0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--bg-elevated: #f8fafc;--bg-card: #ffffff;--bg-surface: #e2e8f0;--border-subtle: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .15);--text-primary: #111827;--text-muted: #6B7280;--text-secondary: #6B7280;--primary-violet: #4F6EF7;--primary-violet-hover: #3B5AE6;--primary-violet-glow: rgba(79, 110, 247, .15);--gradient-violet: linear-gradient(135deg, #4F6EF7 0%, #6B8AFF 100%);--success: #16a34a;--danger: #dc2626;--info: #2563eb;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text)}[data-easydesign][data-theme=dark]{--color-primary: var(--color-primary, #4F6EF7);--color-primary-hover: var(--color-primary-hover, #3B5AE6);--color-primary-glow: var(--color-primary-glow-dark, rgba(79, 110, 247, .2));--color-text: #E5E7EB;--color-text-muted: #9CA3AF;--color-text-secondary: #9CA3AF;--color-text-disabled: #6B7280;--color-bg: #1A1D26;--color-surface: #1A1D26;--color-surface-hover: #1F2329;--color-border: #2A2F3A;--color-border-light: #1F2329;--color-border-medium: #2A2F3A;--color-success: #4F6EF7;--color-danger: #4F6EF7;--color-warning: #4F6EF7;--color-info: #4F6EF7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-primary: var(--shadow-primary-dark, 0 2px 12px rgba(79, 110, 247, .3));--gradient-primary: var(--gradient-primary, linear-gradient(135deg, #4F6EF7 0%, #6B8AFF 100%));--canvas-bg: #18181b;--canvas-pattern-1: #0f0f12;--canvas-pattern-2: #18181b;--bg-elevated: #1f1f23;--bg-card: #18181b;--bg-surface: #27272a;--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--text-primary: #fafafa;--text-muted: #71717a;--text-secondary: #a1a1aa;--primary-violet: #6B8AFF;--primary-violet-hover: #4F6EF7;--primary-violet-glow: rgba(79, 110, 247, .3);--gradient-violet: linear-gradient(135deg, #6B8AFF 0%, #8BA5FF 100%);--success: #22c55e;--danger: #ef4444;--info: #3b82f6;background:var(--color-bg);color:var(--color-text)}[data-easydesign] *,[data-easydesign] *:before,[data-easydesign] *:after{box-sizing:border-box}[data-easydesign] ::-webkit-scrollbar{width:8px;height:8px}[data-easydesign] ::-webkit-scrollbar-track{background:var(--color-bg)}[data-easydesign] ::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:4px}[data-easydesign] ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}[data-easydesign] ::-moz-selection{background:var(--color-primary-glow);color:inherit}[data-easydesign] ::selection{background:var(--color-primary-glow);color:inherit}[data-easydesign][data-theme=dark] ::-moz-selection{background:var(--color-primary-glow);color:var(--color-text)}[data-easydesign][data-theme=dark] ::selection{background:var(--color-primary-glow);color:var(--color-text)}.editor-header-modern{height:64px;min-height:64px;background:var(--color-surface);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:10;gap:24px;width:100%;box-sizing:border-box;position:relative}.header-left-modern{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.back-button-modern{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;color:var(--color-text-secondary);flex-shrink:0}.back-button-modern:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.back-button-modern:active{transform:scale(.98)}.back-button-modern svg{flex-shrink:0}.header-divider{width:1px;height:24px;background:var(--color-border-light);flex-shrink:0}.document-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.document-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dimensions-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-surface-hover);border:1px solid var(--color-border-light);border-radius:6px;font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;font-variant-numeric:tabular-nums}.header-center-modern{display:flex;align-items:center;justify-content:center;flex-shrink:0;flex:0 0 auto}.undo-redo-group{display:flex;gap:2px;background:var(--color-surface-hover);border:1px solid var(--color-border-light);border-radius:8px;padding:2px}.undo-redo-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.undo-redo-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.undo-redo-btn:active:not(:disabled){transform:scale(.95)}.undo-redo-btn:disabled{opacity:.3;cursor:not-allowed}.undo-redo-btn svg{flex-shrink:0}.header-right-modern{display:flex;align-items:center;gap:10px;flex-shrink:0}.save-draft-btn-modern{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;color:var(--color-text)}.save-draft-btn-modern:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.save-draft-btn-modern:active{transform:scale(.98)}.save-draft-btn-modern svg{flex-shrink:0}.download-btn-modern{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #4f6ef740}.download-btn-modern:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #4f6ef759;transform:translateY(-1px)}.download-btn-modern:active{transform:translateY(0);box-shadow:0 2px 6px #4f6ef74d}.download-btn-modern svg{flex-shrink:0}[data-easydesign][data-theme=dark] .editor-header-modern{background:var(--color-surface);border-bottom-color:#ffffff14}[data-easydesign][data-theme=dark] .back-button-modern{background:var(--color-surface);border-color:#ffffff1a}[data-easydesign][data-theme=dark] .back-button-modern:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}[data-easydesign][data-theme=dark] .header-divider{background:#ffffff14}[data-easydesign][data-theme=dark] .dimensions-badge,[data-easydesign][data-theme=dark] .undo-redo-group{background:var(--color-surface-hover);border-color:#ffffff14}[data-easydesign][data-theme=dark] .undo-redo-btn:hover:not(:disabled){background:var(--color-surface)}[data-easydesign][data-theme=dark] .save-draft-btn-modern{background:var(--color-surface);border-color:#ffffff1a}[data-easydesign][data-theme=dark] .save-draft-btn-modern:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.download-btn-modern:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.download-btn-modern:disabled:hover{background:var(--color-primary);box-shadow:0 2px 8px #4f6ef740}.action-btn-ghost{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;color:var(--color-text-secondary)}.action-btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.action-btn-ghost:active:not(:disabled){transform:scale(.98)}.action-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.action-icon{display:flex;align-items:center;flex-shrink:0}.action-icon svg{width:16px;height:16px}.save-draft-btn-modern:disabled{opacity:.5;cursor:not-allowed}.save-draft-btn-modern:disabled:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.canvas-area{background:var(--canvas-bg);position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;width:100%;height:100%}.canvas-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,var(--canvas-pattern-1) 25%,transparent 25%),linear-gradient(-45deg,var(--canvas-pattern-1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--canvas-pattern-1) 75%),linear-gradient(-45deg,transparent 75%,var(--canvas-pattern-1) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;opacity:.5;pointer-events:none}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden;position:relative;min-width:0;width:100%;height:100%;box-sizing:border-box}.canvas-wrapper{transition:transform .2s ease-out;will-change:transform;flex-shrink:0;display:inline-block;position:relative;margin:0 auto}.canvas-poster{box-shadow:0 0 0 1px #00000014,0 25px 50px -12px #00000040,0 0 100px var(--color-primary-glow);border-radius:4px}[data-theme=dark] .canvas-poster{box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,0 0 100px var(--color-primary-glow)}.decoration{position:absolute;pointer-events:none}.image-placeholder{border:2px dashed rgba(255,255,255,.2)}.zoom-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-lg)}.zoom-buttons{display:flex;gap:4px}.zoom-btn{padding:6px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.zoom-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.zoom-btn.active{background:var(--color-primary);color:#fff}.zoom-indicator{font-size:12px;color:var(--color-text-muted);min-width:40px;text-align:center;padding-left:12px;border-left:1px solid var(--color-border)}.canvas-area .empty-state{z-index:5}.canvas-area .empty-state-icon{color:var(--color-text-muted)}.canvas-area .empty-state-icon svg{width:80px;height:80px}.element-selected{outline:2px dashed var(--color-primary)!important;outline-offset:4px!important}.custom-dropdown-wrapper{position:relative;width:100%}.custom-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:left;min-height:40px;box-sizing:border-box}.custom-dropdown-trigger:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.custom-dropdown-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:var(--color-surface-hover)}.dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-chevron{flex-shrink:0;margin-left:8px;color:var(--color-text-secondary);transition:transform .2s ease}.dropdown-chevron.open{transform:rotate(180deg);color:var(--color-primary)}.custom-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 10px 40px #0000001f,0 0 0 1px #0000000d;z-index:10000;overflow:hidden;animation:dropdownSlideIn .2s ease;max-height:320px;display:flex;flex-direction:column;min-width:100%;width:100%;box-sizing:border-box}[data-theme=dark] .custom-dropdown-menu{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff0d}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.08);background:#fafafa}[data-theme=dark] .dropdown-search{background:#ffffff08;border-bottom-color:#ffffff1a}.search-icon{flex-shrink:0;color:var(--color-text-secondary)}.search-input{flex:1;border:none;background:transparent;font-size:14px;font-family:inherit;color:var(--color-text);outline:none;padding:0}.search-input::-moz-placeholder{color:var(--color-text-secondary)}.search-input::placeholder{color:var(--color-text-secondary)}.dropdown-options{padding:4px;overflow-y:auto;flex:1}.dropdown-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:transparent;color:var(--color-text);font-size:14px;font-weight:400;font-family:inherit;text-align:left;cursor:pointer;border-radius:6px;transition:all .15s ease;margin-bottom:1px}.dropdown-option:hover{background:#0000000a}[data-theme=dark] .dropdown-option:hover{background:#ffffff0d}.dropdown-option.selected{background:#4f6ef71a;color:var(--color-primary);font-weight:500}[data-theme=dark] .dropdown-option.selected{background:#4f6ef733;color:var(--color-primary)}.dropdown-option.selected:hover{background:#4f6ef726}[data-theme=dark] .dropdown-option.selected:hover{background:#4f6ef740}.dropdown-checkmark{flex-shrink:0;color:var(--color-primary);width:16px;height:16px;opacity:.9}.dropdown-option:not(.selected) .dropdown-checkmark{display:none}.dropdown-no-results{padding:20px;text-align:center;color:var(--color-text-secondary);font-size:14px}.dropdown-option-content{flex:1}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .dropdown-options::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .dropdown-options::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=dark] .custom-dropdown-trigger{border-color:#ffffff1a;background:#ffffff08}[data-theme=dark] .custom-dropdown-trigger:hover{border-color:var(--color-primary);background:#ffffff0d}.modern-color-picker-popover{position:absolute;bottom:100%;left:0;margin-bottom:8px;z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;padding:16px;width:240px}.color-picker-content{display:flex;flex-direction:column;gap:12px}.sv-area{width:100%;height:180px;border-radius:8px;position:relative;cursor:crosshair;touch-action:none;border:1px solid var(--color-border-light);overflow:hidden}.sv-handle{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0003,0 2px 4px #0003;pointer-events:none;z-index:2}.hue-slider-container{width:100%}.hue-slider{width:100%;height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;cursor:pointer;touch-action:none;border:1px solid var(--color-border-light)}.hue-handle{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-2px);box-shadow:0 0 0 1px #0003,0 2px 4px #0003;pointer-events:none;background:transparent;z-index:2}.color-preview-row{display:flex;align-items:center;justify-content:center;padding-top:4px}.color-preview-box{display:flex;flex-direction:column;align-items:center;gap:6px}.color-preview{width:48px;height:48px;border-radius:8px;border:2px solid var(--color-border);box-shadow:0 2px 4px #0000001a}.color-preview-label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}[data-easydesign][data-theme=dark] .modern-color-picker-popover{background:var(--color-surface);border-color:#ffffff1a;box-shadow:0 8px 24px #0006,0 2px 8px #0000004d}[data-easydesign][data-theme=dark] .sv-area,[data-easydesign][data-theme=dark] .hue-slider{border-color:#ffffff1a}[data-easydesign][data-theme=dark] .color-preview{border-color:#ffffff26}.text-editor-modern{display:flex;flex-direction:column;gap:16px}.control-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.control-group:last-child{margin-bottom:0}.control-label{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.modern-textarea{width:100%;padding:12px;border:1.5px solid var(--color-border);border-radius:8px;font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;color:var(--color-text);background:var(--color-surface);transition:all .2s ease;min-height:80px}.modern-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:var(--color-surface-hover)}.modern-textarea::-moz-placeholder{color:var(--color-text-muted)}.modern-textarea::placeholder{color:var(--color-text-muted)}.font-size-control{display:flex;align-items:center;gap:4px;background:var(--color-surface-hover);border:1.5px solid var(--color-border);border-radius:8px;padding:2px}.size-stepper-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;transition:all .15s ease;flex-shrink:0}.size-stepper-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.size-stepper-btn:active:not(:disabled){background:var(--color-border-light)}.size-stepper-btn:disabled{opacity:.3;cursor:not-allowed}.font-size-input{flex:1;min-width:0;padding:8px 12px;border:none;background:transparent;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text);text-align:center;outline:none}.font-size-input::-webkit-inner-spin-button,.font-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.font-size-input[type=number]{-moz-appearance:textfield}[data-easydesign][data-theme=dark] .modern-textarea{background:var(--color-surface);border-color:#ffffff1a}[data-easydesign][data-theme=dark] .modern-textarea:focus{background:var(--color-surface-hover);border-color:var(--color-primary)}[data-easydesign][data-theme=dark] .font-size-control{background:var(--color-surface-hover);border-color:#ffffff1a}[data-easydesign][data-theme=dark] .current-color-display-modern{background:var(--color-surface-hover);border-color:#ffffff14}.image-editor{display:flex;flex-direction:column;gap:16px}.image-placeholder{width:100%;border:2px dashed var(--color-border-medium);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:var(--color-surface-hover);color:var(--color-text-muted)}.image-placeholder:hover{border-color:var(--color-primary);background:var(--color-primary-glow)}.placeholder-icon{margin-bottom:12px;color:var(--color-text-muted)}.image-placeholder p{font-size:14px;font-weight:500;margin:0}.placeholder-hint{font-size:12px;color:var(--color-text-muted);margin-top:8px}.image-preview-container{width:100%;position:relative;border-radius:12px;overflow:hidden;background:var(--color-surface-hover);border:1px solid var(--color-border)}.image-preview{width:100%;height:100%;position:relative}.image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-placeholder-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted)}.image-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background .2s ease;opacity:0;pointer-events:none}.image-preview-container:hover .image-preview-overlay{background:#00000080;opacity:1;pointer-events:all}.change-image-overlay-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.change-image-overlay-btn:hover{background:var(--color-primary-hover, var(--color-primary));transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.change-image-overlay-btn svg{width:18px;height:18px}.remove-image-overlay-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:#dc2626e6;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0003}.remove-image-overlay-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.remove-image-overlay-btn svg{width:18px;height:18px}.background-editor-modern{display:flex;flex-direction:column;gap:16px}.mode-selector{display:flex;gap:4px;background:var(--color-surface-hover);border-radius:8px;padding:4px;border:1px solid var(--color-border-light)}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.mode-btn:hover{color:var(--color-text);background:var(--color-surface)}.mode-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.mode-btn svg{flex-shrink:0}.editor-section-card{background:var(--color-surface);border-radius:12px;padding:16px;border:1px solid var(--color-border-light);transition:all .2s ease}.editor-section-card:hover{border-color:var(--color-border)}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-light)}.section-icon{color:var(--color-text-muted);flex-shrink:0}.section-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.color-picker-modern{display:flex;flex-direction:column;gap:16px}.current-color-display-modern{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-surface-hover);border-radius:8px;border:1px solid var(--color-border-light)}.current-color-preview{width:40px;height:40px;border-radius:8px;border:2px solid var(--color-border);flex-shrink:0;box-shadow:0 2px 4px #0000000d}.current-color-label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.color-grid-compact{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-swatch-modern{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 1px 3px #0000001a}.color-swatch-modern:hover{transform:scale(1.08);box-shadow:0 2px 6px #00000026;z-index:1}.color-swatch-modern.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow),0 2px 6px #00000026;transform:scale(1.05);z-index:2}.color-swatch-modern.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:2px solid var(--color-primary);pointer-events:none}.custom-color-btn-wrapper{position:relative;width:100%;margin-top:4px}.custom-color-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1.5px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.custom-color-btn:hover,.custom-color-btn.active{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.custom-color-btn:active{transform:scale(.98)}.custom-color-btn svg{flex-shrink:0}.gradient-picker-modern{display:flex;flex-direction:column;gap:16px}.gradient-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gradient-tile-modern{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 1px 3px #0000001a;overflow:hidden}.gradient-tile-modern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,transparent 40%,rgba(0,0,0,.08) 100%);pointer-events:none;z-index:1;border-radius:6px}.gradient-tile-modern:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1;border-radius:6px;opacity:.6}.gradient-tile-modern:hover{transform:scale(1.05);box-shadow:0 2px 6px #00000026;z-index:1}.gradient-tile-modern.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow),0 2px 6px #00000026,inset 0 0 0 2px var(--color-primary);transform:scale(1.02);z-index:2}.image-picker-modern{display:flex;flex-direction:column;gap:16px}.image-upload-modern{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:1.5px dashed var(--color-border);border-radius:8px;background:var(--color-surface-hover);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.image-upload-modern:hover{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary);border-style:solid}.image-upload-modern:active{transform:scale(.98)}.image-upload-modern svg{flex-shrink:0}.image-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.image-grid-modern::-webkit-scrollbar{width:6px}.image-grid-modern::-webkit-scrollbar-track{background:var(--color-surface-hover);border-radius:3px}.image-grid-modern::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.image-grid-modern::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.image-tile-modern{width:100%;aspect-ratio:16/9;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;background:var(--color-surface-hover);padding:0;box-shadow:0 1px 3px #0000001a}.image-tile-modern img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-tile-modern:hover{transform:scale(1.02);box-shadow:0 2px 6px #00000026;z-index:1}.image-tile-modern.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow),0 2px 6px #00000026;z-index:2}.image-tile-modern.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:2px solid var(--color-primary);pointer-events:none}[data-easydesign][data-theme=dark] .editor-section-card{background:var(--color-surface);border-color:#ffffff14}[data-easydesign][data-theme=dark] .editor-section-card:hover{border-color:#ffffff1f}[data-easydesign][data-theme=dark] .mode-selector,[data-easydesign][data-theme=dark] .current-color-display-modern{background:var(--color-surface-hover);border-color:#ffffff14}[data-easydesign][data-theme=dark] .image-upload-modern{background:var(--color-surface-hover);border-color:#ffffff1a}[data-easydesign][data-theme=dark] .image-upload-modern:hover{background:var(--color-surface);border-color:var(--color-primary)}.dynamic-right-panel{background:var(--color-surface);border-left:1px solid var(--color-border);padding:24px;overflow-y:auto;overflow-x:hidden;width:360px;min-width:360px;max-width:360px;flex-shrink:0;height:100%;position:relative}.dynamic-right-panel.empty{display:flex;align-items:center;justify-content:center;padding:24px}.empty-state-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:12px;padding:48px 32px;text-align:center;max-width:280px;width:100%;transition:all .2s ease}.empty-state-card:hover{border-color:var(--color-border)}.empty-state-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 20px;background:var(--color-surface-hover);border-radius:12px;border:1px solid var(--color-border-light)}.empty-state-icon{color:var(--color-text-muted);opacity:.7}.empty-state-title{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 8px;line-height:1.4}.empty-state-description{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.panel-header h3{font-size:16px;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.close-panel-btn{width:32px;height:32px;border:none;border-radius:6px;background:var(--color-surface-hover);color:var(--color-text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-panel-btn:hover{background:var(--color-border-medium);color:var(--color-text)}.notification{position:fixed;top:80px;right:24px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;animation:slideInRight .3s ease-out}.notification-icon{width:24px;height:24px;flex-shrink:0}.notification-icon svg{width:100%;height:100%}.notification-success{border-left:4px solid var(--success)}.notification-success .notification-icon{color:var(--success)}.notification-error{border-left:4px solid var(--danger)}.notification-error .notification-icon{color:var(--danger)}.notification-info{border-left:4px solid var(--info)}.notification-info .notification-icon{color:var(--info)}.notification-message{font-size:14px;color:var(--text-primary);font-weight:500}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg-darker);border-bottom:1px solid var(--border-subtle);position:relative;z-index:100}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary-violet) 50%,transparent 100%);opacity:.5}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:36px;height:36px}.logo-icon svg{width:100%;height:100%}.logo-text{font-size:20px;font-weight:700;background:var(--gradient-violet);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header-center{display:flex;align-items:center;gap:8px}.header-divider{width:1px;height:24px;background:var(--border-medium);margin:0 12px}.template-info{display:flex;flex-direction:column;align-items:center;gap:2px}.template-name{font-size:14px;font-weight:600;color:var(--text-primary)}.template-dimensions{font-size:11px;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:12px}.theme-toggle{color:var(--text-secondary);transition:all var(--transition-fast)}.theme-toggle:hover{color:var(--primary-violet);transform:rotate(15deg)}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-surface);color:var(--text-primary)}.modal-close svg{width:18px;height:18px}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-subtle)}.editor-page{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden;position:relative}.editor-content{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:1fr;overflow:hidden;min-width:0;width:100%;position:relative;gap:0}.editor-content>main.canvas-area{grid-column:1;grid-row:1;min-width:0;overflow:hidden;width:100%;height:100%}.editor-content>aside.dynamic-right-panel{grid-column:2;grid-row:1;width:360px;min-width:360px;max-width:360px;flex-shrink:0;height:100%}.template-card{background:#ffffff80;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .template-card{background:#2a2f3a80;border-color:#ffffff14;box-shadow:0 2px 8px #0003}.template-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px #0000001f;border-color:#0000001a}[data-theme=dark] .template-card:hover{box-shadow:0 20px 40px #0006;border-color:#ffffff26}.template-preview{width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:15px}.template-preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:15px;opacity:0;transition:opacity .3s ease}.template-preview-image.loaded{opacity:1}.template-preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}.template-canvas-wrapper{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.template-canvas-wrapper .canvas-poster{border-radius:12px;box-shadow:0 1px 4px #00000014}.template-canvas-wrapper .canvas-poster.preview-mode{box-shadow:0 1px 4px #00000014}.design-list-page{width:100%;min-height:100%;background:var(--bg-primary);padding:0 24px 40px;box-sizing:border-box}.design-list-page .design-header-controls{display:flex;align-items:center;gap:8px}.design-list-page .design-list-content{padding:0;background:transparent;width:100%;box-sizing:border-box;min-height:auto}.design-filter-dropdown{position:relative;display:flex;align-items:center}.design-filter-dropdown .design-filter-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:100%;width:-moz-max-content;width:max-content;max-width:200px;overflow:hidden;padding:4px;pointer-events:auto}.design-filter-dropdown .design-filter-dropdown-menu .design-filter-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;background-color:transparent;border:none;border-radius:4px;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:left}.design-filter-dropdown .design-filter-dropdown-menu .design-filter-option .checkmark{margin-left:auto;color:var(--primary);font-weight:600;font-size:14px}.design-filter-dropdown .design-filter-dropdown-menu .design-filter-option:hover{background-color:var(--bg-secondary)}.design-filter-dropdown .design-filter-dropdown-menu .design-filter-option.selected{background-color:var(--bg-secondary);color:var(--primary)}.gallery-grid-justified{display:flex;flex-direction:column;gap:16px;width:100%;margin:0}.gallery-row-justified{display:flex;gap:16px;align-items:flex-start}.no-results{text-align:center;padding:100px 20px;color:var(--text-muted)}.no-results h3{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.01em}.no-results p{font-size:15px;color:var(--text-muted)}@media only screen and (max-width: 768px){.design-list-page .design-list-filters{flex-direction:column;gap:16px;padding:16px 20px}.design-list-page .design-list-content{padding:16px 20px 40px}}.design-page{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.design-page-editor{flex:1;width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;background-color:var(--bg-primary);overflow:hidden}.design-editor-page{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:10000;background:var(--bg-primary);overflow:hidden;margin:0;padding:0}.design-editor-page .design-editor-container{width:100%;height:100%;position:relative;margin:0;padding:0}.design-editor-page .design-editor-container>*{width:100%;height:100%;margin:0;padding:0}body:has(.design-editor-page){overflow:hidden}.app-container:has(.design-editor-page){overflow:hidden}.schedule-form__time-picker{position:relative;width:100%}.schedule-form__time-trigger{width:100%;min-height:44px;padding:12px 14px;border:1px solid #ECEFF3;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;box-sizing:border-box}.schedule-form__time-trigger .placeholder{color:#9ca3af}.schedule-form__time-trigger .schedule-form__time-icon{flex-shrink:0;color:var(--text-tertiary)}.schedule-form__time-trigger:hover{border-color:#d1d5db}.schedule-form__time-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ee605533}.schedule-form__time-popover{background:#fff;border-radius:10px;box-shadow:0 8px 24px #00000014;border:1px solid #ECEFF3;padding:12px;z-index:10001;animation:timePopoverIn .2s ease}@keyframes timePopoverIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.schedule-form__time-columns{display:flex;gap:16px;margin-bottom:12px}.schedule-form__time-col{flex:1;display:flex;flex-direction:column;gap:6px}.schedule-form__time-col-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.schedule-form__time-col-list{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow-y:auto;padding:2px}.schedule-form__time-col-list::-webkit-scrollbar{width:6px}.schedule-form__time-col-list::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.schedule-form__time-col-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.schedule-form__time-option{padding:8px 12px;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary);background:transparent;cursor:pointer;transition:all .15s ease;text-align:center;font-family:inherit}.schedule-form__time-option:hover{background:#ee605514}.schedule-form__time-option.selected{background:#ee60551f;color:var(--primary);font-weight:600}.schedule-form__time-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid #ECEFF3}.schedule-form__time-cancel{padding:8px 16px;border:1px solid #ECEFF3;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .15s ease}.schedule-form__time-cancel:hover{background:#f9fafb;border-color:#d1d5db}.schedule-form__time-ok{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;background:var(--primary);cursor:pointer;transition:all .15s ease}.schedule-form__time-ok:hover{background:var(--primary-hover)}:root{--color-error: #dc2626;--color-error-light: #fee2e2;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-background: #fafbfc;--color-background-secondary: var(--color-gray-50);--color-surface: var(--color-white);--color-surface-hover: var(--color-gray-50);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-white);--color-border: var(--color-gray-200);--color-border-light: var(--color-gray-100);--color-border-focus: var(--color-primary);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .375rem;--radius-md: .3rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .1);--focus-ring-offset: 2px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--primary: #EE6055;--primary-hover: #d94c42;--primary-light: #fff5f4;--bg-primary: #ffffff;--bg-secondary: #f8f9fb;--bg-tertiary: #e7ebf0;--text-primary: #1a1a1a;--text-secondary: #616161;--text-tertiary: #919191;--border-light: #e5e7eb;--border-medium: #d1d5db;--success: #34A853;--error: #EE6055;--warning: #FBBC04;--info: #4285F4;--online: #34A853;--offline: #EE6055;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .08);--card-hover-shadow: rgba(0, 0, 0, .12);--input-bg: #ffffff;--input-border: #d1d5db;--overlay: rgba(0, 0, 0, .5);--overlay-light: rgba(0, 0, 0, .3);--nav-bg: #ffffff;--nav-text: #1F2937;--nav-active: #EE6055;--sidebar-bg: #EE6055;--sidebar-text: #ffffff;--modal-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--dropdown-bg: #ffffff;--dropdown-hover: #F9FAFB;--skeleton-bg: #f0f0f0;--skeleton-highlight: #f7f7f7;--sort-button-bg: #ffffff;--sort-button-border: #e5e7eb;--sort-button-text: #6B7280;--theme-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.schedule-form-modal{width:440px;max-width:95vw;background:var(--card-bg);border-radius:12px;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.schedule-form-modal__header{padding:24px 28px 0;margin-bottom:4px}.schedule-form-modal__title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.schedule-form-modal__body{padding:24px 28px;display:flex;flex-direction:column;gap:24px}.schedule-form-modal__footer{display:flex;justify-content:space-between;align-items:center;padding:20px 28px 24px;border-top:1px solid rgba(0,0,0,.06)}.schedule-form__footer-left{flex:1}.schedule-form__field{display:flex;flex-direction:column;gap:6px}.schedule-form__label{font-size:13px;font-weight:500;color:var(--text-secondary)}.schedule-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.schedule-form__row{grid-template-columns:1fr}}.schedule-form__input{padding:12px 14px;border:1px solid #ECEFF3;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);background:#fff;transition:all .2s ease;font-family:inherit;min-height:44px;box-sizing:border-box}.schedule-form__input::-moz-placeholder{color:#9ca3af}.schedule-form__input::placeholder{color:#9ca3af}.schedule-form__input:hover{border-color:#d1d5db}.schedule-form__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ee605533}.schedule-form__custom-dropdown{position:relative;width:100%}.schedule-form__dropdown-trigger{width:100%;min-height:44px;padding:12px 14px;border:1px solid #ECEFF3;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);background:#fff;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left;box-sizing:border-box}.schedule-form__dropdown-trigger span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-form__dropdown-trigger.placeholder span{color:#9ca3af}.schedule-form__dropdown-trigger .schedule-form__dropdown-arrow{flex-shrink:0;color:var(--text-tertiary);transition:transform .2s ease}.schedule-form__dropdown-trigger.open .schedule-form__dropdown-arrow{transform:rotate(180deg)}.schedule-form__dropdown-trigger:hover{border-color:#d1d5db}.schedule-form__dropdown-trigger:focus,.schedule-form__dropdown-trigger.open{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ee605533}.schedule-form__dropdown-trigger.error{border-color:var(--error)}.schedule-form__dropdown-menu{background:#fff;border:1px solid #ECEFF3;border-radius:10px;box-shadow:0 8px 24px #00000014;z-index:10000;overflow:hidden;animation:scheduleDropdownIn .2s ease}@keyframes scheduleDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.schedule-form__dropdown-search{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #ECEFF3}.schedule-form__dropdown-search svg{color:#9ca3af;flex-shrink:0}.schedule-form__dropdown-search-input{flex:1;border:none;outline:none;font-size:14px;font-family:inherit;color:var(--text-primary)}.schedule-form__dropdown-search-input::-moz-placeholder{color:#9ca3af}.schedule-form__dropdown-search-input::placeholder{color:#9ca3af}.schedule-form__dropdown-list{max-height:200px;overflow-y:auto}.schedule-form__dropdown-list::-webkit-scrollbar{width:6px}.schedule-form__dropdown-list::-webkit-scrollbar-track{background:#f9fafb}.schedule-form__dropdown-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.schedule-form__dropdown-option{padding:12px 14px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .15s ease}.schedule-form__dropdown-option:hover{background:#ee60550f}.schedule-form__dropdown-option.selected{background:#ee60551a;color:var(--primary);font-weight:600}.schedule-form__dropdown-option.selected .schedule-form__dropdown-check{color:var(--primary)}.schedule-form__dropdown-option span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-form__dropdown-empty{padding:16px 14px;font-size:14px;color:#9ca3af;text-align:center}.schedule-form__error{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--error);margin-top:2px}.schedule-form__action-group{display:flex;gap:10px}.schedule-form__cancel-btn{padding:10px 20px;border:1px solid #ECEFF3;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .2s ease;font-family:inherit}.schedule-form__cancel-btn:hover{background:#f9fafb;border-color:#d1d5db;color:var(--text-primary)}.schedule-form__submit-btn{padding:10px 24px;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#fff;background:var(--primary);cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;gap:8px}.schedule-form__submit-btn:hover:not(:disabled){background:var(--primary-hover)}.schedule-form__submit-btn:disabled{opacity:.6;cursor:not-allowed}.schedule-form__delete-btn{padding:10px 18px;border:1px solid var(--error);border-radius:10px;font-size:14px;font-weight:500;color:var(--error);background:transparent;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;gap:8px}.schedule-form__delete-btn:hover:not(.loading){background:#dc26260f}.schedule-form__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:scheduleSpinner .8s linear infinite}@keyframes scheduleSpinner{to{transform:rotate(360deg)}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{box-sizing:border-box;height:100%;display:flex;flex-direction:column;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;box-sizing:border-box;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:flex;flex-direction:column;flex:1 0 0;width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;position:relative;flex-direction:column;flex:1 0 0;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex-direction:row;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex-direction:column;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:flex;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:flex;max-height:100%;min-height:20px;flex-flow:column wrap;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;flex:1 0 0;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;flex:1 1 0;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:flex;flex-direction:column;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{flex:1;display:flex;min-width:0;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{display:flex;flex:1 0 0%;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}:root{--color-error: #dc2626;--color-error-light: #fee2e2;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-background: #fafbfc;--color-background-secondary: var(--color-gray-50);--color-surface: var(--color-white);--color-surface-hover: var(--color-gray-50);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-white);--color-border: var(--color-gray-200);--color-border-light: var(--color-gray-100);--color-border-focus: var(--color-primary);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .375rem;--radius-md: .3rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .1);--focus-ring-offset: 2px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.scheduler{height:calc(100vh - 80px);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;background:var(--bg-primary);transition:background-color .3s ease}.scheduler__header{padding:16px 24px 14px;background:transparent}.scheduler__title-section{display:flex;align-items:center;gap:20px;width:100%}.scheduler__header-date{display:flex;align-items:center;gap:10px;flex:1}.scheduler__header-day{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.scheduler__header-range{font-size:13px;font-weight:500;color:var(--text-tertiary)}.scheduler__nav-minimal{display:flex;gap:2px;margin-left:4px}.scheduler__nav-minimal button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.scheduler__nav-minimal button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.scheduler__calendar-container{flex:1;padding:0 24px 16px;overflow:hidden;display:flex;flex-direction:column;position:relative}.scheduler__calendar-container .rbc-calendar{flex:1;display:flex;flex-direction:column;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-light);box-shadow:var(--card-shadow);font-family:inherit;overflow:hidden;transition:background-color .3s ease,border-color .3s ease;box-sizing:border-box}.scheduler__calendar-container .rbc-time-view{flex:1;display:flex;flex-direction:column;border:none;overflow:hidden}.scheduler__calendar-container .rbc-time-header{flex-shrink:0;border-bottom:1px solid var(--border-light);border-right:none;background:transparent}.scheduler__calendar-container .rbc-time-header.rbc-overflowing{border-right:1px solid var(--border-light)}.scheduler__calendar-container .rbc-time-header-content{border-left:1px solid var(--border-light)}.scheduler__calendar-container .rbc-header{border-bottom:none;border-left:1px solid var(--border-light);height:auto;padding:8px 6px;font-weight:500;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.4px;text-align:center;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.scheduler__calendar-container .rbc-header:first-child{border-left:none}.scheduler__calendar-container .rbc-row-bg{right:0!important}.scheduler__calendar-container .rbc-day-bg{background-color:transparent!important;border-left:none!important}.scheduler__calendar-container .rbc-day-bg:first-child{border-left:none!important}.scheduler__calendar-container .rbc-day-bg.rbc-today{background-color:transparent!important}.scheduler__calendar-container .rbc-time-column{border-left:none!important}.scheduler__calendar-container .scheduler-custom-header{display:flex;flex-direction:column;align-items:center;gap:4px}.scheduler__calendar-container .scheduler-custom-header--single{flex-direction:row;justify-content:center;gap:4px;padding:6px 4px}.scheduler__calendar-container .scheduler-custom-header-day{font-size:10px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.scheduler__calendar-container .scheduler-custom-header-date{font-size:13px;font-weight:600;color:var(--text-primary)}.scheduler__calendar-container .scheduler-custom-header--single .scheduler-custom-header-date{width:auto;height:auto;border-radius:0}.scheduler__calendar-container .rbc-today{background-color:transparent!important}.scheduler__calendar-container .rbc-today .scheduler-custom-header-day,.scheduler__calendar-container .rbc-today .scheduler-custom-header-date{color:var(--primary)}.scheduler__calendar-container .rbc-today .scheduler-custom-header--single .scheduler-custom-header-date{background:none;box-shadow:none}.scheduler__calendar-container .rbc-time-content{flex:1;border-top:1px solid var(--border-light);overflow-y:auto!important;overflow-x:hidden;scroll-behavior:smooth;position:relative;scrollbar-width:thin;scrollbar-color:var(--text-tertiary) var(--bg-tertiary)}.scheduler__calendar-container .rbc-time-content>*+*>*{border-left:1px solid var(--border-light)!important}.scheduler__calendar-container .rbc-time-content::-webkit-scrollbar{width:10px}.scheduler__calendar-container .rbc-time-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:5px;margin:8px 4px}.scheduler__calendar-container .rbc-time-content::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:5px;border:2px solid var(--bg-tertiary);min-height:40px}.scheduler__calendar-container .rbc-time-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.scheduler__calendar-container .rbc-time-content::-webkit-scrollbar-thumb:active{background:var(--text-primary)}.scheduler__calendar-container .rbc-time-gutter .rbc-timeslot-group{min-height:48px!important;height:48px!important;border-bottom:1px solid var(--border-light)}.scheduler__calendar-container .rbc-time-gutter .rbc-time-slot{padding:4px 14px 0;display:flex;align-items:flex-start;justify-content:flex-end;height:48px!important}.scheduler__calendar-container .rbc-time-gutter .rbc-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.scheduler__calendar-container .rbc-day-slot{position:relative;box-sizing:border-box}.scheduler__calendar-container .rbc-day-slot .rbc-timeslot-group{min-height:48px!important;height:48px!important;border-bottom:1px solid var(--border-light)}.scheduler__calendar-container .rbc-day-slot .rbc-time-slot{border-top:none;border-left:none;cursor:pointer;position:relative;z-index:0;height:48px!important}.scheduler__calendar-container .rbc-day-slot .rbc-time-slot:hover{background:var(--dropdown-hover)}.scheduler__calendar-container .rbc-current-time-indicator{display:none!important}.scheduler__calendar-container .scheduler__current-time-overlay{position:absolute;left:0;right:0;width:100%;height:1.5px;background:#ee605559;background:color-mix(in srgb,var(--primary) 35%,transparent);z-index:3;pointer-events:none;border-radius:1px}.scheduler__calendar-container .scheduler__current-time-overlay:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#ee605559;background:color-mix(in srgb,var(--primary) 35%,transparent);border-radius:50%}.scheduler__calendar-container .rbc-events-container{margin-right:0;overflow:visible!important}.scheduler__calendar-container .rbc-day-slot .rbc-event,.scheduler__calendar-container .rbc-event{border:1px solid var(--border-light)!important;border-radius:14px!important;padding:0!important;background-color:rgba(var(--card-rgb, 238, 96, 85),.12)!important;box-shadow:var(--card-shadow);transition:box-shadow .2s ease,transform .2s ease;overflow:visible!important}.scheduler__calendar-container .rbc-day-slot .rbc-event:hover,.scheduler__calendar-container .rbc-event:hover{transform:translateY(-2px);box-shadow:var(--card-hover-shadow)}.scheduler__calendar-container .rbc-day-slot .rbc-event:focus,.scheduler__calendar-container .rbc-event:focus{outline:none}.scheduler__calendar-container .scheduler__event .rbc-event-label{display:none}.scheduler__calendar-container .scheduler__event .rbc-event-content{padding:0;height:100%;display:flex;align-items:stretch;overflow:visible!important}.scheduler__calendar-container .scheduler-event-card{padding:16px 18px 14px;min-height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;overflow:visible;color:var(--card-color, var(--text-primary));position:relative}.scheduler__calendar-container .scheduler-event-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;min-width:0}.scheduler__calendar-container .scheduler-event-card__title-group{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.scheduler__calendar-container .scheduler-event-card__icon{flex-shrink:0;color:var(--card-color, var(--text-primary))}.scheduler__calendar-container .scheduler-event-card__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--card-color, var(--text-primary))}.scheduler__calendar-container .scheduler-event-card__menu-btn{flex-shrink:0;padding:4px;border:none;background:transparent;color:var(--card-color, var(--text-primary));cursor:pointer;border-radius:6px;opacity:.85;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.scheduler__calendar-container .scheduler-event-card__menu-btn:hover{opacity:1}.scheduler__calendar-container .scheduler-event-card__meta{font-size:12px;font-weight:500;color:var(--card-color, var(--text-primary));opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduler__calendar-container .scheduler-event-card__playlist{font-size:13px;font-weight:500;color:var(--card-color, var(--text-primary));opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduler__calendar-container .scheduler-event-card__playlist--empty{opacity:.5}.scheduler__calendar-container .rbc-allday-cell{display:none}.scheduler__calendar-container .rbc-slot-selection{background:#ee60551f;border-radius:14px;position:absolute;z-index:1;pointer-events:none;padding:12px 16px}.scheduler__calendar-container .rbc-slot-selection>span{display:none!important}.scheduler__calendar-container .scheduler__selection-time{position:absolute;top:12px;left:16px;color:var(--primary);font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none!important;font-family:inherit}.scheduler__calendar-container .rbc-day-slot.rbc-selecting .rbc-time-slot{background:#ee60550a}.scheduler__calendar-container .rbc-event [class*=resize],.scheduler__calendar-container .rbc-addons-dnd-resize-ns-anchor{opacity:0;height:6px;min-height:6px;cursor:ns-resize;transition:opacity .15s ease}.scheduler__calendar-container .rbc-event:hover [class*=resize],.scheduler__calendar-container .rbc-addons-dnd-resize-ns-anchor:hover,.scheduler__calendar-container .rbc-event:focus-within [class*=resize]{opacity:1}.scheduler__calendar-container .rbc-addons-dnd-resize-ns-anchor{position:absolute;left:0;right:0;background:transparent}.scheduler__calendar-container .rbc-addons-dnd-resize-ns-anchor:after{content:"";position:absolute;left:20%;right:20%;height:2px;background:var(--primary);border-radius:1px;opacity:.6}.scheduler__calendar-container .rbc-addons-dnd-resize-ns-anchor:first-of-type:after{top:2px}.scheduler__calendar-container .rbc-addons-dnd-resize-ns-anchor:last-of-type:after{bottom:2px;top:auto}.scheduler__scroll-hint{position:absolute;top:120px;right:50px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 16px;border-radius:12px;border:1px solid var(--border-light);box-shadow:var(--card-hover-shadow);animation:fadeInSlide .5s ease-out,fadeOutSlide .5s ease-out 4.5s forwards;pointer-events:none}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutSlide{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.scheduler__scroll-hint .scheduler__scroll-hint-text{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;letter-spacing:.2px}.scheduler__scroll-hint .scheduler__scroll-hint-arrow{font-size:18px;color:var(--primary);animation:bounce 1.5s ease-in-out infinite;line-height:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.scheduler__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.scheduler__header{flex-direction:column;gap:16px;padding:16px}.scheduler__title-section{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}.scheduler__calendar-container{padding:0 16px 16px}.scheduler__calendar-container .rbc-header{padding:12px 4px}.scheduler__calendar-container .scheduler-custom-header-day{font-size:10px}.scheduler__calendar-container .scheduler-custom-header-date{width:32px;height:32px;font-size:14px}.scheduler__calendar-container .rbc-time-gutter .rbc-label{font-size:10px}}@media (max-width: 768px){.scheduler__calendar-container .scheduler-custom-header-day{font-size:9px}.scheduler__calendar-container .scheduler-custom-header-date{width:28px;height:28px;font-size:12px;border-radius:8px}.scheduler__calendar-container .rbc-time-gutter .rbc-time-slot{padding:0 8px}.scheduler__calendar-container .rbc-time-gutter .rbc-label{font-size:9px}.scheduler__calendar-container .rbc-day-slot .rbc-timeslot-group,.scheduler__calendar-container .rbc-time-gutter .rbc-timeslot-group{min-height:36px!important}.scheduler__calendar-container .scheduler-event-card__title{font-size:12px}.scheduler__calendar-container .scheduler-event-card__meta,.scheduler__calendar-container .scheduler-event-card__playlist{font-size:11px}}.scheduler-empty-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 24px;text-align:center}.scheduler-empty-mobile h2{font-size:16px;font-weight:500;color:var(--text-secondary);margin-top:16px}.scheduler-event-card__popover{background:var(--card-bg)!important;border-radius:12px!important;box-shadow:var(--card-hover-shadow)!important;padding:6px 0!important;display:flex!important;flex-direction:column!important;min-width:140px!important;z-index:99999!important;border:1px solid var(--border-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scheduler-event-card__popover-item{padding:10px 16px!important;border:none!important;background:transparent!important;font-size:14px!important;font-weight:500!important;text-align:left!important;cursor:pointer!important;font-family:inherit!important;width:100%!important;transition:background .15s ease!important;display:block!important;box-sizing:border-box!important;color:inherit!important}.scheduler-event-card__popover-item:hover{background:var(--dropdown-hover)!important}.scheduler-event-card__popover-item.scheduler-event-card__popover-item--edit{color:var(--text-primary)!important}.scheduler-event-card__popover-item.scheduler-event-card__popover-item--edit:hover{background:var(--dropdown-hover)!important}.scheduler-event-card__popover-item.scheduler-event-card__popover-item--delete{color:#e5484d!important}.scheduler-event-card__popover-item.scheduler-event-card__popover-item--delete:hover{background:#e5484d14!important}.analog-clock-apps-wrapper{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.analog-clock-apps-wrapper .analog-clock-component *{margin:0;padding:0;box-sizing:border-box}.analog-clock-apps-wrapper .clock-component{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--priBg: rgb(30,32,34);--secBg: rgb(34,38,47);--needleBg: linear-gradient(to bottom right, #d4d4d8, #52525b);--secNeedleBg: linear-gradient(to right, #ef4444, #ef4444);--markingPriBg: rgb(82,82,91);--markingSecBg: rgb(161,161,170);--shadowIntensity: rgb(0 0 0 / 35%)}.analog-clock-apps-wrapper .clock{--wh: 40vw;width:var(--wh);height:var(--wh);position:relative;border-radius:50%;background:var(--priBg);border:calc(var(--wh) * .05) solid var(--priBg);box-shadow:inset 0 0 10px var(--shadowIntensity)}.analog-clock-apps-wrapper .clock:before{--wh: 35%;content:"";width:var(--wh);height:var(--wh);position:absolute;background:var(--secBg);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from var(--start),var(--priBg) 2deg,var(--priBg) var(--end),var(--secBg) 2deg,var(--secBg))}.analog-clock-apps-wrapper .clock:after{--wh: calc(var(--wh, 40vw) * .05);content:"";width:var(--wh);height:var(--wh);background:var(--needleBg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:calc(var(--wh) * .15) solid var(--secBg);box-shadow:inset 0 2px 4px #0000000d}.analog-clock-apps-wrapper .number{width:100%;height:100%;position:absolute;text-align:center;pointer-events:none}.analog-clock-apps-wrapper .number:before{content:"";width:calc(var(--wh, 40vw) * .005);height:calc(var(--wh, 40vw) * .025);position:absolute;top:calc(var(--wh, 40vw) * .04);background:var(--markingPriBg);border-radius:5rem;box-shadow:0 0 2px #cbd5e179}.analog-clock-apps-wrapper .number:nth-child(3n+3):before{width:calc(var(--wh, 40vw) * .007);height:calc(var(--wh, 40vw) * .045);background:var(--markingSecBg)}.analog-clock-apps-wrapper .number:nth-child(1){transform:rotate(30deg)}.analog-clock-apps-wrapper .number:nth-child(2){transform:rotate(60deg)}.analog-clock-apps-wrapper .number:nth-child(3){transform:rotate(90deg)}.analog-clock-apps-wrapper .number:nth-child(4){transform:rotate(120deg)}.analog-clock-apps-wrapper .number:nth-child(5){transform:rotate(150deg)}.analog-clock-apps-wrapper .number:nth-child(6){transform:rotate(180deg)}.analog-clock-apps-wrapper .number:nth-child(7){transform:rotate(210deg)}.analog-clock-apps-wrapper .number:nth-child(8){transform:rotate(240deg)}.analog-clock-apps-wrapper .number:nth-child(9){transform:rotate(270deg)}.analog-clock-apps-wrapper .number:nth-child(10){transform:rotate(300deg)}.analog-clock-apps-wrapper .number:nth-child(11){transform:rotate(330deg)}.analog-clock-apps-wrapper .hand{background:var(--needleBg);position:absolute;transform-origin:bottom center;bottom:50%;left:50%;border:1px solid var(--secBg);border-radius:2em 2em 0 0;transition:.6s;transition-timing-function:cubic-bezier(.23,1,.32,1.2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.analog-clock-apps-wrapper .hand.hour-needle{width:calc(var(--wh, 40vw) * .02);height:25%;transform:translate(-50%) rotate(var(--hourDeg, 0deg))}.analog-clock-apps-wrapper .hand.minute-needle{width:calc(var(--wh, 40vw) * .015);height:35%;transform:translate(-50%) rotate(var(--minuteDeg, 0deg))}.analog-clock-apps-wrapper .hand.second-needle{width:calc(var(--wh, 40vw) * .01);height:40%;bottom:43%;background:var(--secNeedleBg);transform-origin:center 80%;transform:translate(-50%) rotate(var(--secDeg, 0deg))}@media (max-width: 768px){.clock{--wh: 70vw}}@media (min-width: 1440px){.clock{--wh: 35vw}}.digital-clock-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;--priBg: 30 32 34;--secBg: 49 49 49;--bg: linear-gradient(to bottom, rgb(var(--priBg)), rgb(var(--secBg)));--txtClr: rgba(186, 229, 253, .8)}.digital-clock-container .clock{display:flex;gap:1rem;transform:skew(-10deg)}@media (min-width: 1024px){.digital-clock-container .clock{gap:1.5rem}}.digital-clock-container .digit{width:1.5rem;height:3rem;position:relative}.digital-clock-container .digit>*{transition:.3s}.digital-clock-container .digit span{background:rgb(var(--priBg)/15%);box-shadow:inset 0 0 6px rgb(var(--priBg)/15%)}.digital-clock-container .digit span:nth-of-type(1){left:-.25rem}.digital-clock-container .digit span:nth-of-type(2),.digital-clock-container .digit span:nth-of-type(5){width:100%;height:.375rem;display:inline-block;position:absolute}@media (min-width: 1024px){.digital-clock-container .digit span:nth-of-type(2),.digital-clock-container .digit span:nth-of-type(5){height:.625rem}}.digital-clock-container .digit span:nth-of-type(1),.digital-clock-container .digit span:nth-of-type(3),.digital-clock-container .digit span:nth-of-type(4),.digital-clock-container .digit span:nth-of-type(6){width:.375rem;height:50%;display:inline-block;position:absolute;clip-path:polygon(50% 0,100% 20%,100% 90%,50% 98%,0 86%,0 20%)}@media (min-width: 1024px){.digital-clock-container .digit span:nth-of-type(1),.digital-clock-container .digit span:nth-of-type(3),.digital-clock-container .digit span:nth-of-type(4),.digital-clock-container .digit span:nth-of-type(6){width:.75rem}}.digital-clock-container .digit span:nth-of-type(2){top:-.125rem;clip-path:polygon(5% 0,95% 0,80% 100%,20% 100%)}.digital-clock-container .digit span:nth-of-type(3){right:-.25rem}.digital-clock-container .digit span:nth-of-type(4){right:-.25rem;bottom:0;clip-path:polygon(50% 3%,100% 20%,100% 80%,50% 100%,0 80%,0 16%)}.digital-clock-container .digit span:nth-of-type(5){bottom:0;clip-path:polygon(8% 0,92% 0,80% 100%,22% 100%);transform:rotate(180deg)}.digital-clock-container .digit span:nth-of-type(6){bottom:0;left:-.25rem;clip-path:polygon(50% 3%,100% 15%,100% 80%,50% 100%,0 80%,0 20%)}.digital-clock-container .digit span:nth-of-type(7){width:.375rem;height:45%;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%)}@media (min-width: 1024px){.digital-clock-container .digit span:nth-of-type(7){width:.75rem}}.digital-clock-container .digit[data-digit="0"] span:nth-of-type(1),.digital-clock-container .digit[data-digit="0"] span:nth-of-type(2),.digital-clock-container .digit[data-digit="0"] span:nth-of-type(3),.digital-clock-container .digit[data-digit="0"] span:nth-of-type(4),.digital-clock-container .digit[data-digit="0"] span:nth-of-type(5),.digital-clock-container .digit[data-digit="0"] span:nth-of-type(6){background:var(--bg)}.digital-clock-container .digit[data-digit="1"] span:nth-of-type(3),.digital-clock-container .digit[data-digit="1"] span:nth-of-type(4){background:var(--bg)}.digital-clock-container .digit[data-digit="2"] span:nth-of-type(2),.digital-clock-container .digit[data-digit="2"] span:nth-of-type(3),.digital-clock-container .digit[data-digit="2"] span:nth-of-type(7),.digital-clock-container .digit[data-digit="2"] span:nth-of-type(5),.digital-clock-container .digit[data-digit="2"] span:nth-of-type(6){background:var(--bg)}.digital-clock-container .digit[data-digit="3"] span:nth-of-type(2),.digital-clock-container .digit[data-digit="3"] span:nth-of-type(3),.digital-clock-container .digit[data-digit="3"] span:nth-of-type(4),.digital-clock-container .digit[data-digit="3"] span:nth-of-type(5),.digital-clock-container .digit[data-digit="3"] span:nth-of-type(7){background:var(--bg)}.digital-clock-container .digit[data-digit="4"] span:nth-of-type(1),.digital-clock-container .digit[data-digit="4"] span:nth-of-type(3),.digital-clock-container .digit[data-digit="4"] span:nth-of-type(4),.digital-clock-container .digit[data-digit="4"] span:nth-of-type(7){background:var(--bg)}.digital-clock-container .digit[data-digit="5"] span:nth-of-type(1),.digital-clock-container .digit[data-digit="5"] span:nth-of-type(2),.digital-clock-container .digit[data-digit="5"] span:nth-of-type(4),.digital-clock-container .digit[data-digit="5"] span:nth-of-type(5),.digital-clock-container .digit[data-digit="5"] span:nth-of-type(7){background:var(--bg)}.digital-clock-container .digit[data-digit="6"] span:nth-of-type(1),.digital-clock-container .digit[data-digit="6"] span:nth-of-type(2),.digital-clock-container .digit[data-digit="6"] span:nth-of-type(4),.digital-clock-container .digit[data-digit="6"] span:nth-of-type(5),.digital-clock-container .digit[data-digit="6"] span:nth-of-type(6),.digital-clock-container .digit[data-digit="6"] span:nth-of-type(7){background:var(--bg)}.digital-clock-container .digit[data-digit="7"] span:nth-of-type(2),.digital-clock-container .digit[data-digit="7"] span:nth-of-type(3),.digital-clock-container .digit[data-digit="7"] span:nth-of-type(4){background:var(--bg)}.digital-clock-container .digit[data-digit="8"] span:nth-of-type(1),.digital-clock-container .digit[data-digit="8"] span:nth-of-type(2),.digital-clock-container .digit[data-digit="8"] span:nth-of-type(3),.digital-clock-container .digit[data-digit="8"] span:nth-of-type(4),.digital-clock-container .digit[data-digit="8"] span:nth-of-type(5),.digital-clock-container .digit[data-digit="8"] span:nth-of-type(6),.digital-clock-container .digit[data-digit="8"] span:nth-of-type(7){background:var(--bg)}.digital-clock-container .digit[data-digit="9"] span:nth-of-type(1),.digital-clock-container .digit[data-digit="9"] span:nth-of-type(2),.digital-clock-container .digit[data-digit="9"] span:nth-of-type(3),.digital-clock-container .digit[data-digit="9"] span:nth-of-type(4),.digital-clock-container .digit[data-digit="9"] span:nth-of-type(5),.digital-clock-container .digit[data-digit="9"] span:nth-of-type(7){background:var(--bg)}@media (min-width: 1024px){.digital-clock-container .digit{width:3rem;height:6rem}}.digital-clock-container .format{display:flex;margin-left:1rem;gap:1rem}.digital-clock-container .small-digit{height:1.5rem;position:relative}.digital-clock-container .small-digit .digit>*{transition:.3s}.digital-clock-container .small-digit span{background:rgb(var(--priBg)/15%);box-shadow:inset 0 0 6px rgb(var(--priBg)/15%)}.digital-clock-container .small-digit span:nth-of-type(1),.digital-clock-container .small-digit span:nth-of-type(3),.digital-clock-container .small-digit span:nth-of-type(4),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(7),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(8),.digital-clock-container .small-digit span:nth-of-type(6){display:inline-block;width:.25rem;height:50%;position:absolute;clip-path:polygon(50% 0,100% 20%,100% 90%,50% 98%,0 86%,0 20%)}@media (min-width: 1024px){.digital-clock-container .small-digit span:nth-of-type(1),.digital-clock-container .small-digit span:nth-of-type(3),.digital-clock-container .small-digit span:nth-of-type(4),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(7),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(8),.digital-clock-container .small-digit span:nth-of-type(6){width:.5rem}}.digital-clock-container .small-digit span:nth-of-type(1){left:-.25rem}.digital-clock-container .small-digit span:nth-of-type(2),.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(5),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(5){display:inline-block;width:100%;height:.25rem;position:absolute}@media (min-width: 1024px){.digital-clock-container .small-digit span:nth-of-type(2),.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(5),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(5){height:.5rem}}.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(2){width:50%;left:0}@media (min-width: 1024px){.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(2){left:.125rem}}.digital-clock-container .small-digit span:nth-of-type(2){top:-.125rem;clip-path:polygon(5% 0,95% 0,80% 100%,20% 100%)}.digital-clock-container .small-digit span:nth-of-type(3){right:-.25rem}.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(3){left:50%}.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(4),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(4),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(6){bottom:0;right:-.25rem;clip-path:polygon(50% 3%,100% 20%,100% 80%,50% 100%,0 80%,0 16%)}.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(4){display:inline-block;width:.25rem;height:50%;position:absolute;top:50%;left:50%}@media (min-width: 1024px){.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(4){width:.5rem}}.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(5){display:inline-block;width:50%;height:.25rem;position:absolute;top:-.125rem;right:-.25rem;clip-path:polygon(5% 0,95% 0,80% 100%,20% 100%)}@media (min-width: 1024px){.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(5){height:.5rem;right:-.375rem}}.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(7){right:-.5rem;bottom:0}@media (min-width: 1024px){.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(7){right:-.75rem}}.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(5),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(5){bottom:0;clip-path:polygon(8% 0,92% 0,80% 100%,22% 100%);transform:rotate(180deg)}.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(6),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(6),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(8){left:-.25rem;bottom:0}.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(6){top:0;right:-.5rem}@media (min-width: 1024px){.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(6){right:-.75rem}}.digital-clock-container .small-digit span:nth-of-type(6),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(8){clip-path:polygon(50% 3%,100% 15%,100% 80%,50% 100%,0 80%,0 20%)}.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(7),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(7){display:inline-block;width:.25rem;height:45%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%)}@media (min-width: 1024px){.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(7),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(7){width:.5rem}}.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(1),.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(2),.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(3),.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(4),.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(6),.digital-clock-container .small-digit[data-letter=a] span:nth-of-type(7){background:var(--bg)}.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(1),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(2),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(3),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(4),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(5),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(6),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(7),.digital-clock-container .small-digit[data-letter=m] span:nth-of-type(8){background:var(--bg)}.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(1),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(2),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(3),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(7),.digital-clock-container .small-digit[data-letter=p] span:nth-of-type(6){background:var(--bg)}.digital-clock-container .small-digit[data-letter=a],.digital-clock-container .small-digit[data-letter=p]{width:.75rem}@media (min-width: 1024px){.digital-clock-container .small-digit[data-letter=a],.digital-clock-container .small-digit[data-letter=p]{width:1.5rem}}.digital-clock-container .small-digit[data-letter=m]{width:1.25rem}@media (min-width: 1024px){.digital-clock-container .small-digit[data-letter=m]{width:2.5rem}.digital-clock-container .small-digit{height:3rem!important}}.digital-clock-container .dots{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.digital-clock-container .dots span{display:inline-block;width:.625rem;height:.625rem;background:var(--bg);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);box-shadow:inset 0 0 6px #00000026;border-radius:100%}@media (min-width: 1024px){.digital-clock-container .dots span{width:.875rem;height:.875rem}.digital-clock-container .dots{gap:1rem}}.digital-clock-container .toggle{display:flex;align-items:center;gap:.25rem}.digital-clock-container .toggle label{display:inline-block;width:2.75rem;height:1.25rem;position:relative;cursor:pointer;overflow:hidden;padding:.125rem;border-radius:1rem;background:var(--bg);box-shadow:inset 0 0 5px #00000040}.digital-clock-container .toggle label:active:before{width:1.25rem}.digital-clock-container .toggle label:before{content:"";width:1rem;height:1rem;position:absolute;border-radius:100%;top:50%;left:.2rem;transform:translateY(-50%);transition:.3s;transition-timing-function:cubic-bezier(.23,1,.32,1.2);box-shadow:inset 0 0 4px #00000026;background-image:linear-gradient(to bottom right,#3b82f6,#1d4ed8);z-index:1}.digital-clock-container .toggle label:after{content:"24";position:absolute;top:50%;left:calc(100% - 1.2rem);color:var(--txtClr);transform:translateY(-50%);font-size:.6rem;font-weight:600}.digital-clock-container .toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:0;height:0;opacity:0;pointer-events:none}.digital-clock-container .toggle:has(input[type=checkbox]:checked) label:active:before{left:calc(100% - 16px - .45rem);transform-origin:left}.digital-clock-container .toggle:has(input[type=checkbox]:checked) label:after{content:"12";left:.4rem}.digital-clock-container .toggle:has(input[type=checkbox]:checked) label:before{left:calc(100% - 16px - .2rem)}.flipper-wrapper{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.flipper-wrapper .flipper-clock-container *{margin:0;padding:0;box-sizing:border-box}.flipper-wrapper .flipper-clock-container{--priBg: #1e2022;--secBg: #323232;--txtClr: #e0e0e0;--shade: 1}.flipper-wrapper .flipper-clock-container ul{list-style:none}.flipper-wrapper .flipper-clock{--brdrRad: 8px;display:flex;gap:.5rem;perspective:500px}@media (min-width: 1024px){.flipper-wrapper .flipper-clock{gap:1rem}}.flipper-wrapper .flipper{position:relative;width:2rem;height:2.5rem;transform:rotateX(8deg);border-radius:var(--brdrRad);box-shadow:0 10px 30px #00000040,0 5px 0 var(--secBg)}.flipper-wrapper .flipper:before{content:"";position:absolute;left:0;top:50%;z-index:5;height:2px;width:100%;transform:translateY(-50%);background:var(--priBg)}@media (min-width: 768px){.flipper-wrapper .flipper{width:2.75rem;height:3.5rem}}@media (min-width: 1024px){.flipper-wrapper .flipper{width:4rem;height:5rem}}.flipper-wrapper .flipper li{position:absolute;height:100%;width:100%;text-align:center;font-family:Helvetica Neue,Helvetica,sans-serif;perspective:200px}.flipper-wrapper .flipper li:has(+li.active){z-index:3}.flipper-wrapper .flipper li.active{z-index:2;animation:modify-z .5s .5s linear both}.flipper-wrapper .flipper li div{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:var(--priBg)}.flipper-wrapper .flipper li div:before{content:attr(data-text);width:100%;height:200%;display:flex;align-items:center;justify-content:center;position:absolute;left:0;font-size:1.875rem;font-weight:700;line-height:2.25rem;color:var(--txtClr);text-shadow:0 2px 4px rgba(0,0,0,.4);transform:translateY(3px)}@media (min-width: 768px){.flipper-wrapper .flipper li div:before{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.flipper-wrapper .flipper li div:before{font-size:3.75rem;line-height:1}}.flipper-wrapper .flipper li div:after{content:"";width:100%;height:100%;position:absolute;left:0}.flipper-wrapper .flipper li div:nth-child(1){top:0;transform-origin:50% 100%;border-top-left-radius:var(--brdrRad);border-top-right-radius:var(--brdrRad)}.flipper-wrapper .flipper li div:nth-child(1):after{top:0}.flipper-wrapper .flipper li div:nth-child(1):before{top:0}.flipper-wrapper .flipper li div:nth-child(2){bottom:0;transform-origin:50% 0%;border-bottom-left-radius:var(--brdrRad);border-bottom-right-radius:var(--brdrRad)}.flipper-wrapper .flipper li div:nth-child(2):after{bottom:0}.flipper-wrapper .flipper li div:nth-child(2):before{bottom:0}.flipper-wrapper .flipper li.active div:nth-child(2){z-index:2;animation:turn1 .5s .5s linear both}.flipper-wrapper .flipper li:has(+li.active) div:nth-child(1){z-index:2;animation:turn2 .5s linear both}.flipper-wrapper .flipper li:has(+li.active) div:nth-child(1):after{background:linear-gradient(to bottom,#0000001a,rgba(0,0,0,calc(var(--shade) / 2)));animation:show-shadow .5s linear both}.flipper-wrapper .flipper li.active div:nth-child(1):after{background:linear-gradient(to bottom,#0000001a,rgba(0,0,0,calc(var(--shade) / 2)));animation:hide-shadow .5s .3s linear both}.flipper-wrapper .flipper li:has(+li.active) div:nth-child(2):after{background:linear-gradient(to bottom,rgba(0,0,0,var(--shade)),#0000001a);animation:show-shadow .5s linear both}.flipper-wrapper .flipper li.active div:nth-child(2):after{background:linear-gradient(to bottom,rgba(0,0,0,var(--shade)),#0000001a);animation:hide-shadow .5s .3s linear both}.flipper-wrapper .seperator{width:.5rem;height:.5rem;align-self:center;border-radius:calc(var(--brdrRad) / 4);background:var(--priBg);transform:rotateX(15deg) translateY(-5px);box-shadow:0 10px 30px #00000040,0 0 0 var(--secBg)}.flipper-wrapper .seperator:before{content:"";width:100%;height:100%;display:inline-block;transform:rotateX(15deg) translateY(10px);background:inherit;box-shadow:inherit;border-radius:inherit}@media (min-width: 768px){.flipper-wrapper .seperator{width:.75rem;height:.6rem;border-radius:calc(var(--brdrRad) / 2);transform:rotateX(15deg) translateY(-10px);box-shadow:0 10px 30px #00000040,0 2.5px 0 var(--secBg)}.flipper-wrapper .seperator:before{transform:rotateX(15deg) translateY(15px)}}@media (min-width: 1024px){.flipper-wrapper .seperator{width:1rem;height:.75rem;transform:rotateX(15deg) translateY(-15px);box-shadow:0 10px 30px #00000040,0 5px 0 var(--secBg)}.flipper-wrapper .seperator:before{transform:rotateX(15deg) translateY(25px)}}@keyframes modify-z{0%{z-index:2}5%,to{z-index:4}}@keyframes turn1{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes turn2{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes show-shadow{0%{opacity:0}to{opacity:1}}@keyframes hide-shadow{0%{opacity:1}to{opacity:0}}.calendar-container{width:100%;min-height:100vh;display:grid;place-items:center}.calendar-container .calendar-component *{margin:0;padding:0;box-sizing:border-box}.calendar-container .calendar-component{--priBg: 28, 28, 40;--pri: #1e2022;--sec: #22262f;--mildClr: #9ca3af;--priClr: #e4e4e7;--fntWgt: 500;--inputBtnBgImg: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12c0-3.771 0-5.657 1.172-6.828C4.343 4 6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172C22 6.343 22 8.229 22 12v2c0 3.771 0 5.657-1.172 6.828C19.657 22 17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172C2 19.657 2 17.771 2 14v-2Z' stroke='%23d1d5db' stroke-width='1.5'/%3E%3Cpath d='M7 4V2.5M17 4V2.5M2.5 9h19' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M18 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM18 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM13 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM8 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' fill='%23d1d5db'/%3E%3C/svg%3E%0A");--btnBrdr: #fdbb7491;--btnBrdrHover: #fdba74;--weekDaysClr: #9ca3af;--daysClr: #d1d5db;--daysClrHover: #f9fafb;--todayClr: var(--btnBrdrHover);--dummyClr: #6b7280;--rulerClr: #374151;--btnGradient: linear-gradient(to bottom right, #9ca3af, #fdba74);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.calendar-container .calendar-component button,.calendar-container .calendar-component input{background-color:unset;outline:none}.calendar-container .calendar-input label,.calendar-container .calendar-body-header{color:var(--priClr);font-weight:var(--fntWgt)}.calendar-container .calendar-input input[type=button]{border:none;background-image:var(--inputBtnBgImg)}.calendar-container .calendar-body-header button{border-color:var(--btnBrdr);position:relative;width:32px;height:32px}.calendar-container .calendar-body-header button:before{content:"";width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:var(--btnGradient)}.calendar-container .calendar-component #prev-btn:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.29 5.707a1 1 0 0 0-1.415 0L7.988 10.6a2 2 0 0 0 0 2.828l4.89 4.89a1 1 0 0 0 1.415-1.414l-4.186-4.185a1 1 0 0 1 0-1.415l4.182-4.182a1 1 0 0 0 0-1.414Z' fill='%23000'/%3E%3C/svg%3E%0A");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.29 5.707a1 1 0 0 0-1.415 0L7.988 10.6a2 2 0 0 0 0 2.828l4.89 4.89a1 1 0 0 0 1.415-1.414l-4.186-4.185a1 1 0 0 1 0-1.415l4.182-4.182a1 1 0 0 0 0-1.414Z' fill='%23000'/%3E%3C/svg%3E%0A")}.calendar-container .calendar-component #nxt-btn:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.71 18.293a1 1 0 0 0 1.415 0l4.887-4.892a2 2 0 0 0 0-2.828l-4.89-4.89a1 1 0 0 0-1.415 1.414l4.186 4.185a1 1 0 0 1 0 1.415L9.71 16.879a1 1 0 0 0 0 1.414Z' fill='%23000'/%3E%3C/svg%3E%0A");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.71 18.293a1 1 0 0 0 1.415 0l4.887-4.892a2 2 0 0 0 0-2.828l-4.89-4.89a1 1 0 0 0-1.415 1.414l4.186 4.185a1 1 0 0 1 0 1.415L9.71 16.879a1 1 0 0 0 0 1.414Z' fill='%23000'/%3E%3C/svg%3E%0A")}.calendar-container .calendar-body-header button:hover{border-color:var(--btnBrdrHover)}.calendar-container .calendar-body-cnts ul:nth-of-type(1) li{color:var(--weekDaysClr);font-weight:var(--fntWgt)}.calendar-container .calendar-body-cnts ul:nth-of-type(2) li:not(.dummy){color:var(--weekDaysClr)!important;font-weight:var(--fntWgt)!important}.calendar-container .calendar-body-cnts ul:nth-of-type(2) li:not(.dummy):hover{border-color:var(--btnBrdrHover);color:var(--daysClrHover)}.calendar-container .calendar-body-cnts ul:nth-of-type(2) li.today{border-color:var(--btnBrdrHover)!important;color:var(--todayClr)!important}.calendar-container .calendar-body-cnts ul:nth-of-type(2) li.dummy{color:var(--dummyClr)}.calendar-container .calendar-body hr{border-color:var(--rulerClr)}.calendar-container .calendar{position:relative;display:flex;flex-direction:column;align-items:center;transition:.6s;transition-timing-function:cubic-bezier(.23,1,.32,1.2)}.calendar-container .calendar[data-state=open]{transform:translateY(-10rem)}.calendar-container .calendar-input{display:flex;align-items:center;gap:1.5rem;border-radius:.375rem;padding:.5rem .75rem .5rem 1rem;background:var(--pri);box-shadow:rgba(var(--priBg),.4) 0 2px 4px,rgba(var(--priBg),.3) 0 7px 13px -3px,#0003 0 -3px inset}.calendar-container .calendar-input label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem;position:relative}.calendar-container .calendar-input input[type=button]{height:1.25rem;width:1.25rem;cursor:pointer}.calendar-container .calendar-input label:before{pointer-events:none;position:absolute;right:-.75rem;height:100%;width:2px;background:var(--mildClr);opacity:.2;content:""}.calendar-container .calendar-body{position:absolute;width:20rem;border-radius:.5rem;display:none;top:calc(100% + .5rem);background:var(--pri);box-shadow:rgba(var(--priBg),.4) 0 2px 4px,rgba(var(--priBg),.3) 0 7px 13px -3px,#0003 0 -3px inset}.calendar-container .calendar[data-state=open] .calendar-body{display:flex;clip-path:circle(0% at 70% 0%);animation:show-calendar .6s ease-in forwards}.calendar-container .calendar[data-state=closing] .calendar-body{display:flex;clip-path:circle(150% at 70% 0%);pointer-events:none;animation:close-calendar .6s ease-out .3s forwards}.calendar-container .calendar[data-state=close] .calendar-body{display:none}@keyframes show-calendar{to{clip-path:circle(150% at 70% 0%)}}@keyframes close-calendar{to{clip-path:circle(0% at 70% 0%)}}.calendar-container .calendar-body{flex-direction:column;gap:.375rem;padding:1rem}.calendar-container .calendar-body-header{display:flex;align-items:center;justify-content:space-evenly;gap:.75rem}.calendar-container .calendar-body-header button{cursor:pointer;border-radius:.375rem;border-width:1px;padding:.375rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.calendar-container .calendar-body-header button:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:scaleX(.9) scaleY(.9)}.calendar-container .calendar-body-header button{background:var(--sec)}.calendar-container .calendar-body-header button svg{height:1.25rem;width:1.25rem}.calendar-container .calendar-body-header div{--currentMonth: 0;height:2rem;width:12rem;overflow:hidden;text-align:center;font-size:.875rem;line-height:1.25rem;letter-spacing:.05em}.calendar-container .calendar-body-header div ul{position:relative;height:100%;width:100%}.calendar-container .calendar-body-header div ul li{position:absolute;display:flex;height:100%;width:100%;align-items:center;justify-content:center;gap:.1rem;text-transform:uppercase}.calendar-container .calendar[data-state=open] .calendar-body-header div ul li span{transform:translateY(-.5rem);opacity:0;animation:month-anim .6s ease var(--animDelay) forwards}.calendar-container .calendar[data-state=closing] .calendar-body-header div ul li span{transform:translateY(0);opacity:1;animation:month-anim-backwards .6s ease var(--animDelay) forwards}@keyframes month-anim{to{transform:translateY(0);opacity:1}}@keyframes month-anim-backwards{to{transform:translateY(-.5rem);opacity:0}}.calendar-container .calendar-body-cnts ul:nth-of-type(2) li{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.375rem;font-size:.75rem;line-height:1rem;background:var(--sec);transform:translate(-10%,-10%);opacity:0}.calendar-container .calendar-body-cnts ul:nth-of-type(2) li:not(.dummy){cursor:pointer;border-width:1px;border-style:solid;border-color:transparent;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.calendar-container .calendar-body-header div ul li span{font-size:.75rem;line-height:1rem;transform:translateY(-.5rem);opacity:0}.calendar-container .calendar-body-cnts{display:flex;flex-direction:column;gap:.375rem}.calendar-container .calendar-body-cnts ul{display:grid;grid-template-columns:repeat(7,1fr);gap:.375rem}.calendar-container .calendar-body-cnts ul:nth-of-type(1) li{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.calendar-container .calendar[data-state=open] .calendar-body-cnts ul:nth-of-type(2) li{animation:dates-forward-anim .6s cubic-bezier(.23,1,.32,1.2) var(--animationDelayForwards) forwards}.calendar-container .calendar[data-state=closing] .calendar-body-cnts ul:nth-of-type(2) li{opacity:1;transform:translate(0);animation:dates-backward-anim .6s cubic-bezier(.23,1,.32,1.2) var(--animationDelayBackwards) forwards}.calendar-container .calendar-body[data-state=navigate] .calendar-body-cnts ul:nth-of-type(2) li{opacity:1;transform:translate(0);animation:dates-backward-anim .6s cubic-bezier(.23,1,.32,1.2) var(--animationDelayBackwards) forwards}.calendar-container .calendar-body[data-state=navigate] .calendar-body-header div ul li span{transform:translateY(0);opacity:1;animation:month-anim-backwards .6s ease var(--animDelay) forwards}.calendar-container .calendar-body-cnts ul:nth-of-type(2) li.today{border-style:solid;font-weight:600}.calendar-container .calendar-body-cnts ul:nth-of-type(2) li.dummy{cursor:not-allowed}@keyframes dates-forward-anim{to{opacity:1;transform:translate(0)}}@keyframes dates-backward-anim{to{opacity:0;transform:translate(-10%,-10%)}}.calendar-container .calendar-body hr{margin-top:.375rem;border-width:1px;border-style:dashed;-webkit-mask-image:linear-gradient(to right,transparent,#000,transparent);mask-image:linear-gradient(to right,transparent,#000,transparent)}.weather-app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#5078b5,#7d5891,#c66e61);color:#fff;text-align:center;margin:0;padding:0}.weather-container{width:100%;max-width:500px;padding:20px}.city-header{display:flex;justify-content:center;align-items:center;margin-bottom:40px;position:relative}.city-header h1{font-size:36px;font-weight:400;margin:0}.arrow{font-size:24px;margin-left:10px;opacity:.7}.current-weather{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.weather-icon-large{font-size:80px;margin-bottom:20px}.temperature{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.current-temp{font-size:100px;font-weight:300;line-height:1}.temp-range{display:flex;justify-content:center;gap:40px;margin-top:10px;font-size:24px}.weather-description{font-size:22px;margin-top:20px}.forecast{display:flex;justify-content:space-between;margin-top:40px;border-top:1px solid rgba(255,255,255,.3);padding-top:30px}.forecast-day{display:flex;flex-direction:column;align-items:center}.day-name{font-size:18px;margin-bottom:15px}.forecast-icon{font-size:30px;margin-bottom:15px}.forecast-temp{font-size:16px}.loading,.error{font-size:20px;text-align:center}.weather-icon{position:relative;width:80px;height:80px}.weather-icon.small{width:40px;height:40px}.weather-icon.large{width:120px;height:120px}.cloud{position:absolute;background-color:#fff;border-radius:50%}.weather-icon .cloud,.weather-icon.small .cloud{width:60%;height:60%;top:20%;left:20%}.weather-icon.large .cloud{width:70%;height:70%;top:15%;left:15%}.lightning{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:30px solid yellow;transform:rotate(20deg)}.weather-icon .lightning{bottom:10%;right:25%}.weather-icon.small .lightning{border-left:5px solid transparent;border-right:5px solid transparent;border-top:15px solid yellow;bottom:10%;right:25%}.weather-icon.large .lightning{border-left:15px solid transparent;border-right:15px solid transparent;border-top:45px solid yellow;bottom:5%;right:25%}.rain,.drizzle{position:absolute;width:60%;height:20%;bottom:5%;left:20%;display:flex;justify-content:space-around}.rain:before,.rain:after,.drizzle:before,.drizzle:after{content:"";background-color:#a5d8ff;width:2px;height:10px;border-radius:5px}.weather-icon.small .rain:before,.weather-icon.small .rain:after,.weather-icon.small .drizzle:before,.weather-icon.small .drizzle:after{height:5px;width:1px}.weather-icon.large .rain:before,.weather-icon.large .rain:after,.weather-icon.large .drizzle:before,.weather-icon.large .drizzle:after{height:15px;width:3px}.sun{position:absolute;width:70%;height:70%;background-color:#fd4;border-radius:50%;top:15%;left:15%}.signage-board{background-color:#1e5799;color:#fff;padding:10px;border-radius:6px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;min-height:200px;width:100%;max-width:600px;margin:0 auto}.empty-message{display:flex;align-items:center;justify-content:center;height:200px;font-style:italic;color:#ccc}.signage-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease}.signage-item:last-child{border-bottom:none}.signage-text{font-size:24px;font-weight:500;flex-grow:1}.signage-arrow{font-size:28px;margin-left:15px}.item-count-1 .signage-item{height:180px;font-size:32px;display:flex;align-items:center}.item-count-1 .signage-text{font-size:34px}.item-count-1 .signage-arrow{font-size:40px}.item-count-2 .signage-item{height:90px;font-size:28px}.item-count-2 .signage-text{font-size:28px}.item-count-3 .signage-item{height:60px}.item-count-4 .signage-item{height:45px;font-size:20px}.item-count-4 .signage-text{font-size:22px}.item-count-4 .signage-arrow{font-size:24px}.item-count-5 .signage-item{height:36px;font-size:18px}.item-count-5 .signage-text{font-size:18px}.item-count-5 .signage-arrow{font-size:22px}.signage-controller{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.signage-controller h2{margin-top:0;color:#2c3e50;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#34495e}.form-group input[type=text]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.direction-options{display:flex;gap:15px}.direction-option{display:flex;align-items:center;padding:8px 15px;border:1px solid #ddd;border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.direction-option input{position:absolute;opacity:0}.direction-option.selected{background-color:#3498db;color:#fff;border-color:#2980b9}.add-button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.add-button:hover{background-color:#2980b9}.app-container{margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px}header h1{color:#2c3e50}main{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 768px){main{grid-template-columns:1fr}}.controller-section,.preview-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.preview-section h2{color:#2c3e50;margin-top:0;margin-bottom:20px;text-align:center}.item-management{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.item-management h3{margin-top:0;color:#2c3e50}.item-list{list-style:none;padding:0;margin:0}.item-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f8f9fa;margin-bottom:8px;border-radius:4px}.direction-indicator{margin:0 10px;font-weight:700}.remove-btn{background-color:#e74c3c;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.clear-btn{background-color:#34495e;color:#fff;border:none;padding:8px 16px;border-radius:4px;margin-top:15px;cursor:pointer}.clear-btn:hover{background-color:#2c3e50}torsDirectoryBoard to better match the image .doctors-directory-board{display:flex;flex-direction:column;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow:hidden;height:600px}.directory-header{background:linear-gradient(to right,#175a6e,#31a2ba);color:#fff;padding:15px 20px;text-align:center;border-bottom:3px solid #731c76}.directory-header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:1px}.directory-content{flex:1;padding:15px;overflow:hidden}.directory-content.empty{display:flex;align-items:center;justify-content:center;color:#888;font-style:italic}.directory-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;height:100%}.department-header{grid-column:span 4;background-color:#3c2954;color:#fff;font-size:22px;font-weight:700;padding:10px 15px;margin-top:10px;border-radius:6px;text-align:center}.doctor-card{background:linear-gradient(to bottom,#f8f8f8,#eaeaea);border-radius:6px;padding:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;border:1px solid #ddd;position:relative;overflow:hidden;transition:all .2s ease}.doctor-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.doctor-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#175a6e}.doctor-name{color:#175a6e;font-size:16px;font-weight:700;margin-bottom:4px}.doctor-qualification{color:#555;font-size:13px;margin-bottom:8px}.doctor-specialization{font-size:12px;background-color:#175a6e;color:#fff;padding:4px 8px;border-radius:3px;text-align:center;margin-top:auto}.pagination{display:flex;flex-direction:column;align-items:center;padding:10px 0;background-color:#f8f8f8;border-top:1px solid #eee}.page-info{font-size:14px;color:#555;margin-bottom:5px}.page-dots{display:flex;justify-content:center}.page-dot{width:12px;height:12px;border-radius:50%;background-color:#ddd;margin:0 5px;cursor:pointer;transition:background-color .3s}.page-dot.active{background-color:#731c76}.form-instruction{color:#555;margin-bottom:15px;font-size:14px;background-color:#f5f9fa;padding:10px;border-left:3px solid #175a6e;border-radius:2px}.form-group small{font-size:12px;color:#666;margin-top:4px;display:block}.pagination-info{background-color:#fff3cd;border-left:4px solid #ffc107;padding:12px 15px;border-radius:4px;margin-top:20px}.pagination-info p{margin:0;font-size:14px;color:#856404}:root{--primary: #EE6055;--primary-hover: #d94c42;--primary-light: #fff5f4;--bg-primary: #ffffff;--bg-secondary: #f8f9fb;--bg-tertiary: #e7ebf0;--text-primary: #1a1a1a;--text-secondary: #616161;--text-tertiary: #919191;--border-light: #e5e7eb;--border-medium: #d1d5db;--success: #34A853;--error: #EE6055;--warning: #FBBC04;--info: #4285F4;--online: #34A853;--offline: #EE6055;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .08);--card-hover-shadow: rgba(0, 0, 0, .12);--input-bg: #ffffff;--input-border: #d1d5db;--overlay: rgba(0, 0, 0, .5);--overlay-light: rgba(0, 0, 0, .3);--nav-bg: #ffffff;--nav-text: #1F2937;--nav-active: #EE6055;--sidebar-bg: #EE6055;--sidebar-text: #ffffff;--modal-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--dropdown-bg: #ffffff;--dropdown-hover: #F9FAFB;--skeleton-bg: #f0f0f0;--skeleton-highlight: #f7f7f7;--sort-button-bg: #ffffff;--sort-button-border: #e5e7eb;--sort-button-text: #6B7280;--theme-transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary: #FF6B5E;--primary-hover: #ff8578;--primary-light: #2d1f1e;--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--text-primary: #f5f5f5;--text-secondary: #e5e5e5;--text-tertiary: #c5c5c5;--border-light: #333333;--border-medium: #404040;--success: #4ade80;--error: #ff6b5e;--warning: #fbbf24;--info: #60a5fa;--online: #4ade80;--offline: #ff6b5e;--card-bg: #1e1e1e;--card-shadow: rgba(0, 0, 0, .3);--card-hover-shadow: rgba(0, 0, 0, .5);--input-bg: #2a2a2a;--input-border: #404040;--overlay: rgba(0, 0, 0, .7);--overlay-light: rgba(0, 0, 0, .5);--nav-bg: #1e1e1e;--nav-text: #e5e5e5;--nav-active: #FF6B5E;--sidebar-bg: #2a2a2a;--sidebar-text: #f5f5f5;--modal-bg: #1e1e1e;--modal-overlay: rgba(0, 0, 0, .7);--dropdown-bg: #1e1e1e;--dropdown-hover: #2a2a2a;--sort-button-bg: #2a2a2a;--sort-button-border: #404040;--sort-button-text: #d0d0d0;--skeleton-bg: #2a2a2a;--skeleton-highlight: #333333}[data-theme=dark] .screen-card,[data-theme=dark] .screen-card-grid,[data-theme=dark] .active-screen-card,[data-theme=dark] .active-media-card,[data-theme=dark] .active-hours-wrapper,[data-theme=dark] .activity-calendar,[data-theme=dark] .active-storage-container,[data-theme=dark] .history-data-container{color:var(--text-primary)}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:var(--text-tertiary)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-tertiary)!important}[data-theme=dark] .app-container,[data-theme=dark] .main-container{color:var(--text-primary)}[data-theme=dark] .screen-card .screen-name,[data-theme=dark] .screen-card .screen-card-title p,[data-theme=dark] .screen-card-grid .screen-name,[data-theme=dark] .screen-card-grid .screen-card-title p{color:var(--text-primary)!important}[data-theme=dark] .screen-card .title-small,[data-theme=dark] .screen-card .gray-dark,[data-theme=dark] .screen-card .screen-card-content,[data-theme=dark] .screen-card .screen-card-device,[data-theme=dark] .screen-card .screen-card-date,[data-theme=dark] .screen-card-grid .title-small,[data-theme=dark] .screen-card-grid .gray-dark,[data-theme=dark] .screen-card-grid .screen-card-content,[data-theme=dark] .screen-card-grid .screen-card-device,[data-theme=dark] .screen-card-grid .screen-card-date{color:var(--text-secondary)!important}[data-theme=dark] .history-data-container .history-info-event{color:var(--text-primary)!important}[data-theme=dark] .history-data-container .history-info-content,[data-theme=dark] .history-data-container .history-info-row{color:var(--text-secondary)!important}[data-theme=dark] .active-hours-wrapper .screen-hour-item .screen-id{color:var(--text-primary)!important}[data-theme=dark] .active-hours-wrapper .screen-hour-item .screen-hours,[data-theme=dark] .active-hours-wrapper .screen-hour-item p{color:var(--text-tertiary)!important}[data-theme=dark] .activity-calendar .calendar-weekday{color:var(--text-secondary)!important}[data-theme=dark] .activity-calendar .calendar-day-inactive{color:var(--text-tertiary)!important}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.react-loading-skeleton{--base-color: var(--skeleton-bg) !important;--highlight-color: var(--skeleton-highlight) !important;background-color:var(--skeleton-bg)!important;background-image:linear-gradient(90deg,var(--skeleton-bg),var(--skeleton-highlight),var(--skeleton-bg))!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0}:root{--color-bg: var(--bg-primary);--color-surface: var(--card-bg);--color-surface-hover: var(--bg-secondary);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-tertiary);--color-border: var(--border-light);--color-border-medium: var(--border-medium);--color-primary: var(--primary, #EE6055);--color-primary-hover: var(--primary-hover, #d94c42);--color-primary-glow: rgba(238, 96, 85, .2);--canvas-bg: #0f172a;--canvas-pattern-1: rgba(15, 23, 42, .18);--bg-elevated: var(--card-bg);--bg-card: var(--card-bg);--bg-surface: var(--card-bg);--bg-darker: #050816;--border-subtle: var(--border-light);--text-muted: var(--text-tertiary);--primary-violet: #4f46e5;--gradient-violet: linear-gradient(135deg, #4f46e5, #7c3aed);--radius-sm: 6px;--radius-lg: 12px;--radius-xl: 18px;--shadow-lg: 0 18px 40px rgba(15, 23, 42, .28);--transition-fast: .2s ease-in-out;--bg-page: var(--bg-primary);--info: #3b82f6;--danger: #ef4444}.app-container{position:relative;width:100%;overflow:hidden;height:100vh;background-color:var(--bg-primary);padding:0;margin:0;transition:background-color .3s ease}.flex{display:flex;align-items:center;justify-content:center}.m-0{margin:0}.m-2{margin:2px}.m-4{margin:4px}.m-8{margin:8px}.m-12{margin:12px}.ml-2{margin-left:2px}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.ml-12{margin-left:12px}.mr-2{margin-right:2px}.mr-4{margin-right:4px}.mr-8{margin-right:8px}.mr-12,.mr-24{margin-right:12px}.mb-2{margin-right:2px}.mb-4{margin-right:4px}.mb-8{margin-right:8px}.mb-12{margin-right:12px}.mt-2{margin-top:2px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}@media only screen and (max-width: 600px){.app-container{height:100vh}}.red{color:#ee6055}.dark-red{color:#ca453a}.blue{color:#ee6055}.white{color:#fff}.black{color:var(--text-primary)}.gray{color:var(--text-tertiary)}.gray-dark{color:var(--text-secondary)}.gray-light{color:var(--text-tertiary)}.green{color:#34a853}.bg-white{background-color:#fff}.bg-black{background-color:#363636}.bg-white-shade{background-color:#f8f9fb}